Her gün çeşitli web sitelerine giriyoruz. Ancak bazen kendi web sitenizi oluşturmak zor mu diye merak ediyoruz. Bu makalede, Not Defteri ile basit bir HTML web sayfası oluşturma konusunda size rehberlik edilecektir.
Adım
Yöntem 1/1: Kendi Web Sayfanızı Oluşturma
Adım 1. Not Defteri'ni açın
Bu metin düzenleyici, her Windows bilgisayarında bulunan yerleşik bir programdır ve Başlat menüsünde bulunabilir. Not Defteri açıldıktan sonra Dosya > Farklı Kaydet öğesine tıklayın, ardından Dosya Türü sütununda Tüm Dosyalar öğesini seçin. Oluşturduğunuz dosyayı HTML formatında kaydedin. Genel olarak, bir sitenin ana sayfası "index.html" dosya adına sahiptir ve sitedeki tüm sayfalara bağlantılar içerir.
Adım 2. HTML'yi anlayın
HTML'deki (Köprü Metni İşaretleme Dili) işaret (etiket).
Bu işaretler web sitenizi oluşturmaya yarar. HTML kodunu sonlandırmak için, gibi bir bitiş etiketi kullanın. Kapanış işareti, kalın veya paragraf işaretleri gibi çeşitli işaretleri kapatmak için kullanışlıdır.
Adım 3. Dosyanın üstüne bir etiket ekleyerek web sayfanızı başlatın
Adım 4. Çeşitli bilgileri girmek için etiketleri kullanın
İşaretler sayfa başlığını ayarlamak için kullanışlıdır, (isteğe bağlı) etiketler ise web sayfasının içeriğinin bir açıklamasını girmek için kullanılır. İşaret daha sonra Google gibi arama motorları tarafından okunacaktır.
Adım 5. Etiketi girdikten sonra, sayfaya etiketle başlık verin, örneğin wikiHow HTML
Adım 6. İşareti kullanarak sitenin başlığını tamamlayın
Adım 7. Sayfa içeriğini girmek için etiketleri kullanın
Tüm renklerin tarayıcılar tarafından desteklenmediğini unutmayın. Örneğin, koyu gri desteklenmeyebilir.
Adım 8. Web sayfasının içeriğini
Örneğin, bir site başlığı oluşturarak başlayın. Site başlığı, sitenin büyük harflerle yazılmış bölümüdür ve bir işaretle işaretlenmiştir.
a kadar
. İmzaen büyük yazı tipi boyutuna sahip bir site başlığı oluşturmak için kullanabilirsiniz. İşaretin hemen altındaki işareti kullanmayı deneyin, örneğin
Siteme hoş geldiniz
. işareti kapattığınızdan emin olun
cümlenin sonunda.
Adım 9. Sayfada işaretli bir paragraf oluşturun
Örneğin, yaz
Paragraf testi!
Yeni bir satır oluşturmak için işaretini kullanın.
veya kırılır.
Adım 10. Oluşturduğunuz web sayfasının yalnızca düz metin içermesini kesinlikle istemezsiniz
Web sayfalarındaki metni biçimlendirmek için aşağıdaki bayrakları kullanın: metni kalınlaştırmak, metni italik hale getirmek ve altını çizmek için. Yukarıdaki işareti kullandıktan sonra kapatmayı unutmayın!
Adım 11. İşaretli resim ekleyin
siteyi güzelleştirmek ve metinle anlatılamayacak bilgiler eklemek.
İmza
çalışması için belirli bilgilere ihtiyaç vardır. İşaretin tam sözdizimi
şu şekilde şekillendirilebilir:.
İşaretteki src parametresi, görüntü dosyası adını ve uzunluk ve genişliği tanımlamak için genişlik ve yükseklik işlevini yazmaya yarar.
Adım 12. Başka bir sayfaya yönlendiren bir bağlantı oluşturun, örneğin Başka bir sayfa
İşaretin ortasındaki metin sayfada görünecek metindir, href parametresi ise hedef sayfayı içerir. Bağlantılar sayesinde ziyaretçiler sitenizdeki farklı sayfalara kolayca geçebilir.
Adım 13. Siteyi doldurmayı bitirdiğinizde,
Son olarak, HTML kodunu şununla kapatın:
Adım 14. Oluşturduğunuz web sayfasını.html uzantılı olarak kaydedin ve test etmek için favori tarayıcınızda açın
Adım 15. Sitenizi internete yüklemek için aşağıdaki kılavuzu okuyun
İpuçları
- İnternette, bir web sitesi oluşturmak için kılavuzlar içeren çeşitli siteler vardır. W3school, iyi malzemeye sahip bir sitedir.
- HTML dosyasındaki her etiketi kapattığınızdan emin olun.
- Dosyanın ilk satırına,. Bu bayrak, oluşturduğunuz dosyanın bir HTML5 dosyası olduğunu gösterir.
- Yazı tipini önce ve sonra işaretleriyle değiştirin. "N" yerine istediğiniz yazı tipini yazın, örneğin "Verdana".
- Köşeli ayraç kullanmanız gerekiyorsa, kodunu kullanın. Bu arada, & işaretini kullanmak için & kodunu kullanın.
- HTML eğitimlerine göre, web dosyalarını ve klasörlerini her zaman boşluk ve noktalama işaretleri olmadan küçük harfle adlandırmalısınız. Windows, dosya adlarına boşluk koymanıza izin verirken, birçok barındırma sağlayıcısı bunu yapmaz. Ayrıca, düzgün bir dosya adı sitenizi yönetmenizi kolaylaştıracaktır.
