Практическое занятие № 10

Тема: Редактирование Web – документов.

Цель занятия: закрепить умения по созданию веб-документов.

Cоздайте средствами приложения Adobe Dreamweaver веб-сайт о Минском зоопарке.

Основные разделы сайта: О зоопарке, Фотогалерея, Контакты.

На рис. 1 и рис. 2 представлены логическая и физическая структура сайта соответственно. Макет домашней страницы сайта отображен на рис. 3.

 

РИС. 1. ЛОГИЧЕСКАЯ СТРУКТУРА САЙТА «МИНСКИИ ЗООПАРК»

 

РИС. 2. ФИЗИЧЕСКАЯ СТРУКТУРА САЙТА «МИНСКИЙ ЗООПАРК»

 

МИНСКИЙ ЗООПАРК

ГЛАВНАЯ

О ЗООПАРКЕ

ФОТОГАЛЕРЕЯ

КОНТАКТЫ

Минский зоопарк - уникальный музей живой природы, работает с 1364 года. В состав зоопарка входят как экзотические животные, так и редкие представители фауны Беларуси.

karta_small


 

 

РИС. 3. ПРИМЕР ДОМАШНЕЙ СТРАНИЦЫ САЙТА «МИНСКИЙ ЗООПАРК»

Скопируйте с диска Z: папку Файлы для сайтостроения/test-dw с необходимыми для выполнения задания материалами в вашу рабочую папку.

Создайте Главную страницу сайта и рабочие страницы (рис.2).

Пример страницы.

Добавьте в документ заголовок 1-го уровня Минский зоопарк.

После заголовка 1-го уровня создайте меню сайта с помощью таблицы со следующими параметрами :

число строк - 1, число столбцов - 4, ширина таблицы - 984 пиксела, толщина границы - О пикселов, отступ текста от границ ячеек (поля ячеек) - 10 пикселов, интервалы между ячейками - 2 пиксела; выравнивание таблицы на странице - по центру.

В ячейки таблицы введите названия основных разделов сайта: Главная, О зоопарке, Фотогалерея, Контакты. Превратите фрагменты текста в гиперссылки на соответствующие HTML-документы (см. рис. 2). Под таблицей вставьте горизонтальную линию со следующими параметрами: ширина - 980 пикселов, цвет - #00836С.          

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

число строк - 1, число столбцов - 1, ширина таблицы - 980 пикселов, толщина границы - 0 пикселов, отступ текста от границ ячеек (поля ячеек) - 0 пикселов, интервалы между ячейками - 0 пикселов; выравнивание таблицы на странице - по центру.

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

Под таблицей вставьте горизонтальную линию с теми же параметрами: ширина - 980 пикселов, цвет - #00836С.

Протестируйте документ в браузерах.

Покажите результат преподавателю.