1

HTML 2- İlk Site- İndex.Html Dosyası Oluşturma

Merhaba güzel insanlar,

Html eğitimlerinin ilk yazısında Webmatrix kurulumundan bahsetmiştik.

Bu yazıda ise Html dünyasına sağlam bir adım atacağız. Öncelikle etiketlerden bahsedeyim.

Her HTML dokümanı <HTML> ile başlar ve </HTML> ile biter. <> şeklinde görülen komutlara etiket (tag) adı verilir. Her bir etiketin bir anlamı vardır ve tarayıcılar bu tagler sayesinde sayfa yapısını oluşturur.

Şimdi bir Html sayfası açalım ve ilk sitemizi oluşturalım.

WebMatrix’i çalıştıralım.

1

Yeni bir proje açmak için bu sırayı izleyelim; Yeni >> Boş Site

2

Karşımıza çıkan sayfada klasöre Sağ Tıklayıp Yeniden Adlandır diyerek Projemize bir isim verelim.

3

Gönlünüzden ne koparsa o ismi verebilirsiniz. Ben İlkSite ismini veriyorum.

Ardından klasör ismine sağ tıklayıp Yeni Dosya diyoruz.

4

Önümüze çıkan ekranda dosya seçimi yapacağız. HTML kodlama yapacağımız için HTML türünü seçip ilk dosya ismimize index.html ismini verip tamam diyoruz.

Bir tarayıcıdan internet adresi girilip dosya istendiğinde ilk olarak bakacağı standart dosyalar vardır. Onlardan biride index.html dosyasıdır. Dosyamızı açarken index.html yazmamız bu yüzden.

İşlemlerimiz sonucunda, kodlarımızı yazabileceğimiz ekrana ulaşıyoruz.

6

Bu ekranda iki ana kısım görüyoruz. Bunlar:<head> . . . </head> etiketi arasında yer alan Başlık bölümü; <body> . . . </body> etiketleri arasında yer alan Gövde Bölümü. Başlık bölümü içine <title>. . . </title> etiketi konulur. Title, tarayıcımızın en üstünde gözükür ve oluşturulan sayfanın başlığıdır. Sayfamızda görüntülemek istediğimiz bütün bilgileri ise Gövde kısmına koyarız.

Ben ilk sitemi görebilmek için gövde kısmına “HAYATIN TÜM GÜZELLİKLERİ SİZLERLE OLSUN” yazıyorum ve ÇALIŞTIR butonuna basıyorum. Malum yazının sonuna geldik.

7

ÇALIŞTIR butonu yazdığımız kodun nasıl harikalar yarattığını görmemizi sağlayacak.

8

İlk sitemiz hayırlı ve uğurlu olsun. Bir sonraki yazıda temel Html etiketlerinden bahsedeceğiz. Görüşmek üzere.


Like it? Share with your friends!

1

0 Comments

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir