div tasarim

Div Tasarımı ve Basit Meta Etiketleri

Tablo Tasarımı taş devrinden kalan arayüz tasarımcıların tüm siteyi tablolarla yapmaya çalışmasına verilen isimdir

Neden Tablo Tasarımı Kullanılır?

Görünüşte çok basit olduğu için tablo tasarımı kullanılıyor. Tabloya istediğimiz parametreleri atayıp iç içe tablolar oluşturarak siteyi basit bir şekilde yapabiliyoruz. Ancak yazının başında da belirttiğim gibi bu şekilde kullanım taş devrinden kalma bir kullanım. Bu şekilde kullanımda ayrı bir stil dosyasına gerek kalmıyor. Tabloyu sağa sola çekip, değer atamak yeterli.

Neden Kullanılmamalı?

  1. Anlamsız satırlarca kod oluşturur. Hem anlamsız hem de gereksiz.
  2. Arayüz sorunlarından dolayı tarayıcı uyumsuzluğu meydana gelir.
  3. Web Standartlarına uygun değil.
  4. Google Optimizasyonuna uygun değil.
  5. Yönetim panelinin entegre edildiği sistemlerde kontrol edilmesi oldukça güç.

Div Tasarımı Nedir?

Div tasarımı <div> etiketleri kullanılarak sayfaya hakim olmamızı sağlayan bloktur.

Neden Kullanılır?

Div etiketinin asıl amacı sayfayı istediğiniz alanlara bölüp rahat bir arayüz hazırlayabilmek. Div etiketinin beraberinde getirdiği gereksiz parametreler yoktur. İstediğiniz gibi baştan kendiniz oluşturursunuz.

Div Tasarımı nasıl yapılır?

Div Etiketi ile en çok kullanılan parametreler

  • İd
  • Class
  • Align
  • Style

 

Yukarıda yazdığımız birkaç parametre Div etiketinin ana yapı taşlarıdır.. İd ve class parametrelerini javascript ya da css ile tanımlamak amacıyla kullanılır

Align parametresi ise div etiketini hizalamak için kullanılır

Style ise dahili stil oluşturmak istiyorsak kullanılır. İd veya class etiketleri ile harici oluşturulması da mümkündür.

 

web tasarım izmir

Title ve Meta Etiketleri Anlatımı

Meta etiketleri, internet sitenizin Google botlarına tanıtımı için önemli bir unsur. Google örümcekleri meta kodlarınız sayesinde sitenizi tanımlar ve sonuç dizinine aktarır. Google sonuçlarında sitenizi inceleyelim.

title

Yukarıda gördüğünüz resim bir arama sonucundan alıntıdır. Aşağıda adım adım bu resmin meta etiketleri üzerindeki etkilerini inceleyeceğiz.

Öncelikle bilmemiz gereken tüm meta etiketleri <head> </head> etiketlerinin içerisine yazılır. Yani Örnek bir meta oluşturacak olursak şu şekilde <head> <title>Örnek Başlık</title></head>.

 

Başlık (title) için kullanılan meta etiketi

<title> Başlığınız buraya gelecek </title>

Açıklama (Description) için kullanılan meta etiketi ise;

<meta name=”description” content=”Açıklama buraya gelecek” />

Anahtar Kelime ise Google aramalarında hangi sonuçlarda çıkmak istediğinizle alakalıdır. Daha basit bir şekilde anlatacak olursak; Google da yazılan kelimeye göre sitenizin çıkma durumudur. Anahtar kelimeleriniz Google da hangi kelimelerde çıkmak istediğinizi belirler. Örnek olarak aşağıdaki anahtar kelimemiz web tasarım türk. Siz de sitenizin konusuna göre anahtar kelimelerinizi belirleyebilirsiniz.

sorgu

Anahtar Kelime (keyword) için kullanılan meta etiketi ise; Burada dikkat etmemiz gereken 4-5 sözcükten fazla yazmamak gerekiyor ve seçtiğimiz anahtar kelimeleri virgül kullanarak ayırmamız gerekiyor. Örnek verecek olursak;

<meta name=”keywords” content=”web tasarım türk,web tasarımı” />