«Использование Microsoft FrontPage 2003 для создания сайтов» - Лабораторная работа

Содержание

Создать сайт на тему «Автомобили»:

1. Получить допуск преподавателя к работе, согласовав с ним разработанные до начала лабораторного занятия тематику, структуру и содержание сайта.

2. Создать узел. В список папок добавить изображения (разместить в папке мой_узел)

3. Создать структуру сайта.

4. Разработать систему навигации: настройте общие границы, добавьте панели ссылок, настройте их свойства.

5. Оформить заголовочную область сайта, используя объявления, а также рисунки и прочие элементы.

6. Разметить страницы сайта, используя макетные либо обычные таблицы.

7. Заполнить страницы заранее подготовленными текстами, изображениями, таблицами. Добавить фотоколлекцию, гиперссылки, кнопки, бегущую строку, прочие элементы.

8. Добавить и настроить свойства формы обратной связи.

9. Отформатировать узел, настроив цвета элементов для страниц. Использовать темы.

10. Добавить динамические эффекты.

11. Проверить орфографию, оптимизировать HMTL-код и опубликовать узел в файловую систему.

Введение

На рисунке 2 представлено главное меню.

Домашняя страница имеет несколько дочерних. Те, в свою очередь, тоже имеет дочерние страницы. Эти страницы могут быть включены в общие меню (панели ссылок на основе структуры переходов), отображаемые на всех страницах сайта. На рисунке 3 присутствует Toyota Corolla. Там есть ссылка цвет: белый

Рисунок 3

На рисунке 4 изображена страница «Nissan Note» и краткая информация о них (с использованием таблицы стилей). На всех страницах сайта присутствуют одни и те же элементы: главное меню.

Рисунок 4

На рисунке 5 – цвет: красно-коричневый Nissan Note

.

Рисунок 5

На рисунке 6 – Toyota Avensis и информация о ней.

Рисунок 6

На рисунке 7 дочерняя страница страницы Toyota Avensis

Рисунок 7

Также использовались таблицы стилей. Для этого нужно создать новую страницу (не узел), используя один из шаблонов таблиц стилей. Выбрать меню «Файл/Создать», затем в появившейся справа панели выбрать пункт «Другие шаблоны страниц …», в появившемся окне выбрать закладку «Таблицы стилей», после чего выбрать один из шаблонов. При выборе обычной таблицы стилей будет создана пустая таблица стилей, в противном случае будет создан файл, содержащий стили.

После создания файла страницы, она должна быть сохранена в папке веб-узла, а затем связана с веб-страницей («Формат\Связи с таблицами стилей»)

Таким образом, данным способом стили могут быть легко применены к нескольким или даже всем страницам сайта.

При необходимости предлагаемые стили можно изменить. Для этого нужно открыть файл с таблицами стилей. Зайти в меню «Формат/Стиль» и переопределить стили для тэгов либо создать классы, как это описано ниже.

Выдержка из текста работы

Также стиль можно создать самим. Для этого нужно зайти в меню «Формат\Стиль» на странице таблицы стилей. Стили можно присваивать отдельным элементам HTML-разметки либо создавать пользовательские стили, которые в дальнейшем могут быть применены к выбранным элементам. Например, чтобы все ссылки по умолчанию были зеленые, нужно выбрать тег A, создать стиль, ввести имя, нажать кнопку «Формат», выбрать пункт «шрифт», в окне выбрать зеленый цвет. Чтобы настроить цвет фона, нужно нажать «Формат», выбрать пункт «Граница», перейти на закладку «Заливка». Здесь можно настроить цвет фона, цвет текста и фоновый рисунок. Если нужно, чтобы не все, а только некоторые ссылки были определенного цвета, нужно создать и настроить пользовательский стиль (класс). В окне «Стиль» будут представлены все созданные стили. В-дальнейшем, чтобы применить этот класс к гиперссылке, нужно зайти в «Свойства гиперссылки», перейти на закладку «Стиль» и выбрать соответствующий класс.

На последней странице сайта реализована функция обратной связи. Формы обратной связи используются для того, чтобы пользователь имел возможность прямо на сайте написать своё мнение, дать оценку и ответить на прочие вопросы, после чего отправить форму на сервер либо на почту администратора сайта.

Заключение

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

Примечания

К работе прилагается Web-разработка.