Наименование: Неявные таблицы на веб – страницах
1. Цель: Научится создавать и использовать в дизайне неявные таблицы при создании тематических сайтов. Формировать компетенции ОК 1, ОК 2, ОК 4, ОК 8; овладеть знаниями и умениями для освоения ПК 1.2, ПК 1.3, ПК 1.4, ПК 1.5
2. Подготовка к занятию: по предложенной литературе повторить тему «Создание таблиц средствами HTML» и ответить на следующие вопросы:
2.1 Перечислите основные теги создания таблиц в HTML – документе
2.2 С помощью какого тега можно подписать таблицу?
2.3 Какой атрибут отвечает за объединение ячеек в таблицу по горизонтали (вертикали)?
3. Литература:
3.1 Шомас Е.А. Веб – дизайн, учебное пособие. Самара, КС ПГУТИ, 2014
3.2 https://html5book.ru/osnovy-html/ - Основы HTML
4. Перечень оборудования и программного обеспечения:
4.1 ПЭВМ, подключенные к сети Интернет
4.2 Браузеры
4.3 Текстовый редактор
5. Задание:
5.1 В строке заголовка должен отражаться номер практической работы
5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.
|
|
5.3 Создайте таблицу примерно следующего вида:
Вариант 1 – представить в таблице сведения о художниках (фотографии, краткие сведения, картина)
Вариант 2 – представить в таблице сведения о режиссерах (фотографии, краткие сведения, отрывок из фильма)
6. Порядок выполнения работы:
6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;
6.2 Выполнить задание практического занятия;
6.3 Дать ответы на контрольные вопросы;
7. Содержание отчета:
7.1 Наименование и цель работы
7.2 Код программы
7.3 Ответы на контрольные вопросы
7.4 Вывод о проделанной работе
8. Контрольные вопросы:
8.1 Для чего в дизайне используются неявные таблицы?
8.2 Какие теги используются для объединения ячеек в таблице?
8.3 Каким тегом установить границы в таблице?
ПРИЛОЖЕНИЕ:
В HTML-таблицах может содержаться информация любого типа. С их помощью можно более эффектно расположить на странице текст и графику, а также создать четкую структуру WEB-страницы.
Вся таблица располагается внутри дескрипторов < TABLE >. Заголовок вне рамки таблицы задается дескриптором < CAPTION >, создается ряд элементов < TR >, определяющих начало строки, а внутри этих элементов размещаются элементы < TD >, описывающие ячейки и < TH >, описывающие заглавные ячейки.