Siteye Arka Plan Nasıl Eklenir

İçindekiler:

Siteye Arka Plan Nasıl Eklenir
Siteye Arka Plan Nasıl Eklenir

Video: Siteye Arka Plan Nasıl Eklenir

Video: Siteye Arka Plan Nasıl Eklenir
Video: Css Arka Plan Resmi Ekleme (Full olarak) 2024, Mayıs
Anonim

Web sayfalarının kaynak kodundaki arka plan, kullanılan tasarıma bağlı olarak, bir renk belirterek veya konumlandırma parametrelerinin eklenmesiyle bir görüntü dosyasına bağlanarak ayarlanabilir. Bu, doğrudan HTML etiketlerinde, kaynağın başlık kısmındaki ayrı bir CSS bloğunda veya stil açıklamalarıyla ayrı bir dosyada yapılabilir.

Siteye arka plan nasıl eklenir
Siteye arka plan nasıl eklenir

Talimatlar

Aşama 1

Sayfalarının arka planını ayarlamak için sitenizde kullanılan bloğun kaynak kodunu açın. Herhangi bir kontrol sistemi kullanıldığında, bu blok kural olarak ayrı bir dosyaya tahsis edilir. Kontrol sisteminin kendisi, onu doğrudan tarayıcıda düzenlemek için araçlara sahiptir. Spesifik sisteme bağlı olarak, bu prosedür farklı şekillerde düzenlenebilir - örneğin sayfa düzenleyici aracılığıyla. Kontrol sistemlerini kullanmıyorsanız, ilgili dosyanın bilgisayarınıza indirilmesi ve herhangi bir düzenleyicide açılması gerekir. Özel bir HTML düzenleyici kullanmak daha iyidir, ancak en basit Not Defteri'ni de kullanabilirsiniz.

Adım 2

Sayfanın arka planının resim değil de renk olması gerekiyorsa, gövde etiketine renk gölgesini belirten bir bgcolor niteliği ekleyin. Örneğin:

İşte arka plan olarak koyu turuncu bir renk. Gölgenin her metinsel ("anımsatıcı") adı tarayıcı tarafından tanınamaz, bu nedenle onaltılık bir renk kodu kullanmak daha iyidir. Örneğin, FF8C00 kodu koyu turuncu renge karşılık gelir:

Aşama 3

Arka plan bir renk yerine bir görüntü tarafından ayarlanacaksa, gövde etiketinde bgcolor yerine arka plan niteliğini kullanın. Örneğin, arka plan görüntüsüne sahip dosyanın adı bgPic

4. Adım

CSS kullanarak sayfanın arka planını ayarlamak istiyorsanız, kaynak kodunuzun başlığına bir stil açıklaması yerleştirin. Örneğin, arka plan olarak gövde etiketinde belirtilen koyu turuncu rengin yerini alan bir CSS stili açıklaması şöyle görünebilir:

gövde {arka plan rengi: DarkOrange;}

Ve aşağıdaki stil açıklamasıyla bir arka plan resmi ayarlayabilirsiniz:

gövde {arka plan: # FF8C00 url (resimler / bgPic.gif) tekrar-y;}

Burada, resim bağlantısına ek olarak, arka plan rengi de (# FF8C00) belirtilir - sayfada arka plan resminin kapsamadığı yerler varsa, burada belirtilen renk gölgesinde boyanırlar. Yineleme-y parametresi, arka plan görüntüsünün dikey olarak tekrarını belirtir (Y ekseni boyunca). Görüntüyü yatay olarak tekrarlamanız gerekiyorsa, yineleme-x değerini kullanmalı ve desenin tekrarını yasaklamalısınız - tekrar yok. Stil açıklamalarını HTML kodunun başlık kısmını kapatan etiketin önüne yerleştirebilirsiniz.

Adım 5

Sayfa düzenleyicide yapılan değişiklikleri kaydedin veya kod bilgisayarınızdaki bir dosyada düzenlendiyse indirilen dosyayı kaydedip sunucuya geri yükleyin.

Önerilen: