Создание таблиц и списков на wеb-странице (§ 15) (11 кл. 68 ч. sim)


Планирование уроков на учебный год (по учебнику Семакина И.Г.) 2 часа в неделю


Уроки 30 - 34
Основы сайтостроения (§§ 13 - 15)
Практическая работа 2.5. "Разработка сайта "Моя семья""
Практическая работа 2.6. "Разработка сайта "Животный мир""
Практическая работа 2.7. "Разработка сайта "Наш класс""



Содержание урока

Инструменты для разработки wеb-сайтов (§ 13)

Создание сайта «Домашняя страница» (§ 14)

Создание таблиц и списков на wеb-странице (§ 15)

Изменение свойств таблицы

Объединение ячеек

Изменение ширины столбцов

Создание списков

Вопросы и задания

Практическая работа № 2.5 Разработка сайта «Моя семья»

Практическая работа № 2.6 Разработка сайта «Животный мир»

Практическая работа № 2.7 Разработка сайта «Наш класс»


Создание таблиц и списков на wеb-странице (§ 15)


С помощью программы KompoZer добавим к нашему сайту еще две страницы: «Мое расписание уроков» и «Мои учителя». Для создания расписания уроков будем использовать таблицу, а для списка учителей — маркированный список.

Создание таблиц


Для создания простой таблицы необходимо выполнить следующие действия:

• выбрать пункт меню Таблица → Вставить → Таблица;
• выбрать вкладку Точная и задать количество строк и столбцов таблицы, ширину таблицы (либо в % от ширины окна, либо в пикселях), а также ширину рамки таблицы;
• выбрать вкладку Ячейка и задать тип выравнивая содержимого ячейки по горизонтали и вертикали, а также расстояние между ячейками и величину отступа от границы до содержимого ячейки.

Начнем создавать таблицу «Расписание уроков». В конечном варианте таблица должна будет выглядеть следующим образом:

image

Обратите внимание, что в таблице есть ячейки, которые разбиты на две части. В одной ячейке разбиение идет по горизонтали (ИЗО и Музыка) — это означает, что занятия по этому предмету проходят раз в две недели поочередно. В двух ячейках разбиение идет по вертикали (французский и английский языки), что означает деление класса на две группы и их параллельные занятия у разных преподавателей. Кроме того, первая строка и первый столбец таблицы выделены другим цветом.

Создание страницы начнем с определения глобальных настроек (см. предыдущий параграф) и задания заголовка страницы — «Мое расписание уроков».

Для начала создадим таблицу с простой структурой без деления ячеек, как уже было описано выше. Размер таблицы — 6 строк на 6 столбцов, ширина таблицы — 95% от ширины окна, ширина рам ки — 1, выравнивание по горизонтали — влево, по вертикали — по верху, отступы — по 2 пикселя.

В результате получим таблицу с примерно одинаковой шириной и высотой всех ячеек, выровненную по левой границе окна (рис. 2.14).

image

Следующая страница Изменение свойств таблицы









Наверх