Четверг, 03.12.2020, 04:12
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Лайкнули наши группы в соц-ых сетях?


Всего ответов: 209

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 2
Гостей: 2
Пользователей: 0


Зарегистрировано 31018 (сегодня + 1 новых, вчера + 1 новых), В каталоге файлов 1130 материала(ов), Оставлено 5154 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная » Статьи » Статьи для веб-мастера

Средства CSS для блочной разметки страниц

Средства CSS для блочной разметки страниц используются для того, чтобы разместить блоки текста или графические блоки на странице сайта. Какие-то блоки располагаются справа, какие-то слева, а самое главное - в центральной части страницы…


Применяемые «хаки» - фрагменты кода, описывающие стили, строятся таким образом, чтобы они читались или единственным браузером или напротив – единственным не читались.

В случае работы с заказчиком все ясно – ориентируемся на его требования, а в случае выполнения самостоятельного проекта ищется возможность не использовать различные «хаки» для описания всех стилей в одном файле?

А может, есть возможность отказаться от канонов табличной верстки?

Итак, свой проект:

1. если проект свой, то дизайнерское решение и размещение блоков на наш вкус.
2. если проект информационный, то в основе текст.

Для чего нужна шапка страницы? Какую пользу она приносит? Добавляет визуальные элементы. И абсолютно наше дело – ее внешний вид.

Для примера использования колонок возьмем три штуки. Колонка с основной информацией в центральной части, колонка, включающая меню сайта - справа, колонка с новостной лентой - слева. Задаем просто ширину в процентах, позиционируем по абсолютному типу, при этом фиксируем правый угол в процентном соотношении. И тогда появляются три колонки, которые не зависят от ширины экрана или еще каких-то подробностей.
В футере расположим дополнительную информацию – адреса, счетчики, авторы и создатели сайта. И все…

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


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Средства CSS для блочной разметки страниц


Расскажи друзьям интересные новости:



- Установить на свой сайт блок социальных закладок
Категория: Статьи для веб-мастера | Добавил: scripts_for_ucoz (11.04.2014)
Просмотров: 4196 | Теги: веб, css | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz