Bu HTML dersini bitirin; bittiğinde web tasarımı ve yazılımı yolunda bir adım daha atmış olursunuz. Yolculuğun sonuna varamama düşüncesi belirirse silahınızı çıkartıp yokedin (Giriş dersi); silahımız çalışmaktır. Yaptığınız her ufak çalışma bir kurşun gibi olumsuz düşünceyi yokedecektir.

Sitenizi meydana getiren web sayfasını yaparken SEO için dikkat etmeniz gereken 4 önemli şeyi söylemek istiyorum:
title,
description,
H1,
dosya adı,
kelime tekrarı

Yukarıdaki 5 şeye dikkat ederseniz arama motorundan ziyaretçi gelecektir. Buralarda kullanılan kelime grupları arama motoru tarafından dikkate alınır. Rekabetli kelimelerden pay alabilmeniz için sabırla çalışmalısınız.

İnternete yeni katılan bir site istediği bütün aramaları üzerine çekebilir mi sizce? Temel SEO stratejisi size verilen bu imkanı israf etmemektir. Sayfanız kullanabileceğiniz iki farklı kelime olduğunda hangisini seçmelisiniz? Tabiki arayanı yanıltmayacak ve size ziyaretçi getirecek olanı.

Tasarım Nedir?

Tasarlamak, düzenlemek, yerleştirmek, duruşunu belirlemek, ortamdaki diğerleriyle birlikteliğini uyumlu hale getirmektir. Güzel bir tasarımda boşluk yoktur; herşeyi ortama tıkmak hiç yoktur. Renklerin doğru kullanımını varlıklardaki renk kullanımından kopya çekebiliriz.

HTML'de etiketleri kullanarak yapılan tasarımlar değişen isteklerin yansıtılmasında zorluk çıkartır. Bunun için şuanda etiketler ile yapsak dahi zamanla bunların yerini CSS almalıdır.

CSS nedir?

HMTL deki CSS deki işleyiş de yazı programlarındaki sitil gibidir. Web sayfası hazırlanıp bittikten sonra dahi tasarımda değişiklik ihtiyaçları tek yerde değişiklik ile mümkün olur. Satır, cümle veya paragraflara CSS için isim verirsiniz ve o isim üzerinde de renk boyut ataması yaparsınız.

• Hadi başlayalım; aile-soyisim.html dosyası için aile bireylerinin vesikalık fotoğraflarını çeker misiniz.

• IMG etiketinin kullanımı şu şekildedir.
  <img src="" alt="" title="">
  Resim etiketi olan img/IMG nin gösterim ölçüleri şu iki özellikle ayarlanır:
  height="300"
  width="200"
  Buradaki 300 ve 200 rakamları piksel(px) biriminin değerleridir. Resmin dosya olarak boyutu gerçekte ne ise öyle kalır; Tarayıcının görüntülemesi (img) boyut olarak değişir.
  <img src="resim.jpg" height="300" width="200" alt="resim yok" title="Annem!">

• Tablo ile yapılan HTML kodlamayı rahat anlarsınız. Yerleşim için tablo kullanmayı o yüzden uygun gördüm. Table etiketi şu şekildedir.
  <table> <tr> <td></td> <td></td> </tr> </table>
  TABLE etiketi de IMG etiketi gibi height ve width özellikleri alır. Yukarıdaki koda bir tane daha <TD></TD> eklerseniz üç sutunlu bir tablonuz olur. TD etiketi mutlaka TR açıldıktan sonra kapatılmadan önce olması gerekir.
  
  IMG etiketini tablo içinde bir hücreye yerleştirmek için ise; TD başlangıç ve bitişinin arasına yerleştirmeniz gerekiyor. <TD>BURASI IMG ETİKETİ GELECEK YERDİR.</TD>