www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Основы верстки

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

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

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

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

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

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

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

Имаги в контенте

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

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

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

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

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

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

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

Поиск по сайту

Версткой web-страниц будем называть создание такого ШТМЛ-тегов, который позволяет размещать элементы web-страницы (Имаги, контент, линии и т.д.) в нужных местах объекта и отображать их в окне браузера согласно разработанному макету. При этом следует принимать во внимание ограничения присущие ШТМЛ и CSS (ЦСС), учитывать особенности браузеров и знать приемы верстки, которые дают желаемый результат.

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект