Статьи

Веб дизайн


Правила вёрстки сайта


Как правильно сверстать сайт? Этим вопросом рано или поздно задаются многие веб-мастера. Прочитайте статью и некоторые моменты станут понятны.

Правила вёрстки сайта очень просты, но соблюдать их нужно обязательно. При верном написании кодов в файлах позволит вам получать результаты, которые вам требуются и при этом, не усложняя себе задачу. У вас есть шанс узнать основные постулаты, которые помогут вам при создании будущего шаблона.

Элемент <DOCTYPE> является очень важным,  там нужно указать кодировку сайта, уточнить версию разметки html.

Для оптимизации документа являются полезными заполнения таких тэгов как: meta, title и description.  <title> означает название окна в дальнейшем, по которому пользователи будут кликать с закладок.

 Для тэга <body> характерно оформление шрифтов. При оформлении шрифтов надо задавать несколько вариантов, на случай если у пользователя не окажется именно такого шрифта.

Для использования изображений следует задавать значения width и height.

Для более удобного редактирования нужно использовать иерархические отступы и комментирования строк <-comment->.

Если фон должен остаться белым следует прописывать фон сайта в любом случае.

Логотип сайта должен быть ссылкой на главной странице и обязательно заполнен атрибут <alt>.

Типографические правила вёрстки необходимы для читабельности и грамотности текста.

  – это полезно использовать для создания неразрывных пробелов. Вот, например (т. д. и т.п.) то есть это строки, которые по определению не переносятся.

Если заменить тире дефисов то это будет являться грамматической ошибкой, и текст будет менее читабельным.  Для написания « - » можно использовать (&mdash), также можно использовать комбинацию (alt + 0).

Для написания текста в кавычках можно использовать (&bdquo или &rdquo).

Правила вёрстки с точки зрения опытного верстальщика:

А). DIV блоки html кода можно комментировать, создавая начало и конец:

<!–header–> - начало

тут должнен быть код какой нибудь.

<!—header END–> - конец.

Б). Кавычки могут, ставятся необязательно, но это позволяет проще отредактировать текст.

В). При использовании скриптов в отдельных браузерах, лучше оставить комментарий на строках для удобства в дальнейшем.

Г). Лучше стараться минимизировать html код и по максимуму выносить css и jar в отдельные файлы.

Д). При завершении работы необходимо проверить кроссбраузерность, и исправить собственные ошибки.

Читайте блог www.buyhtml.ru/blog/ и будьте вкурсе всехсобытий мира веб-дизайна и верстки сайтов.


Дата публикации: 2012-03-07
Прочитано: 1603 раз


[ Назад | Начало | Наверх ]
Нет комментариев. Почему бы Вам не оставить свой?
Вы не можете отправить комментарий анонимно, пожалуйста зарегистрируйтесь.