Что такое верстка сайта?

Про­цесс созда­ния сай­та состо­ит из несколь­ких эта­пов, верст­ка – это один из обя­за­тель­ных эта­пов, кото­рый сле­ду­ет после созда­ния маке­та сай­та дизайнером.

Что же это такое? Давай­те обра­тим­ся к Википедии:

Если еще про­ще, то верст­ка – это про­цесс пре­об­ра­зо­ва­ния кар­тин­ки в html-код — язык раз­мет­ки, понят­ный браузеру.

У любой рабо­ты есть свои кри­те­рии оцен­ки каче­ства. И веб-раз­ра­бот­ка — не исклю­че­ние. Суще­ству­ет мно­же­ство пара­мет­ров, по кото­рым мож­но оце­нить верст­ку веб-стра­ниц, но мы выде­лим 3 из них, кото­рые наи­бо­лее важ­ны и не тре­бу­ют от заказ­чи­ка зна­ния тех­ни­че­ской части процесса:

Адап­тив­ная верст­ка – это верст­ка, кото­рая под­стра­и­ва­ет­ся под раз­ные раз­ре­ше­ния экра­на. При этом на стра­ни­це может изме­нить­ся поло­же­ние эле­мен­тов, их раз­мер и даже пол­но­стью внеш­ний вид.

Меню для мобиль­ных «схло­пы­ва­ет­ся» в кноп­ку и раз­во­ра­чи­ва­ет­ся по кли­ку, то есть этот эле­мент пол­но­стью изме­ня­ет­ся при про­смот­ре с теле­фо­нов. Этот метод отоб­ра­же­ния исполь­зу­ет­ся сей­час на боль­шин­стве адап­тив­ных сайтов.

Пра­ви­ла изме­не­ния верст­ки зара­нее про­ду­мы­ва­ют­ся дизай­не­ром и вер­сталь­щи­ком. Бла­го­да­ря это­му сай­том удоб­но и ком­форт­но поль­зо­вать­ся на любом устрой­стве с любой шири­ной экра­на. В насто­я­щее вре­мя боль­шин­ство сай­тов дела­ют­ся адап­тив­ны­ми, и поис­ко­вые систе­мы отда­ют при­о­ри­тет имен­но тако­му виду верстки.