Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

Основы верстки

Задачи верстки

В статье описаны некоторые аспекты того, чем приходится заниматься при верстке сайта и какие задачи стоят перед верстальщиком.

Особенности верстки веб-страниц

Чтобы создать грамотный сайт надо понимать, как вообще происходит верстка веб-страниц и соизмерять свои идеи с их исполнением. В статье описаны некоторые особенности, которые имеют большое значение при верстке документов сайта.

Модульные сетки

Модульная сетка представляет собой набор невидимых направляющих, вдоль которых располагаются элементы веб-страницы. Это облегчает размещение данных в документ, обеспечивает визуальную связь между отдельными блоками и сохраняет преемственность стиля дизайна при переходе от одной страницы к другой.

Изображения в тексте

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

Изображение на всю ширину макета

Способ добавления изображения на всю ширину макета веб-страницы зависит от применяемого метода верстки. Если используется макет фиксированной ширины, то общая его ширина известна заранее и рисунок по горизонтали следует ограничить этой величиной. Когда мы имеем дело с «резиновым» макетом, то в этом случае активную роль играют фоновые рисунки.

Фоновые рисунки

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

Особенности создания сайтов: мелочи имеют значение!

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





На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!