Html Ile Web Sitesi Nasıl Yapılır

İçindekiler:

Html Ile Web Sitesi Nasıl Yapılır
Html Ile Web Sitesi Nasıl Yapılır

Video: Html Ile Web Sitesi Nasıl Yapılır

Video: Html Ile Web Sitesi Nasıl Yapılır
Video: Html ile web Sitesi Yapımı En Kolay Anlatım 2024, Mayıs
Anonim

Bugün neredeyse tüm siteler içerik yönetim sistemleri - CMS kullanılarak oluşturuluyor. Ancak yine de web sayfalarını doğrudan HTML biçimlendirme dilinde el ile oluşturan programcılar var. Onlardan biri olmak ister misin?

Html ile web sitesi nasıl yapılır
Html ile web sitesi nasıl yapılır

Talimatlar

Aşama 1

Html dosyalarını düzenlemek için salt metin içeren bir metin düzenleyici kullanın. Sonuçları Unicode kodlamasına kaydedin - o zaman Kiril, umlautlu Latin harflerinin yanı sıra matematiksel ve fiziksel sembollerin sembollerini ve Yunan harflerini aynı anda aynı sayfaya yerleştirmekle ilgili sorun yaşamayacaksınız.

Adım 2

Tüm dosyaları ".html" uzantılı (tırnak işaretleri olmadan) adlandırın. Bu isimlerde sadece Latin harfleri, sayılar, alt çizgiler ve kısa çizgiler kullanılabilir, ancak hiçbir durumda başka noktalama işaretleri (ad ve uzantıyı ayıran nokta hariç) ve boşluklar kullanılabilir.

Aşama 3

Sitenin ana sayfasını "index.html" (tırnak işaretleri olmadan) adlı bir dosyaya kaydettiğinizden emin olun. Bu dosyayı barındırma kök klasörünüze yerleştirin. Site ziyaretçisinin, URL'sini tarayıcının adres çubuğuna ek parametreler olmadan girerek göreceği içeriğidir. Sayfanın geri kalanını ve görüntü dosyalarını aynı klasöre yerleştirin.

4. Adım

Her dosyada başlangıç ve bitiş bloklarını önceden düzenleyin. Bunları şekilde gösterildiği gibi düzenleyin. İlk QC bloğunun son satırında - arka plan renginin kırmızı bileşeninin parlaklığının onaltılık değeri 00'dan FF'ye, ЗЗ - yeşil bileşen için aynı, CC - aynı mavi bileşen için.

Adım 5

Sayfanın içeriğini başlangıç ve bitiş blokları arasına yerleştirin.

6. Adım

Yerleşim yerlerinin belirtildiği yol işaretlerini hatırlayın. İşaretin üzerinde sadece bir isim yazıyorsa, o isimle yerleşimin girişinde bulunuyor demektir. Adın üstü çizilirse, işaret çıkışta bulunur. Bir etikette, komutun önündeki kesir işareti, yol işareti boyunca bir çizgi görevi görür. Metinde daha sonra aynı komuta sahip "kapanış" etiketi ile karşılaşıldığında "açma" etiketinin eylemi sonlandırılır.

7. Adım

Bir paragrafa başlamak için soldaki resimde gösterilen etiketi kullanın. Paragraftan önce tek satırlık girinti yapmak için sağdaki şekilde gösterilen etiketi kullanın.

8. Adım

Metni italik ve kalın olarak vurgulamak için, şekilde gösterilen etiketleri ve bunların kombinasyonlarını kullanın.

9. Adım

Yazı tipinin boyutunu ve rengini değiştirmek için yukarıdaki şekilde gösterilen komutu kullanın, burada CC, ZZ ve SS değerleri arka plan rengiyle aynı şekilde tanımlanır, YÜKSEK punto olarak yazı tipi yüksekliğidir. Yazı tipinin sadece boyutu veya rengi değişirse renk veya yazı tipi etiketleri atlanabilir. Bu komutu iptal etmek için aşağıdaki resimde gösterilen etiketi kullanın.

Adım 10

Kök klasörde yerel olarak saklanan bir görüntüyü sayfaya eklemek için yukarıdaki şekilde gösterilen yapıyı kullanın. Başka bir sunucuda depolanan bir görüntüyü eklemek için aşağıdaki şekilde gösterilen biraz farklı bir tasarım kullanın. Yazarların izni olmadan üçüncü taraf sitelerden resimler eklemeyin. Bazı siteler bu görsel kullanımına karşı korunmaktadır.

11. Adım

Kök klasörde yerel olarak saklanan bir sayfaya başka bir bağlantı eklemek için yukarıdaki şekilde gösterilen yapıyı kullanın. Bir üçüncü taraf sitesinde bulunan bir sayfaya bağlantı vermek için bu yapıyı aşağıdaki şekilde gösterildiği gibi değiştirin.

Adım 1/2

Web'de HTML biçimlendirme diliyle ilgili bir eğitim arayın ve o dilde düzinelerce olan etiketlerin geri kalanını nasıl kullanacağınızı öğreneceksiniz.

Önerilen: