Фестиваль профессиональных веб-разработчиков
В начале октября, в отеле «Холидей Инн» прошел четвертый Фестиваль профессиональных веб разработчиков «404»

Окт 5, 2011

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

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

Ширина страницы зависит от размера и разрешения монитора

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

Все многообразие дизайна можно свести к двум типам: «фиксированный» и «резиновый» дизайн.

При «фиксированном» дизайне макет страницы создается на основе таблиц или слоев определенной ширины. Выбор ширины зависит от ориентации на определенное разрешение монитора пользователей. Так, для разрешения 640х480 пикселей размер таблицы следует брать не более 619 пикселей. Для всех пользователей сайт, построенный на таком макете, будет отображаться корректно, но при больших разрешениях оказывается слишком много пустого места. Поскольку наиболее популярным среди пользователей Интернета является разрешение 800х600, разработчики сайтов ориентируются именно на него и делают таблицы шириной 700-770 пикселей.

Для «резинового дизайна» характерно использование таблиц с шириной, заданной в процентном отношении от ширины браузера. Достоинства — используется все доступное пространство веб-страницы, недостаток — при большом разрешении монитора текст сложно читать. Попробуйте почитать страницу со строчками длиной символов 200, глаза устанут по ней «бегать». Особенностью данного дизайна также является более сложная система верстки веб-страниц.

Страница: 1 из 5    -   --->

Навигация: 1  2  3  4  5  

Другие статьи по теме:

- Гипертекст
- Преимущества верстки с помощью таблиц
- Карта сайта как главный ориентир для пользователя
- Верстка с помощью слоев
- Существуют ли случаи, когда использовать фреймы?

Много нового и интересного на сайте зимних Олимпийских игр в Сочи. Относительно недавно дизайн на проекте был кардинально обновлен.
Всемирное известное издание ARTCOM Media Group про дизайн и архитектуру выпустили журнал INTERNI.
Совсем недавно вышла книга, посвященная самой известной петербургской «Мухе», самой старой в Петербурге школе дизайна.
     Верстка | Анимация | Веб-Дизайн | HTML и CSS | Основы веб-графики
2003-2014 © sredaboom.ru
карта сайта обратная связь на главную