Лабораторные работы CSS3.
Web-legko.ru
Лабораторная работа №2. «Блочная верстка с использованием CSS» Цель работы: Изучить возможность верстки веб-страницы с помощью тегов
HTML5 и CSS.
Блочная верстка – это верстка страницы с использованием слоев или блоков, в основе используются теги
div .
Основной принцип такой верстки в том, что вся страница разделяется на блоки, они могут накладываться
друг на друга, им можно задавать отступы с краев, в данные блоки помещаются остальные элементы страницы.
Ко всем блокам применяются стили CSS, которые показывают браузерам размер, расположение, отступы
снаружи и внутри блока и много другое.
Стили мы будем прописывать с использованием тега
в части
. Ход работы Для начала нам необходимо понять какая структура страницы нам нужна, то есть нарисовать ее структуру.
Мы будем использовать простую структуру, которая встречается на большинстве сайтов. Она будет состоять из:
шапки, горизонтального меню, левого сайдбара, основной части и подвала.
Представим необходимую структуру графически:
После того как мы нарисовали структуру в графическом варианте мы можем определиться с тем какие
теги мы будем использовать для создания структуры страницы с использованием HTML5.
Лабораторные работы CSS3.
Web-legko.ru
Создадим структуру страницы:
Лабораторнаяработа №2 Шапка сайта