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



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






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

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

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

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

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

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

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

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

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

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

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

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

Проект: разработка сайтов. Практическая работа 2.8. "Проектные задания на разработку сайтов"

Итоговое тестирование по теме "Интернет"


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


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


Если возникает необходимость изменить некоторые свойства уже существующей таблицы, то нужно:

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

Изменим способ выравнивания нашей таблицы. Для этого выберем указанный выше пункт меню и с помощью вкладки Таблица изменим тип выравнивания таблицы на значение — по центру.

Выделение ячеек таблицы


Если необходимо изменить свойства не всей таблицы целиком, а ее отдельных ячеек (строк или столбцов), то сначала надо выделить нужные ячейки. Для выделения используются следующие способы:

1) выделить с помощью мыши первую ячейку диапазона, а затем при нажатой клавише Ctrl щелкать по остальным ячейкам диапазона;
2) выделить с помощью мыши первую ячейку диапазона, а затем при нажатой клавише Shift щелкнуть по последней ячейке диапазона (в том случае, если нужно выделить подряд идущие ячейки);
3) установить курсор в любое место таблицы и щелкнуть по нужной строке или столбцу в линейке настройки таблицы (см. рис. 2.15).

image

Теперь рассмотрим вопрос о разбиении и объединении ячеек. Дело в том, что в HTML-редакторах нет возможности разбиения уже существующей ячейки. Есть только возможность объединения строк и столбцов.

Рассмотрим пример. Пусть мы хотим создать таблицу с приведенной ниже структурой (рис. 2.16).

image

Для этого мы должны создать структуру таблицы из трех (а не из двух) строк, а затем объединить нужные строки в первом и третьем столбцах. Аналогично нужно действовать и при необходимости объединения столбцов.

Следующая страница Объединение ячеек








Наверх