Кратко о блочной верстке на базе html5

Блочная верстка является самым главным камнем преткновения на пути к созданию качественного портала. Ведь каким бы интересным и хорошо прописанным содержимым оно не было, без грамотной верстки у вас ничего не получиться. Что же такое верстка блоками? Это когда все содержимое, как и дом, состоит из кирпичиков (блоков), которые помогают правильно и удобно распределять все содержимое сайта.

Существует еще и строчный тип верстки, однако, большинство специалистов в этой области отдают предпочтение именно блочному способу.

Какими плюсами наделен этот способ:

- Разграничение css-кода от элементов html5;
- Можно накладывать один слой за другим, это дает возможность обыгрывать расположение контента;
- Легче продвигать в поисковых системах, потому что роботы считают этот тип верстки за эталон;
- Скоростная загрузка документа, что обусловлено независимым расположением содержимого;
- Проще создать визуальные эффекты, например, диалоговое окно, подсказки.

Но не обошлось здесь и без минусов. Самый главный минус этого способа заключается в том, что не каждый браузер правильно понимает документ. Часто приходиться использовать дополнительные инструменты, чтобы довести страничку до шаблонного состояния.

В html5, за блочную верстку отвечает элемент <div>, который выполняет роль слоя, помогая обыгрывать любое оформление. Именно благодаря этому элементу можно создать тысячи уникальных дизайнов.

В параметрах <div>, вы можете задать любые размеры странички, за пределы которых при дальнейшей верстке вы уже не сможете выйти. А если даже и укажите параметры ширины и высоты к другим элементов, все просто сползет и пойдет вразнобой.

Перед любой версткой, вам предварительно нужно воссоздать эскиз (макет) портала. Чаще всего, для него используют «фотошоп», файл сохраняется в формате psd, где каждый отдельный элемент блока находиться на своем месте. Для удобства, их можно подписать.

Если в своей работе вы собираетесь использовать изображения, то лучше всего создать для них отдельную папку, чтобы не путаться.

Для придания сайту уникального вида, используется CSS. Желательно его прописывать в отдельном файле родного формата, а затем ссылаться на него в своем html-документе. Почему? Представьте, если вдруг вы решили поменять шапку, а ваш сайт состоит более чем из тысячи страниц. Вы бы смогли переписывать значение в каждой из них? Конечно же, нет.

Похожие материалы
Современные подходы к разработке сайтов Правильно разработанный сайт будет функционировать качественно и долго, помогая вам продвигать и держать на пл...
HTML 5 - краткий обзор Данная статья скорее немного ознакомительная, постараюсь собрать как больше информации, хотя не знаю насколько...
Регистрация доменов Если вы серьезно решили зарабатывать в интернете, то вам обязательно придется столкнуться с вопросом регистрац...
Обзор бесплатной CMS Atom-M На данный момент уже разработано достаточно большое количество как коммерческих, так и бесплатных систем управ...
Категории раздела
Новое на форуме
Популярные материалы
Популярные теги