Bir Web Sitesi Merkezli Nasıl Yapılır

İçindekiler:

Bir Web Sitesi Merkezli Nasıl Yapılır
Bir Web Sitesi Merkezli Nasıl Yapılır

Video: Bir Web Sitesi Merkezli Nasıl Yapılır

Video: Bir Web Sitesi Merkezli Nasıl Yapılır
Video: Profesyonel Web Sitesi Nasıl Yapılır? - Ders 1 2024, Mayıs
Anonim

Günümüzde çoğu sayfa katmanlar (div) kullanılarak düzenlenmiştir, bu nedenle siteyi tarayıcı penceresinin ortasına hizalama sorunu, sayfanın görünür alanının genişliğini belirleyen katmanı ortalama görevine indirgenmiştir. Pencerenin ortasında konumlandırılabilmesi için, üst öğesi veya bu bloğun kendisi için uygun ayarların yapılması gerekir.

Bir web sitesi merkezli nasıl yapılır
Bir web sitesi merkezli nasıl yapılır

Bu gerekli

Temel HTML ve CSS dilleri bilgisi

Talimatlar

Aşama 1

Konumlandırmak istediğiniz katmanı, yalnızca HTML dilinin araçlarını kullanarak yapmak istiyorsanız, pencerenin ortasına, merkez etiketinin açılış ve kapanış bölümleri arasına yerleştirin (Köprü Metni İşaretleme Dili - "köprü metni işaretleme dili"). Sayfa kenarlıklarını tanımlayan katmanın ebeveyninin bu sayfanın gövdesi olduğunu varsayacağız. Bu durumda merkez etiketini kullanan HTML kodunun en basit versiyonu şöyle görünebilir:

Orta sayfa

sayfa metni

Adım 2

Sayfayı ortalamak için CSS'yi (Basamaklı Stil Sayfaları) kullanmak istiyorsanız, tarayıcı penceresinin kenarlarından dolgunun otomatik boyutlandırmasını kullanın. CSS'deki kenar boşluğu boyutları, kenar boşluğu parametresi tarafından belirlenir. Önceki örnekten ortadaki etiketleri kaldırın ve sayfa genişliğini tanımlayan katmanın stil niteliğine 0 auto marj parametresini ekleyin:

Orta sayfa

sayfa metni

Aşama 3

Elbette, stil tanımı stil özniteliğinden çıkarılabilir ve harici bir dosyaya veya belgenin başlığına (ve etiketleri arasına) yerleştirilebilir. Bu durumda, aynı kod şöyle görünecektir:

Orta sayfa

#pageÇerçevesi {

genişlik: 700 piksel;

yükseklik: 400 piksel;

arka plan: # 0BB;

kenar boşluğu: 0 otomatik;

}

sayfa metni

Önerilen: