Общие понятия о верстке |
Версткой можно назвать процесс создания HTML-кода, позволяющий делать размещение различных элементов (текст, картинки, таблицы и т.д.) на веб-странице в определенных местах так, чтобы браузер отображал их в соответствии разработанному дизайну.
Сам по себе процесс верстки – это творческий этап разработки сайта. В начале создается дизайн проекта, под который пишется соответствующий HTML-код. То есть верстальщик, получив набор изображений, начинает их размещать на веб-страницах в соответствии с указанным проектом. Для того чтобы ускорить процесс создания сайта рекомендуется использовать уже готовый dle шаблон, который можно скачать на сайте dle9.com. Только там вы найдете все для создания сайта на DLE и других платформах.
Верстка начинается с анализа изображений и разбитие их на отдельные блоки. Как правило, один рисунок может быть разбит на два основных блока: «шапка» веб-страницы и контент.
В «шапке» может быть главное меню сайта, поэтому с этим учетом могут быть такие варианты:
1) на рисунок наложить карту-изображение;
2) разделить изображение на отдельные элементы, определить их, как ссылки, затем объединить с помощью таблицы;
3) применить позиционирование элементов.
Каждый из этих способов имеет свои плюсы и минусы, о которых верстальщик должен знать.
После разработки первого блока в HTML, необходимо приступать ко второму блоку, где основой будет выступать текст. Кроме этого, здесь необходимо применять стили отображения контента веб-страницы, поэтому здесь работа затронет такие факторы:
1) фоновый цвет страницы;
2) размер и цвет шрифта;
3) размер текста, находящихся в отдельных блоках, например, новости, последние события;
4) размер шрифта заголовков, их стиль и цвет;
5) параметры рамок и линий.
Далее верстальщик с помощью CSS оформляет, созданные HTML-документы, то есть по сути он разрабатывает шаблоны, в которые в дальнейшем можно просто добавлять контент. В процессе работы над веб-страницами верстальщику необходимо регулярно тестировать их, чтобы узнать:
- правильно ли отображаются страницы в разных браузерах, если изменять различные параметры шрифта;
- будет ли работать сайт, если отключить отображение картинок;
- будет ли меняться внешний вид страницы от разрешения монитора. Создание сайта это комплексная работа, в ходе которой должны быть решены задачи внешнего вида и интересного контента. При этом верстальщик должен учесть все эти параметры и сделать так, чтобы все правильно отображалось различными браузерами. |
|
|