Top

Hasan Yasin TÜRKYILMAZ Dijital pazarlama uzmanı, growth hacker, dijital stratejist, eğitmen

  • All
  • Dijital medya
  • Dijital reklam
  • Dijital strateji
  • Eğitim
  • Growth hacking
  • Haber
  • İnceleme
  • Kişisel
  • Kurumsal
  • Markalar
  • Medya
  • Rehber
  • Teknoloji

HTML, XHTML ve HTML Dom ‘da yeni standart HTML 5 olacaktır. Bir önceki versiyon 1999’da çıkmıştır. O zamandan bu yana ise çok şey değişmiştir.

HTML5 hala bir değişim sürecinde. Bununla beraber çağdaş birçok tarayıcı bazı HTML5’e ait  standartları sunmakta.


HTML5, W3c(World Wide Web Konsorsiyumu) ile WHATWG(Web Hypertext Aplication Technology Worgking Group) ‘un ortak çalışmasının sonucu.

WHATWG web formları ve uygulamaları ile, W3C de XHTML 2.0 ile uğraşıyordu. 2006’da, yeni bir HTML versiyonunda birleşmeye karar verdiler.

Belirlenmiş bazı HTML5 kuralları;

  • Yeni özellikler HTML,CSS, DOM ve Javascript’e göre olmalı,
  • Harici eklentilere ihtiyaç azaltılmalı,
  • Daha iyi hata işleme,
  • Script’leme yerine daha fazla işaretleme,
  • HTML5 cihazlardan bağımsız olmalı,
  • Geliştirme süreci halk tarafından görünür kılınmalı

Google Cloud Print'i denediniz mi hiç? https://www.google.com/cloudprint/ adlı URL'den Cloud Print'e ulaşabilirsiniz. Cloud Print'e giriş yapmış olduğunuz tüm cihazlar ile yazdırma işleminizi rahatlıkla paylaşabilir, yönetebilir ve hatta yönlendirebilirsiniz. Adobe Programına sahipseniz pdf'ye de aktarabilirsiniz. Aynı zamanda yazdırma kayıtlarınızı tutmanızı da sağlamaktadır. Google Chrome'un seçenekler menüsünden de ulaşabilirsiniz. ...

Bir vefa borcu ve alıştırma/uygulama yapmak için HTML Örnekleri w3schools.com üzerindeki editörler aracılığı ile, buraya tıklayarak ulaşabilirsiniz. HTML Referansları da burada yer almaktadır. Şimdiye kadar anlatmış olduklarım ile HTML sayesinde kendi web sitelerinizi yapabilirsiniz. HTML evrensel işaretleme dilidir WEB üzerinde. Text biçimlendirme, grafik ekleme, bağlar oluşturma yani linkler,...

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com‘dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools’a ait paylaşacak olduğum online editörü kullanabilirsiniz.


HTML, Web Sunucuları

Ürettiğiniz web sitesini tüm dünyaya duyurmak ve 7/24 sunmak için web sunucu üzerinde depolamanız gerekmektedir.

Bu durum 3 tip maliyet doğurur;

Donanım maliyeti;

Gerçek bir web sitesi için; birtakım güçlü sunucu donanımı alma ihtiyacı doğurur. Düşük fiyatlı bir bilgisayarın bunu yapabileceğini düşünmeyin. Çünkü 24 saat ve devamlı yüksek bağlantıda çalışması gereklidir.

Yazılım maliyeti;

İstemcilerin yani sıradan bilgisayar kullanıcılarının sahip olması gereken lisansların (programların herbir tanesinin lisansı olur.) da kat be kat üzerinde tutar sunucuların(server’ların) yazılımlarının lisansı. Sunucu lisansları aynı zamanda kullanıcı limitine de sahip olabilir. Buna dikkat etmeniz gereklidir.

Emek maliyeti;

Düşük emek harcanacağını sanmayın. Kendi donanım ve yazılımınızı kurarsınız, bug’lar ile virüsler ile uğraşırsınız ve server’ı daima herşeyin olabileceği bir ortamda açık, çalışır tutmak zorundasınızdır.

İnternet servis sağlayıcı kullanmak

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com‘dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools’a ait paylaşacak olduğum online editörü kullanabilirsiniz.


URL’lere dair bilgiler

Açık hali Uniform Resource Locators’tır. Bir Web Adresinin diğer bir adıdır. Bir url sözcük bütününden oluşur. Tıpkı “nefarkederki.com” gibi. Ve aslında “nefarkederki.com”‘un ardında bir ip adresi mevcuttur. IP internet protokolüdür. 4 basamaklı ve her bir basamak 255 haneye sahip olabilir. Siz aslında tarayıcıya nefarkederki.com adlı url’yi girdiğinizde tarayıcı nefarkederki.com’a ait ip adresini çevirmektedir. İsimleri hatırlamak daha kolaydır. Bu yüzden onları kullanırız.

Siz bir bağlantıya tıkladığınızda bir HTML sayfasındayken, altı <a> etiketiyle çizilmiş bir adrese ulaşılır World Wide Web üzerinde.

Bir Uniform Resource Locator ise world wide web üzerindeki bir belge ya da veriyi adreslemek için kullanılır.

Bir web adresi “http://www.nefarkederki.com/images/logo.gif” gibi bir söz dizimi kuralı kullanır.

Şema olarak;

scheme://host.domain:port/path/filename   ‘dır.

Açıklaması;

  • scheme – Internet Servisinin tipini tanımlar ve genel olarak http’dir.
  • host – Domain host’unu(alan sahipliği yani) tanımlar. Temel olarak http için www’dur.
  • domain – Internet alan adını tanımlar tıpkı nefarkederki.com gibi.
  • :port – Host’a ait Port numarasını tanımlar. Http için port 80’dir varsayılan olarak.
  • path – Sunucudaki bir yolu tanımlar. Eğer ifade edilmediyse, web siteniz hosting paketinizdeki disk alanının root’u dur yani kök dizinidir.
  • filename – Dökümanın veya kaynağın ismini tanımlar.

Genel URL Şeması;

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com'dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools'a ait paylaşacak olduğum online editörü kullanabilirsiniz. HTML, Özel karakterler / Entities, URL ve...

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com'dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools'a ait paylaşacak olduğum online editörü kullanabilirsiniz. HTML, Meta ve Scripts Verilere dair bilgi sunar...

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com‘dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools’a ait paylaşacak olduğum online editörü kullanabilirsiniz.


HTML, Head Elementi

Tüm head elementi için bir taşıyıcıdır. <head> elementi içeriğinde; stil dosyası bağı, scriptler, meta bilgisi desteği ve daha fazlasını taşır.

HTML, Title Elementi

<title> etiketi dökümanın başlığını ifade eder.

HTML ve XHTML belgelerinde gereklidir. Title elementi;

  • Tarayıcının araç çubuğunda bir başlık gösterir,
  • Favorilere eklendiğinde sayfa başlığı sağlar,
  • Arama motorlarında sayfa için başlık görüntüler.

Misal;

<html>
<head>
<title>Title of the document</title>
</head>

HTML, Base Elementi

<base> etiketi bir sayfa üzerindeki tüm bağlantılar için bir varsayılan adres veya bir varsayılan hedef ifade eder.

Misal;

<head>
<base href=”http://www.w3schools.com/images/” />
<base target=”_blank” />
</head>

HTML, Link Elementi

<link> etiketi bir döküman ile bir harici kaynak arasındaki ilişkiyi tanımlar. En çok stil dosyasını bağlamak için kullanılır.

<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
</head>

HTML, Style Elementi

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com'dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools'a ait paylaşacak olduğum online editörü kullanabilirsiniz. Style Nasıl Kullanılır? HTML 4.0'dan itibaren tüm biçimlendirmeler...

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com'dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools'a ait paylaşacak olduğum online editörü kullanabilirsiniz. HTML Doctypes / Döküman Türleri Bir döküman türü...