• Arayın: +90.541 741 59 17
  • Eposta: bilgi@webtasarimsitesi.com

Web tasarımında sayfa yapısını oluşturmak

  • You are here
  • Giriş
  • Web
  • Web tasarımında sayfa yapısını oluşturmak

Web tasarımında temel başlangıç yapanlar için öğrenmeleri gereken ilk konu web sayfasının yapısını nasıl oluşturulduğudur.

HTML Tag Nedir ?

HTML web sayfanızı tanımlamak için tag yani etiketlerden oluşur. Bir tag ya da markup tag (işaretleme etiketi) adı ve < > işaretleri ile birlikte kullanılır. Resim, metin gibi sayfa elemanlarını tag’ler oluşturur. Basit olarak:

<etiketadı> içerik </etiketadı>

şeklinde kullanılır. Tanımlamada etiket ismi < > tanımlandıktan sonra bu etiketin içerik bilgisi yazılır, sonra içerik tamamlanınca yine aynı etiket tanımı bu sefer / (bölme – slash) işareti eklenerek tarayıcıya bu etiketin ve içeriğinin tamamlandığı bilgisi verilir.

Bu tanımlamanın ilk kısımında özellikler, CSS tanımlamaları gibi başka ek özellikler tanımlanarak bu etiketin tarayıcıda nasıl görüneceği de belirtilebilir. Bu işlemlerin nasıl yapıldığını önümüzdeki derslerimizde göreceğiz.

Temel HTML Sayfasının oluşturulması

En temel html sayfası oluşturmak için kullanılacak HTML elemanlarını ekleyerek çalışmamıza devam edelim.

DOCTYPE tanımını eklemek

DOCTYPE sayfasında anlattığımız gibi uygun tanımı sayfanın en başına eklerek başlıyoruz.

HTML etiketini eklemek

DOCTYPE tanımınından sonra HTML tanımlamasını aşağıdaki şekildeki gibi yaparak  sayfamızın HTML tanımını yapıyoruz. Artık HTML etiketinin içeriğini yani sayfamızı tanımlamaya geçebiliriz.

HEAD ve BODY etiketlerini eklemek

HEAD ve BODY tanımı etiket bölümünde anlattığımız gibi etiket ismi <> işaretleri ile tanımlanarak girilir. Burada önemli konu:

  • HEAD Ssayfa hakkında temel tanımlamalar olup tarayıcı, arama motorları için gerekli bilgiler bulunur.
  • BODY sayfa içeriğin yani yazı, resim ve metin gibi ziyaretçinin göreceği kısım olduğunu bilmemiz gerektiğidir.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
</head>
<body>
</body>
</html>

Yazar:

Tülin, web tasarımı ve vektörel grafik tasarımcısı.

“Web tasarımında sayfa yapısını oluşturmak” için 1 cevap

written by Brillant On 21 Şubat 2011 Cevapla

Bilgiler Çok Açıklayıcı Olmuş Herkese Teşekkürler

Bir Cevap Yazın