Лабораторная работа 49
Создание и оформление таблиц в html. гиперссылки
1. Цель работы: получение практических навыков создания статического web – сайта с использованием html; отработка навыков размещения графических объектов на страницах сайта, создания и форматирования таблиц.
2. Теоретическое обоснование
Изучите материал, представленный в презентации «html.pptx»
3. Алгоритм выполнения работы:
Ознакомиться с теорией вопроса
Выполнить представленные задания
Задание 1. Создание и форматирование таблиц
1. Создать таблицу по приведенному образцу, сохранить документ под именем tabl_name.htm. Сверху над таблицей разместить заголовок Таблица №1
При отображении таблицы в броузере должны удовлетворяться следующие условия:
· таблица должна быть выравнена по центру и быть правильной (симметричной) формы;
· в центральной ячейке поместить символ * (звездочка), остальные ячейки должны быть пустыми.
Примечание. Для отображения пустых ячеек в них нужно поместить символьный примитив пробела
2. В этом же документе создать копию таблицы №1, ввести заголовок Таблица №2 и модифицировать ее:
· В центральной ячейке разместить рисунок Arrows3.wmf
· «Раскрасить» все остальные ячейки в различные цвета.
3. Создать еще одну копию таблицы – Таблица №3 и отредактировать теги таблицы так, чтобы она соответствовала приведенному ниже образцу.
Примечание. Для объединения ячеек в тегах <TD> необходимо использовать параметры colspan= и rowspan=
4. Создать новый HTML-документ - rasp_name.htm с расписанием занятий.
· Документ должен начинаться заголовком
Расписание занятий гр. NNN на весенний семестр 2005 г.
· Первая строка таблицы должна быть оформлена как заголовки полей (с использованием тегов <TH>).
· Таблица по ширине должна занимать полный размер окна. Ширину отдельных столбцов задать в относительных единицах (в %), с тем, чтобы при изменении ширины окна пропорции таблицы сохранялись.
День недели | Время | Предмет | Преподаватель | Аудитория |
Понедельник | 8:30-10:05 | Математика (лек) | доц. Иванов А.А. | 320 |
10:15-11:50 | Математика (пр) | преп. Петрова И.А. | 302 | |
12:30-14:05 | Физика (лаб) | доц. Сидоров О.И. | 307 | |
Вторник | 8:30-10:05 | История (лек) | проф. Громова О.А. | 310 |
10:15-11:50 | История (сем) | преп. Попов М.А. | 302 | |
12:30-14:05 | Физика (лаб) | доц. Сидоров О.И. | 307 | |
... | ... | ... | ... | ... |
· Просмотреть созданный документ в броузере при различных размерах окна и различных настройках размера шрифта.
5. Сохранить файл с расписанием под именем rasp_menu_name.htm и модифицировать его.
6. После заголовка создать таблицу, состоящую их одной строки меню с названиями дней недели.
7. В таблице с расписанием установить закладки на названия дней недели.
8. В таблице меню создать гиперссылки на соответствующие дни недели.
9. Выполнить цветовое оформление каждой ячейки меню.
10. Проверить правильность выполнения переходов по гиперссылкам.
11. Создать группу web-страниц, объединенных меню:
· На рабочем диске создать папку My_raspisanie для размещения файлов расписания.
· Поместить расписание на каждый день недели и таблицу с меню в отдельные файлы. Имена файлов: menu.htm – для главной страницы, названия дней недели – для остальных. Все документы разместить в папке My_raspisanie.
· Отредактировать гиперссылки меню так, чтобы по ним выполнялись переходы на соответствующий документ.
· В конце каждого файла с расписанием на день организовать гиперссылку для возврата в главный документ с меню.
· Оформить фон каждого дня недели собственным цветом, совпадающим с цветом ячейки таблицы меню.
12. Предъявить результат преподавателю.