Основы верстки
Задачи верстки
В статье описаны некоторые аспекты того, чем приходится заниматься при верстке сайта и какие задачи стоят перед верстальщиком.
Особенности верстки веб-страниц
Чтобы создать грамотный сайт надо понимать, как вообще происходит верстка веб-страниц и соизмерять свои идеи с их исполнением. В статье описаны некоторые особенности, которые имеют большое значение при верстке документов сайта.
Модульные сетки
Модульная сетка представляет собой набор невидимых направляющих, вдоль которых располагаются элементы веб-страницы. Это облегчает размещение данных в документ, обеспечивает визуальную связь между отдельными блоками и сохраняет преемственность стиля дизайна при переходе от одной страницы к другой.
Изображения в тексте
Иллюстрации всегда использовались для наглядного донесения до читателя нужной информации, для оформления страниц сайта и включения в текст различных графиков, диаграмм и схем. При этом используется несколько способов добавления рисунков в текст веб-страницы, которые и рассмотрены в статье.
Изображение на всю ширину макета
Способ добавления изображения на всю ширину макета веб-страницы зависит от применяемого метода верстки. Если используется макет фиксированной ширины, то общая его ширина известна заранее и рисунок по горизонтали следует ограничить этой величиной. Когда мы имеем дело с «резиновым» макетом, то в этом случае активную роль играют фоновые рисунки.
Фоновые рисунки
В связи с особенностями веб-страниц, фоновые рисунки приобретают значительную роль при верстке документов сайта. При этом они активно участвуют в самых разных делах, например, автоматизируют процесс присоединения рисунков к тексту, создают градиентные переходы и конечно добавляют фон под содержимым.
Особенности создания сайтов: мелочи имеют значение!
Если вы уделяли внимание оформлению текстов, то наверняка уже знаете, что для этого нужен хорошо подобранный шрифт и важен CSS. Кроме этого, есть ещё один аспект текстового оформления сайтов, который, как правило, почти всегда игнорируется — правильное оформление пунктуации. Правильное не только грамматически (что, безусловно, должно быть в первую очередь), но и графически верное.