Not Defteri Kullanarak Basit Bir Web Sitesi Nasıl Oluşturulur

Yazar: John Stephens
Yaratılış Tarihi: 26 Ocak Ayı 2021
Güncelleme Tarihi: 1 Temmuz 2024
Anonim
Basit Web Site Yapımı - Html Css Basit Web Site Yapımı
Video: Basit Web Site Yapımı - Html Css Basit Web Site Yapımı

İçerik

Her gün web sayfaları kullanıyoruz, ancak bir tane oluşturmak zor mu? Bu makale size Not Defteri kullanarak nasıl basit bir HTML web sitesi oluşturacağınızı öğretecek.

Adımlar

Yöntem 1/1: Kendi web sitenizi oluşturun

  1. Not Defteri'ni açın. Not Defteri, her Windows bilgisayarına önceden yüklenmiş olarak gelir ve bunu Başlat menüsünde bulabilirsiniz. Not Defteri'ni açtıktan sonra, "Dosya" yı tıklayın, açılır menüden "Farklı Kaydet" i seçin. Ardından, dosya türü menüsünde "Tüm Dosyalar" ı seçin ve dosyayı HTML olarak kaydedin. Genellikle "index.html" dosyası, web sitesindeki her şeye erişmek için tüm bağlantıları içeren ana sayfadır.

  2. HTML (HyperText Markup Language) etiketleri kullanır. Temel olarak etiketler, aksanların içindeki kelimelerdir .
    Web sayfanızı oluşturmak için çok sayıda etiket kullanacaksınız. Yanında bir kod satırını sonlandırmak için kullanılan bir "kapatma etiketi" bulunur. Örneğin: Bu etiketler kalın bir yazı tipi veya bir paragraf metin ile sonuçlanır.

  3. Web sayfası başlığı genellikle etikettir: . Bunu, Not Defteri dosyanızın en üstüne yerleştirebilirsiniz.
  4. Sıradaki kart .
    Bir sonraki , bu sekme tarayıcıya pencerenin üst kısmına ne yerleştireceğini söyler ve <i>meta etiket </i> (isteğe bağlı) arama motoruna (Google gibi) sitenin ne hakkında olduğunu söyler.

  5. Bir sonraki satırda, karttan sonra başÖrneğin bir başlık koyalım: wikiHow HTML
  6. Şimdi yazın ilk bölümü bitirmek için.
  7. Web sitesinde sonraki etiket . Tarayıcıların tüm renkleri desteklemediğini unutmayın (örneğin, çoğu tarayıcı koyu griyi desteklemez).
  8. İki gövde etiketi arasında, kullanıcının gördüğü web sayfası içeriği bulunur. Başlıkla başlayalım. Bu, etiketinden HTML'de belirtilen metnin büyük kısmıdır

    gel

    , kartla

    en büyük boyuttur. Böylece, web sayfasının üst kısmında, gövde etiketinden sonra,

    Sayfama hoşgeldiniz!

    Her zaman bir kapatma etiketi koymalısınız, aksi takdirde web sayfasındaki tüm metinler abartılacaktır!
  9. Web sayfası içeriğine eklenebilecek diğer bir etiket ise

    veya paragraf etiketleri. Başlıktan sonra girebilirsiniz

    . Nasıl web sitesi yapılacağını öğreniyorum! WikiHow kuralları! Sayfada yeni bir satır oluşturmak istiyorsanız, sarma etiketini kullanın
    .

  10. Yalnızca düz metin içeren bir web sitesi sıkıcıdır. Öyleyse bazı formatlar koyalım. Kart kalın metne, italik yapmak ve altını çizmek. Kapanış etiketini unutmayın!
  11. Web sitesini gerçekten ilginç kılan resimlerdir. Metin biçimlendirilmiş olsa bile, hiç kimse bir sayfayı tüm metin olarak görmek istemez. Bir kart kullanın resim eklemek için. Ancak gövde etiketi gibi bu etiketin de ek bilgiye ihtiyacı vardır. Bir img etiketi şöyle görünür: köpek’ src=Src verileri (kaynak: kaynak), resmin adıdır. Genişlik ve yüksekliğin arkasında, görüntünün piksel cinsinden genişliği ve yüksekliği bulunur.
  12. Neredeyse bitti! Ziyaretçilerinizin birden çok sayfayı görüntüleyebilmesini istiyorsanız, şu etiketi kullanın: Diğer sayfalar Etiketteki içerik, kullanıcının bir sonraki sayfaya gitmek için tıklayacağı içeriktir ve href bölümü o sayfanın bağlantısıdır. Bu etiketle, kullanıcıları web sitenizde kolayca gezdirebilirsiniz.
  13. Bitirmek için body etiketini şu şekilde bitirmeniz gerekir: ve tüm web sayfasını etikete göre
  14. Dosyayı .html 'uzantısıyla kaydedin. Ardından, nasıl çalıştığını görmek için favori tarayıcınızda file.html dosyasını açın. Tebrikler! Bir web sitesi oluşturdunuz.
  15. Web sitenizi çevrimiçi yayınlamak istiyorsanız, alan adıyla nasıl web sitesi oluşturacağınızı öğrenin. İlan

Tavsiye

  • İnternette birçok kart bulabilirsiniz. İnsanların bir web sitesi oluşturmayı öğrenmelerine yardımcı olacak birçok faydalı web sitesi vardır (W3Schools bunlardan biridir).
  • Kapatma kullanmayı unutmayın.
  • Her zaman kartı sipariş ettiğinizden emin olun ilk satırda, etiketinden önce Tarayıcınıza sitenizin HTML5 standardı olduğunu bildirin.
  • Yazı tipini etiketlerle değiştirebilirsiniz önce ve sonra . N, "Verdana" gibi yazı tiplerini belirtir.
  • Bir web sayfasında özel karakterler kullanmak istiyorsanız, & lt (<), & gt (>), & amp (&) vb. Yazın, kodun sonunda noktalı virgül ";" OLMALIDIR.
  • HTML eğitimlerinde, klasör ve web dosyası adları, herhangi bir vurgu olmaksızın her zaman küçük harflerle yerleştirilir. Windows alan kullanımına izin verse de, birçok web barındırma sağlayıcısı bunu yapmaz, bu nedenle ilk etapta doğru dosya ve klasör adlarıyla zaman ve güçlük çekersiniz.