Herhangi bir sitenin tasarımı, temeldeki bir ev gibi, arka plan resimlerine ve renklere dayanır. İnternet kaynağınızın tipik temelini daha bireysel bir şeyle değiştirme arzunuz varsa, o zaman tasarımın geliştirilmesiyle başlamalısınız. Ve hazır olduğunda, tamamen teknik kısım kalacaktır, yani sayfaların kaynak kodunda belirtilen site arka planının eski tasarımının yenisiyle değiştirilmesi. Bunu pratikte uygulamanın birkaç yolu vardır.
Talimatlar
Aşama 1
Öncelikle, sitenin mevcut sürümünde arka planın hangi şekillerde ayarlandığını bulmanız gerekir. Bunu yapmak için sayfanın HTML kodunu açın. Bunu, dosyayı önceden sunucudan indirerek basit bir metin düzenleyici ile yapabilirsiniz. Ya da eğer kullanıyorsanız içerik yönetim sisteminin sayfalarının düzenleyicisini kullanabilirsiniz. Sayfa düzenleyici, dosyanın indirilmesini gerektirmez, ancak tarayıcıyı arayüz olarak kullanarak doğrudan sunucu üzerinde değiştirir. Açtığınız sayfanın HTML kodu (HyperText Markup Language) tarayıcı için talimat satırlarından oluşur. Bir web sayfasının öğelerinin her birinin türünü, görünümünü ve konumunu tanımlarlar. Bu talimatlara genellikle "etiketler" denir. Etiketlerin sayfa kodundaki sırası da HTML dilinin kurallarına uyar - bloklara ayrılırlar, bunlardan ilki bir etiketle başlayan ve biten bir başlık bloğu olmalıdır. Şimdi sizi daha çok ilgilendiren blok tarafından takip edilmelidir - belgenin gövdesi. Etiketler ve ile sınırlıdır. Bu bloğun açılış etiketinde (), sayfanın arka planı hakkında bilgi koyabilirsiniz. Etiketler içindeki bu tür bilgilere "nitelikler" denir. Gövde etiketinin arka plan rengini belirleyen özelliği bgcolor olarak belirtilir ve kodda şöyle görünebilir: Burada sayfanın arka plan rengini gümüş olarak ayarlıyoruz. Tarayıcı bazı renkleri adlarından tanıyabilir, ancak yanılmamak için onaltılık kodlarını belirtmek daha iyidir. Onaltılık ifadede gümüş renkli olan bu sürüm şöyle görünecektir: Bu nedenle, sayfa kodunda <body ile başlayan etiketi bulmanız ve arka plan rengi olup olmadığını kontrol etmeniz gerekir. Eğer öyleyse, içindeki renk göstergesini yeni sürümünüzle değiştirin ve değişiklikleri sayfaya kaydedin.
Adım 2
Sitenizin mevcut tasarımındaki arka plan, renge göre değil, bir resme göre ayarlanabilir. Gövde etiketinin karşılık gelen niteliğine arka plan denir ve kodda şöyle görünebilir: Burada arka plan, sunucunuzun img klasöründeki bg.jpg
Aşama 3
Nispeten karmaşık bir tasarıma sahip sayfaların görünümünü tanımlarken, "basamaklı stil sayfaları" - CSS (Basamaklı Stil Sayfaları) kullanın. CSS kodu blokları, doğrudan sayfa koduna dahil edilebilir veya "css" uzantılı harici bir dosyada bulunabilir. Sayfa kodunun başlık kısmında (ve etiketleri arasında) <style ile başlayan stil açıklama etiketini aramanız gerekir. Harici bir dosyaya bağlantı içeriyorsa, şöyle görünecektir: @import "style.css"; İşte style.css adlı bir stil sayfasına bir bağlantı. Düzenleme için belirtilen dosyayı açmanız gerekir. Ve eğer bağlantı yoksa ve açılış <style etiketinden sonra stil talimatları varsa, onları burada düzenlemeniz gerekir. Her iki seçenekte de, stillerin açıklamaları arasında, belgenin gövdesi (gövdesi) ile ilgili olanları aramanız gerekir. Bu açıklama bloğu şöyle görünebilir: body {
arka plan rengi: Gümüş;
siyah renk;
} Burada background-color parametresinin değerini yeni renginizin değeriyle ve aynı onaltılık değerlerde daha iyisiyle değiştirmeniz gerekir. CSS talimatlarındaki arka plan resmi seçeneği şöyle görünmelidir: body {
arka plan: # C0C0C0 url (img / bg.jpg) tekrar-y;
siyah renk;
} Burada resmin bağlantısı yukarıda tartışılana benzer ve bağlantıdan önceki # C0C0C0, arka plan resmi tarafından işgal edilmeyen sayfa alanının gümüş bir arka plana sahip olacağı anlamına gelir. "Tekrar-y", arka plan resminin Y (dikey) ekseni boyunca çoğaltılması gerektiğini belirtir."Tekrar-y", "tekrar-x" (yatay çoğaltma) veya "tekrar yok" (çoğaltma) ile değiştirilebilir. Hiç tekrarlama belirtmezseniz, arka plan görüntüsü sayfanın arka plan alanına her yönde döşenecektir.
