ЛабыWeb / ЛабРабота7Разметка
.docТема «Разметка макета таблицей документа HTML»
Цель работы: Разметка макета web-страницы с помощью таблиц.
Теория. Разметка структуры web-страницы на функциональные блоки возможна с помощью тегов таблицы, либо с помощью фреймов( рамок). С помощью атрибутов тегов таблицы можно контролировать размеры таблицы и отдельных ее ячеек, цвет и наличие границ, цвет фона таблицы. Много удачных дизайнерских решений получается путем комбинирования таблиц и графики. Обычно функциональные блоки страницы содержат следующие элементы: панель управления, панель заголовка, верхний и нижний колонтитулы, основной раздел, иллюстрации и т.д.
Набор ссылок на все основные разделы узла, размещенный в верхней или боковой части страницы, называется навигационной панелью.
Перед тем как приступить к разработке навигационной панели, необходимо создать изображения для каждой кнопки( в зависимости от того, какие состояния вы планируете использовать).
Дескрипторы: <TABLE> Создает таблицу,
<TD> и<ТН> Создают ячейку данных или ячейку заголовка таблицы,
<TR> Создает строку таблицы,
<TBODY> Создает группу строк таблицы,
ALIGN Выравнивание текста ячеек по горизонтали,
BGCOLOR Цвет фона ячеек,
CHAR Выбор символов для выравнивания,
VALIGN Выравнивание текста ячеек по вертикали
<TFOOT> Создает строку сноски таблицы,
ALIGN Выравнивание текста ячеек по горизонтали,
BGCOLOR Цвет фона ячеек,
CHAR Выбор символов для выравнивания,
VALIGN Выравнивание текста ячеек по вертикали
<THEAD> Создает строку заголовка таблицы,
ALIGN Выравнивание текста ячеек по горизонтали,
BGCOLOR Цвет фона ячеек,
CHAR Выбор символов для выравнивания,
VALIGN Выравнивание текста ячеек по вертикали
Задание . Наберите текст и сохраните его как html-документ. Все файлы-изображения ( папка Рисунки) надо скопировать в папку с полученным html-файлом. Изображения: flower.jpg, rose.gif, klad[1].jpg, bkgnd.gif можно изменить на свои. Изменить текстовой гиперссылке «1-я ссылка» знак вопроса на название html-файла из второй лабораторной работы( стихотворение), а первой графической гиперссылке – на название третьей лабораторной( списки).