Kendi web sitenizi oluşturduğunuzda, doğal olarak, kullanıcının tarayıcı sürümünden bağımsız olarak mümkün olduğunca çekici görünmesini istersiniz. Özellikle, arka plan görüntüsünün uzatılması ve bilgisayar monitörünün çözünürlüğüne ayarlanması için.
Bu gerekli
html, css, java-script ile çalışma becerileri
Talimatlar
Aşama 1
Sitenizin kodunu Not Defteri gibi herhangi bir düzenleyicide veya özel bir web tasarım programı olan Dreamweaver'da açın. Sitenin arka planını uzatmak için aşağıdaki satırları kodun içine yapıştırın. Arka Plan Ekle: url ('Görüntüye bir bağlantı ekleyin').
Adım 2
Resmi yatay olarak boyutlandırmak için aşağıdaki kodu kullanın: Arka plan: url ('Görüntüye bir bağlantı ekleyin' tekrar-x), dikey olarak - kodun sonunda x'i y ile değiştirin. Site bir css dosyasında biçimlendirilmişse, kodu içine yapıştırın. Bu şekilde sitenize lastik gibi bir arka plan koyabileceksiniz.
Aşama 3
Bir sayfaya arka plan görüntüsü yerleştirmek için aşağıdaki kod örneğini kullanın ve bunu sayfanın görüntülendiği monitörün çözünürlüğüne sığdırmak için otomatik olarak uzatın. Örnek kod: body {background: "Arka plan görüntüsüne bir bağlantı ekleyin" () tekrarsız sabit sol merkez; sonra arka plan boyutu: […].
4. Adım
Arka plan görüntüsünü uzatmak için arka plan olarak bir resim eklemeniz ve genişliğini %100'e ayarlamanız yeterlidir. Örneğin, aşağıdaki metni sayfa koduna ekleyin: arka plan resmi "alt =" Resmin adını girin "/>. Böylece resmin genişliğine uyacak şekilde kullanılacak, ancak oranları ihlal edilecektir.
Adım 5
Benzer şekilde, görüntüyü yüksekliğe uzatacak şekilde ayarlayabilir, genişlik özniteliği yerine yüksekliği kullanabilirsiniz. Veya css için aşağıdaki kod örneğini kullanın: sitenin arka plan görüntüsü) "> ve bundan sonra önceki örnekte olduğu gibi görüntünün %100 genişliğini ekleyin. Ayrıca komut dosyasını kullanıcının ekran çözünürlüğünü öğrenmek ve boyutunu düzenlemek için kullanabilirsiniz. Bunun için masanızın.
