"Başlık" veya web sayfasının üst kısmı sitenizi benzersiz kılar, diğerlerinden farklı olmasına ve İnternet projenizin özelliklerini yansıtmasına olanak tanır. Orijinal ve iyi yapılmış bir başlık yardımıyla herhangi bir web sayfasını dekore edebilir ve iyileştirebilirsiniz ve başlığı kendiniz yapmak için bu web öğesini nasıl düzenleyeceğinizi öğrenmeniz gerekir.
Talimatlar
Aşama 1
Sitenizin statik, sabit boyutlara sahip olmasını istiyorsanız, ekran genişliğindeki değişime bağlı olarak değişmeyen statik bir başlık oluşturmanız gerekir. Başlığın genişliğini ve yüksekliğini belirleyin (örneğin, 996x230) ve aşağıdaki CSS kodunu kullanarak üst bloğa bir arka plan resmi ekleyin; burada header-1.jpg
arka plan: # a6b7d3 url (img / header-1.jpg) tekrarsız;
genişlik: 996 piksel;
yükseklik: 230 piksel;
} Bu tür bir başlık için HTML kodu şöyle görünecektir:
Adım 2
Site, boyutları ekranın genişliğine göre ayarlanacak şekilde oluşturulmuşsa, başlık tüm ana monitör çözünürlükleri dikkate alınarak dizilmelidir. Böyle bir başlığın maksimum genişliği 1920 piksel olmalıdır. Böyle bir başlık eklemek için CSS kodunu kullanın: #header {background: # a6b7d3 url (img / header-2.jpg) tekrarsız merkez; height: 250px;} Bu durumda HTML kodu öncekine benzer. CSS kodu bazı parametrelerde değiştirildi - şimdi başlık görüntüsünü ortalamak için bir özniteliğe sahip, bu da arka planı herhangi bir ekran genişliğine sığdırmasına izin veriyor.
Aşama 3
Ayrıca, görünüm alanının boyutuna bağlı olarak konumlarını değiştirecek birkaç arka plan bloğuna bölünmüş daha karmaşık bir başlık oluşturabilirsiniz. Böyle bir başlık için CSS daha karmaşık ve kapsamlıdır ve sitenizin görüntülenebileceği tarayıcı penceresinin kayan boyutlarına göre birkaç arka plan öğesinin tekrar edilmesini içerir.
