Уроки 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. "Проектные задания на разработку сайтов"

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

Практикум

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

Цель работы: создание таблиц и списков в программе KompoZer, использование графических изображений.

Задание
Уровень 2

Создать web-сайт «Наш класс», состоящий из трех страниц. Примерное содержание сайта дано ниже. Цвет фона страницы, цвета текста и гиперссылок подобрать самостоятельно (цвета по умолчанию использовать не разрешается).

Страница 1 (имя файла — index.htm)

Заголовок окна: Мой класс.

Заголовок страницы: Наш класс (шрифт Impact, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Текст страницы:

---

Мы рады приветствовать вас на сайте 6-го класса школы № 23 города Безымянска. Наша школа небольшая, и в классе учится всего 12 человек. Класс наш очень дружный. Мы часто собираемся вместе и ходим в походы, в кино, катаемся на велосипедах и роликах, а зимой — на лыжах и коньках. В нашем классе 5 человек учатся только на «хорошо» и «отлично».

Наш классный руководитель — Степанова Ирина Григорьевна. Она преподает у нас историю. Нам очень нравятся ее уроки. А еще мы все любим уроки физкультуры. В нашей школе большой спортивный зал.

---

Рисунок — файл class.jpg. Рисунок расположить ниже текста по центру страницы.

Гиперссылки (на страницу 2 и страницу 3).

Страница 2 (имя файла — mark.htm)

Заголовок окна: Успеваемость класса.

Заголовок страницы: Успеваемость класса за первое полугодие (шрифт — Impact, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Страница 3 (имя файла — teacher.htm)

Заголовок окна: Наши учителя.

Заголовок страницы: Наши учителя (шрифт — Impact, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).

Текст страницы (шрифт — Arial, размер — medium, выравнивание — по левой границе, использовать маркированный список):

• Степанова Ирина Григорьевна — история
• Грушина Галина Степановна — русский язык и литература
• Марков Сергей Иванович — физкультура
• Андреева Елена Леонидовна — математика
• Кононов Илья Андреевич — ОБЖ
• Рогова Ирина Олеговна — биология

Рисунок — teacher.gif. Обтекание рисунка текстом — справа

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