Not Defteri Kullanarak Yeni Bir Web Sayfası Oluşturun

07/07

Dosyalarınızı Yeni Bir Klasöre yerleştirin

Dosyalarınızı yeni bir klasöre yerleştirin. Jennifer Kyrnin

Windows Not Defteri, web sayfalarınızı yazmak için kullanabileceğiniz temel bir kelime işlem programıdır. Web sayfaları sadece metinlerdir ve HTML'nizi yazmak için herhangi bir kelime işlem programını kullanabilirsiniz. Bu eğitim süreci boyunca sizi yönlendirir.

Not Defteri'nde yeni bir web sitesi oluştururken yapılacak ilk şey, saklamak için ayrı bir klasör oluşturmaktır. Genellikle, web sayfalarınızı "Belgelerim" klasöründe HTML adlı bir klasörde saklarsınız, ancak istediğiniz gibi depolayabilirsiniz.

  1. Belgelerim penceresini aç
  2. Dosya > Yeni > Klasör'ü tıklayın.
  3. Klasörü my_website olarak adlandırın

Önemli not: Tüm küçük harfleri ve boşluk veya noktalama işareti kullanmadan web klasörlerini ve dosyaları adlandırın. Windows, boşluk kullanmanıza izin verirken, birçok web barındırma sağlayıcısı bunu yapmaz ve dosya ve klasörleri en baştan düzgün şekilde adlandırırsanız, kendinize biraz zaman ve sorun kaydedebilirsiniz.

02/07

Sayfayı HTML olarak kaydet

Sayfanızı HTML olarak kaydedin. Jennifer Kyrnin

Not Defteri'nde bir web sayfası yazarken yapmanız gereken ilk şey, sayfayı HTML olarak kaydetmek. Bu size zaman ve sorundan sonra kazandırır.

Dizin adıyla olduğu gibi, her zaman küçük harfleri kullanın ve dosya adında boşluk veya özel karakterler kullanmayın.

  1. Not Defteri'nde, Dosya'ya ve ardından Farklı Kaydet'e tıklayın.
  2. Web sitesi dosyalarınızı kaydettiğiniz klasöre gidin.
  3. Farklı Kaydetme Türü açılır menüsünü Tüm Dosyalara (*. *) Değiştirin .
  4. Dosyayı adlandır. Bu eğitim pets.htm adını kullanır.

03 of 07

Web Sayfasını Yazmaya Başlayın

Web sayfanızı başlatın. Jennifer Kyrnin

Notepad HTML belgenize yazmanız gereken ilk şey DOCTYPE'dir. Bu, tarayıcılara ne tür bir HTML beklemesini söyler. Bu eğitici HTML5 kullanıyor.

Doctype bildirimi bir etiket değildir. Bir HTML5 belgesinin gelmekte olduğunu bilgisayara bildirir. Her bir HTML5 sayfasının üst kısmına gider ve bu formu alır:

DOCTYPE'e sahip olduğunuzda, HTML’nizi başlatabilirsiniz. Her ikisini de yazın

etiketi ve son etiketi ve web sayfası gövde içeriğiniz için biraz boşluk bırakın. Not Defteri belgeniz şu şekilde görünmelidir:

04/07

Web sayfanız için bir kafa oluşturun

Web sayfanız için bir kafa oluşturun. Jennifer Kyrnin

Bir HTML belgesinin başı, web sayfanız hakkında temel bilgilerin saklandığı yerdir - sayfa başlığı ve arama motoru optimizasyonu için meta etiketleri gibi şeyler. Bir başlık bölümü oluşturmak için

Etiketler arasında Not Defteri HTML metin belgenizdeki etiketleri.

Ile olduğu gibi

Etiketler, aralarında biraz boşluk bırakın, böylece kafa bilgilerini eklemek için yer açın.

05/07

Kafa Bölümüne Sayfa Başlığı Ekleme

Sayfa Başlığı Ekleme. Jennifer Kyrnin

Web sayfanızın başlığı, tarayıcının penceresinde görüntülenen metindir. Birisi sitenizi kaydettiğinde, yer işaretlerinde ve favorilerde yazılan da budur. Başlık metnini

etiketleri usingtags. Web sayfasında, sadece tarayıcının üstünde görünmez.

Bu örnek sayfa "McKinley, Shasta ve Diğer Hayvanlar" başlıklı.

McKinley, Shasta ve Diğer Evcil Hayvanlar

Başlığınızın ne kadar uzun olduğu ya da HTML'nizde çok sayıda satır varsa, kısa başlıkların okunması daha kolaydır ve bazı tarayıcılar tarayıcı penceresinde daha uzun olanları kestirir.

06/07

Web Sayfanızın Ana Gövdesi

Web Sayfanızın Ana Gövdesi. Jennifer Kyrnin

Web sayfanızın gövdesi

etiketleri. Bu, metni, başlıkları, alt başlıkları, görüntüleri ve grafikleri, bağlantıları ve diğer tüm içeriği nereye koyacağınızdır. İstediğiniz kadar uzun olabilir.

Web sayfanızı Not Defteri'nde yazmak için aynı format takip edilebilir.

Başlık başlığınız buraya gider. Web sayfasında her şey buraya gider

07/07

Bir Resim Klasörü Oluşturma

Bir Görüntü Klasörü Oluşturulması. Jennifer Kyrnin

HTML belgenizin gövdesine içerik eklemeden önce, dizinlerinizi, görüntüler için bir klasörünüz olacak şekilde ayarlamanız gerekir.

  1. Belgelerim penceresini açın.
  2. My_website klasörüne geçin .
  3. Dosya > Yeni > Klasör'ü tıklayın .
  4. Klasör resimlerini adlandırın .

Web siteniz için tüm resimlerinizi resimler klasöründe saklayın, daha sonra bunları bulabilirsiniz. Bu, gerektiğinde bunları yüklemeyi kolaylaştırır.