Html işini bitirdi. HTML Temelleri

Acilen sadece HTML kullanarak bir web sitesi yapıp internete koymanız mı gerekiyor? O zaman bitmiş kodu kopyalayıp talimatlarımı takip etmeniz sizin için zor olmayacak.

Doğru, tek bir programlama dili kullanarak tam teşekküllü bir kaynak yapmak zordur, ancak burada birkaç sayfalık bir kartvizit sitesi oldukça mümkündür.

Birinin hedefi tam olarak bu ise ve başka dilleri öğrenme arzusu yoksa, bu makale onlar içindir.

Kısacası, kendi kendine yazılmış bir versiyonda, CMS kullanılmadan hiçbir şey daha basit olamaz.

Daha havalı bir şeye ihtiyaç duyanlar için, makalenin sonunda CSS kullanan blok şablon kodu ve PHP kullanan dinamik site kodu içeren makalelere bağlantılar var.

Tam bu sayfada, tabiri caizse saf html'de bir site yapacağız - site içinde bir site, oldukça çalışır durumda ve içerikle doldurulmaya hazır.

Tüm süreci üç bölüme ayıralım.

1. Bilgisayarınızda bir site dizini oluşturun.

2. Site oluşturma.

3. Sitenin firmamızdan hostinge yani internete çevrilmesi.

Bilgisayarınızda bir web sitesi dizini oluşturma

İlk nokta en kolay olanıdır. Bir dizinin nasıl oluşturulacağı makalede çok açık bir şekilde gösterilmiştir (bu sayfadaki tüm bağlantılar kaybolmamak için ayrı bir pencerede açılır).

Ve neyi ve hangi klasöre koyacağımı, ana sayfanın kodundan sonra ayrıntılı olarak göstereceğim, böylece zaten dizine gidecek bir şey var.

Ardından en yaratıcı olan ikinci noktaya geçiyoruz.

Bir site şablonu oluşturun

Bir şablon oluşturmak için, aşağıdaki kodu yapıştırmanız gereken bir düzenleyiciye ihtiyacınız olacak.

Basit bir Windows Not Defteri veya başka bir metin düzenleyici olabilir.

Şablonun temeli olarak çok katmanlı bir HTML tablosunu ele alalım. Önceden, CSS'nin ortaya çıkmasından önce, tüm siteler tablolar halinde yazılırdı, ancak şimdi blok düzeni daha popüler hale geldi.

Ancak şu ana kadar tablo yapısı eskimedi ve başarıyla uygulandı.

Örneğin, tamamen tablolara dayalı, en karmaşık işlevselliğe sahip bir yatırım CMS H-komut dosyası.

İşte minimal tasarıma sahip bir site.

Gelecekte tabloların nasıl biçimlendirileceği makalede çok ayrıntılı olarak gösterilmektedir.

<!--Aşağıdakileri ayarladığımız bir tablo kabı oluşturun
dekor:
border="1" - kabın etrafındaki kenarlık. Sayıyı artırarak çerçevenin kalınlığını artırabilirsiniz.
align="center" - kabı ekranın ortasına yerleştiriyoruz.
kurallar="satırlar" - çift kenarlığı kaldırın.
stil="genişlik:%60;" - yapan bir stil özelliği ekleyin
konteyner ve tüm site "kauçuk".
Bu şekilde tam teşekküllü bir uyarlanabilir tasarım yapmak imkansızdır.>