Öğretmenler Forumu

Lütfen giriş yapın veya üye olun.

Kullanıcı adınızı, şifrenizi ve aktif kalma süresini giriniz
Gelişmiş Arama  

Haberler:

Gönderen Konu: HTML Dersleri - Giriş  (Okunma sayısı 6362 defa)

Rindâne

  • Y
  • Tam
  • *****
  • Çevrimdışı Çevrimdışı
  • İleti: 228
    • Öğretmenler Forumu
HTML Dersleri - Giriş
« : 15 Kasım 2009, 10:45:18 »

Html, web sitesi hazırlamak için kullanılan bir kodlama dilidir. Frontpage, Dreamweaver gibi editör programlar kullanarak da web sitesi yapılabilir, boş bir sayfa açarsınız ve içeriğinizi girersiniz, bu programlar otomatik olarak kodları üretirler fakat eğer HTML bilmiyorsanız bu programların ürettiği yanlış kodları düzeltemezsiniz ki söz konusu programlar oldukça fazla hatalı kod üretimi yaparlar. Bu girişten sonra HTML ile basit bir sayfa yapmaya başlayabiliriz. Bunun için not defteri (notepad) bizim için yeterlidir. Öncelikle masaüstünde boş bir yere tıklayarak yeni bir klasör oluşturalım ve bu klasöre bir isim verelim, ben web adlı bir klasör oluşturdum. Oluşturduğumuz klasörü açalım ve web klasörünün içine yeni bir boş klasör daha açalım, web sitemizde kullanacağımız resim dosyalarını da bu klasör içine koyacağımız için bu klasöre de resimler adı verelim. Yni sonuç olarak masaüstünde web adlı bir klasörümüz ve web klasörünün içinde de resimler adlı başka bir klasörümüz oldu. Şimdi not defterimizi açalım. İlk kodlarımızı yazmaya başlayalım. Bir HTML sayfası, etiketler içine yazılan kodlarla oluşturulur.
Etiketler <etiket ismi> ile başlar ve </etiket ismi> ile kapanır, dikkat ettiyseniz kapama etiketine eğik çizgi / kullandık. / Etiketi kapatmak için kullanılır. <br> etiketi dışında tüm etiketler açılır ve kapatılır. Eğer açtığınız bir etiketi kapatmazsanız hatalı kodlama yapmışsınız demektir.

 Bir web sayfası ana kapsayıcı olan <html> etiketi ile başlar ve </html> etiketi ile biter. Web sayfalarının  yapısı ana kapsayıcı etiketinden sonra iki ana bölüme ayrılır. Bunlar <head> </head> etiketleri ve <body> </body> etiketleridir. <head> </head> etiketleri sayfa bilgilerinin olduğu bölümdür, arama motorları sayfamızın bu bölümündeki bilgilere bakarak sitenizi indeksler, <body> </body> etiketleri arasına ise içeriğimizi yazarız. Evet, bu bilgilerden sonra ilk kodlamamızı yapalım, not defterini açalım ve aşağıdaki kodları içine yazalım;

Kod: [Seç]
<html>

<head>
</head>

<body>
</body>

</html>

 Şimdi <head> </head> etiketimizin içine sitemizin başlığını ve açıklamasını girelim, arama motorlarında bulunabilmek için en önemli iki etiketimiz <title> </title> ve <description> </description> etiketleridir, title başlık demektir, description ise açıklama, bu etiketler mutlaka <head> </head etiketlerinin içinde olmalıdır, yani aşağıdaki gibi;

<html>

<head>
<title>Bu benim ilk web sayfam</title>
<meta name="description" content="Bu bölüm sayfanız ile ilgili açıklayıcı bir cümlenin yer aldığı bölüm" />

</head>

<body>
</body>

</html>

 Ve <body> </body> etiketlerinin arasına ilk içeriğimizi girelim;

Kod: [Seç]
<html>

<head>
<title>Bu benim ilk web sayfam</title>
<meta name="description" content="Bu bölüm sayfanız ile ilgili açıklayıcı bir cümlenin yer aldığı bölüm" />
</head>

<body>
<p>Html öğrenmeye başladım, sonunda ben de bir web sayfası yapmayı öğreneceğim, belki önceleri basit sayfalar yapacağım ama dersler ilerledikçe çok daha zor ama çok daha güzel sayfalar yapabileceğim.</p>
</body>

</html>

 Dikkat ettiyseniz içerik bölümünü <p> </p> etiketleri içine aldım, <p> etiketi paragraf etiketidir, tüm paragraflar <p> </p> etiketleri içnde olmalıdır. Unutmayalım ki düzgün kodlama yapısı sayfanızın açılma hızını artırır , bu da sitenizin arama motorları gözünde değerini artırır, şimdi yukarıdaki kodların aynısını not defteri içine yazalım ve kaydedelim, yalnız kaydederken dikkat etmemiz gerekenler var, not defterinde sol üst köşede dosya sekmesine tıklayım farklı kaydet e tıkladıktan sonra bir kaydetme penceresi açılır, bu pencerede kayıt yeri olarak masaüstünde oluşturduğumuz web adlı klasörü seçmeliyiz, bir de kayıt türünü sorar, kayıt türü olarak tüm dosyalar seçeneğini seçmeniz gerekir, eğer bunu seçmezseniz .txt uzantılı olarak kaydeder ve o zaman yaptığımız sayfa bir web sayfası olmaz. Tüm dosyalar seçimini yaptıktan sonra dosya adına index.html yazmalıyız. Web sitelerinin ilk sayfasının ismi index olmak zorundadır, uzantısı ise .html olmalıdır, gerçi .html yerine .htm de olabilir ama biz .html yapacağız. Eğer sayfamızı index.html olarak masaüstündeki web adlı klasöre kaydettiyseniz klasöre baktığınızda ilk sayfanızın klasör içinde oluştuğunu göreceksiniz, klasörünüzü açın ve içindeki index.html sayfasına tıklayın, ilk sayfanızı görüyorsunuz, tebrikler. Şimdi artık yavaş yavaş dersleri ilerletmeye başlayabiliriz.




HTML Dersleri 2 - CSS Kullanımı
Kayıtlı
Öğretmenler, yeni nesil sizlerin eseri olacaktır.
Mustafa Kemal ATATÜRK