Өз сайтыңызды орталыққа туралаңыз

Кодтау кезінде веб-мастер сайттың әртүрлі экрандық шешімдерінде бірдей жақсы көрінуі үшін көп күш жұмсауы керек. Ең жақсы шешім - барлық мазмұнды беттегі орталықтандыру.

Нұсқаулық

1-қадам

Орталық туралау әдісі орналасу әдісіне байланысты. Сіз тегтерді немесе қолдануға болады

… Әрине, барлық мазмұнды тегке орау оңайырақ, бірақ ол әлдеқашан ескірген және бәрі дұрыс жұмыс істейтініне кепілдік жоқ. Ең заманауи әдіс - CSS технологиясын қолдану.

2-қадам

Тег кодтың бір бөлігін бір блокқа бөліп, мазмұнның сыртқы түрін өзгертуге мүмкіндік береді, фрагментке бір шрифт, түс, фон және т.б. Блоктың орналасуымен тегтің барлық мазмұны тегке орналастырылады. Біз align атрибутымен туралауды орнаттық. Бұл келесідей болады:

Сайт мазмұны

3-қадам

Орталықтандыруды CSS құралдарының көмегімен де орнатуға болады. Ол үшін стильдер кестесінің жеке файлын жасау керек немесе бәрін бірдей HTML-файлға, тегке орналастыру керек. Код келесідей болады:

* {маржа: 0; толтыру: 0;}

дене {

мәтінмен туралау: орталық;

}

div {

ені: 700px;

маржа: 0 автоматты;

}

4-қадам

Кестенің орналасуында центрлеу тегтегі кестелерді қолдану арқылы орнатылады

… Код келесідей болады: <сайт кестесі

… Кесте сәйкесінше парақтың ортасында орналасады және оның мазмұны да болады. Сондай-ақ кез-келген блоктың енін ені параметрін қолдану арқылы орнатуға болады.

5-қадам

Парақтың енін таңдағанда, пайдаланушылардың экран ажыратымдылығы сіздікінен өзгеше болуы мүмкін екенін ескеріңіз. Кейде өлшеммен қателеспеу үшін бәрін пайызбен қою керек. Егер сізде қарапайым сайт болса, бұл әсіресе пайдалы.

6-қадам

Қандай әдісті қолдансаңыз да, сайтыңыздың барлық шолғыштарда дұрыс жұмыс істейтіндігіне көз жеткізіңіз. Егер қандай да бір себептермен олардың біреуінде қате көрсетілсе - оны көрсетіңіз.