Saytınızı Mərkəzə Uyğunlaşdırın

Kodlaşdırarkən, veb müdiri saytın fərqli ekran qətnamələrində eyni dərəcədə yaxşı görünməsi üçün çox səy göstərməlidir. Ən yaxşı həll səhifədəki bütün məzmunun mərkəzləşdirilməsidir.

Təlimat

Addım 1

Mərkəzi hizalama metodu düzülüş metodundan asılıdır. Etiketlərdən və ya istifadə edə bilərsiniz

… Əlbətdə ki, bütün məzmunu bir etikete bükmək daha asandır, lakin çoxdan köhnəlib və hər şeyin düzgün işləməyinə zəmanət yoxdur. Ən müasir yol CSS texnologiyasından istifadə etməkdir.

Addım 2

Etiket kodun bir hissəsini bir bloka ayırır, məzmunun görünüşünü dəyişdirməyə imkan verir, parçaya bir şrift, rəng, fon və s. Blok düzeni ilə etiketin bütün məzmunu etiketə yerləşdirilir. Hizalamayı align atributu ilə təyin etdik. Bu belə olacaq:

Saytın məzmunu

Addım 3

Mərkəzləşdirmə CSS alətlərindən istifadə etməklə də qurula bilər. Bunu etmək üçün ayrıca bir cədvəl faylı yaratmalı və ya hər şeyi eyni HTML sənədində, etiketdə yerləşdirməlisiniz. Kod belə görünür:

* {margin: 0; dolgu: 0;}

bədən {

mətnlə hizalama: mərkəz;

}

div {

eni: 700px;

margin: 0 avtomatik;

}

Addım 4

Cədvəl tərtibində, mərkəzdəki etiket etiketdəki cədvəllərdən istifadə edərək qurulur

… Kod belə olacaq: <sayt cədvəli

… Cədvəl müvafiq olaraq səhifənin mərkəzində yerləşəcək və məzmunu da olacaqdır. Eni parametrindən istifadə edərək hər hansı bir blokun genişliyini də təyin edə bilərsiniz.

Addım 5

Bir səhifə genişliyi seçərkən istifadəçilərin ekran qətnamələrinin sizdən çox fərqli ola biləcəyini unutmayın. Bəzən ölçüsü ilə səhv etməmək üçün hər şeyi faizlə təyin etməlisiniz. Sadə bir saytınız varsa, bu xüsusilə faydalıdır.

Addım 6

Hansı üsuldan istifadə edirsinizsə olun, saytınızın bütün brauzerlərdə düzgün işlədiyinə əmin olun. Nədənsə birində səhv göstərilibsə - bunu göstərin.