Цель урока: закрепить изученный материал по теме «Основы веб-конструирования»
Задания по теме урока
Если необходимо, скачайте файлы для заданий по ссылке (скачать).
Задание. Создайте фрагмент сайта «Замки Беларуси»
Страницы связаны гиперссылками. Для оформления сайта создайте и подключите к веб-страницам внешнюю таблицу стилей style.css.
Внешняя таблица стилей должна содержать описание следующих свойств:
- В качестве фона использовать изображение свитка из файла svitok.gif
- заголовок первого уровня: размер — 20 пикселей, выравнивание по центру; цвет текста — красный
- абзац: размер шрифта — 14 пикселей;
- таблица: 90% ширины окна, без границ;
- гиперссылка: размер шрифта 16 пикселей; оформление — без эффекта (т.е. удалить подчеркивание гиперссылки)
Фрагмент сайта содержит 5 страниц: главная страница (zamki.html) с изображениями и 4 зависимые страницы с описанием замков (1.html, 2.html, 3.html, 4.html).
Главная страница zamki.html:
- Заголовок первого уровня — Замки Беларуси
- Таблица — состоит из 4-х ячеек. В ячейках разместить картинки с замками и подписями.
- Создать гиперссылки для переходов со страницы zamki.html на соответствующую страницу.
Оформить страницы 1.html, 2.html, 3.html, 4.html в одном стиле:
- Заголовок первого уровня — название замка
- Изображение — фото замка. Установить ширину 80%, выравнивание по центру
- Абзац — описание замка
- Гиперссылки и изображения стрелок из соответствующих файлов
Домашнее задание
§ 11 учебного пособия, ответить на вопросы
Форма отправки файлов
Форма видна только зарегистрированным пользователям.