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

Окт 5, 2011

Подбор шрифта и верстка текста


4. Верстка в колонки

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

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

Ладно, я отвлекся. Второе применение малой колонки (если приманок нет или они попросту ненужны) сводиться к становлению навигации сайта. Там могут распологаться ссылки, новости, а с приходом новых стандартов от RLE еще и баннеры. Вопрос, как построить эту колонку многих ставит в тупик. Однако существуют старинные правила верстки текста. Итак, если вы отводите малую колонку под текст ее размер вышитывается следующим образом. Выбираете гарнитуру, кегль, начертание и пишите следующую фразу:

abcdefghijklmnopqrstuvwxyzabcdefghijklm

<---   -    Страница: 3 из 4    -   --->

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

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

- Splash-страницы
- Сверх поиска
- Преимущества верстки с помощью таблиц
- Браузеры
- Программы для просмотра веб-страниц (браузеры)

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