|
Реклама на сайте | |
СРЕДСТВА CSS ДЛЯ БЛОЧНОЙ РАЗМЕТКИ СТРАНИЦ
Средства CSS для блочной разметки страниц используются для того, чтобы разместить блоки текста или графические блоки на странице сайта. Какие-то блоки располагаются справа, какие-то слева, а самое главное - в центральной части страницы…
Если вам нужно создание корпоративного сайта, тогда доверьте это дело профессионалам.
Применяемые «хаки» - фрагменты кода, описывающие стили, строятся таким образом, чтобы они читались или единственным браузером или напротив – единственным не читались.
В случае работы с заказчиком все ясно – ориентируемся на его требования, а в случае выполнения самостоятельного проекта ищется возможность не использовать различные «хаки» для описания всех стилей в одном файле?
А может, есть возможность отказаться от канонов табличной верстки?
Итак, свой проект:
1. если проект свой, то дизайнерское решение и размещение блоков на наш вкус. 2. если проект информационный, то в основе текст.
Для чего нужна шапка страницы? Какую пользу она приносит? Добавляет визуальные элементы. И абсолютно наше дело – ее внешний вид.
Для примера использования колонок возьмем три штуки. Колонка с основной информацией в центральной части, колонка, включающая меню сайта - справа, колонка с новостной лентой - слева. Задаем просто ширину в процентах, позиционируем по абсолютному типу, при этом фиксируем правый угол в процентном соотношении. И тогда появляются три колонки, которые не зависят от ширины экрана или еще каких-то подробностей. В футере расположим дополнительную информацию – адреса, счетчики, авторы и создатели сайта. И все…
Берем три блока со стопроцентной шириной и нулевым отступами. В одном блоке у нас будет шапка, в другом текст, в третьем футер. Осталось только с отступами разобраться в блоке, содержащем текст. Вот и получается у нас блочная структура, в которой размер экрана будет влиять даже на отступы в поле центрального текста. Это только сырая заготовка, но уже ясно в каком направлении двигаться.
|
Категория: Статьи для ucoz | Добавил: (24.01.2016)
|
Просмотров: 360
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
|