Практическое занятие №6 Тема: Разработка Web-сайта с помощью программного средства

Microsoft FrontPage

Время проведения: 2 часа

Программное обеспечение: OS Windows, Internet, Microsoft FrontPage.

Цель работы: освоение программных средств создания Web-сайта.

Методика выполнения работы:

Сегодня, путешествуя по Internet, можно найти много очень хорошо выполненных сайтов, которые быстро загружаются, привлекательны на вид, имеют четко разграниченную по разделам информацию и удобные функции навигации. Такие сайты просто приглашают вас посетить их, задержаться на некоторое время, развлечься и узнать что-то новое.

Многие Web-мастера не тратят время на то, чтобы продумать информационный поток, а ограничиваются только размещением текста и изображений на странице. Самые лучшие Web-сайты - это те, которые привлекательно выглядят, емко выражают основную идею и не заставляют пользователей ждать получения информации на их экранах слишком долго. Вот несколько советов по созданию успешного сайта:

1.Четко сформулируйте назначение вашего сайта. Каковы ваши цели.

2.Обязательно думайте о своей аудитории. Кто будет основной (и вторичной) аудиторией вашего сайта? Какого они возраста? Чем они занимаются? Сколько времени они проводят на вашем сайте?

3. Используйте быстро загружаемые элементы.

4. Сделайте ваш сайт визуально привлекательным.

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

3. Предусмотрите на сайте кнопки навигации, то есть постарайтесь максимально упростить перемещение по вашему сайту.

4. Тщательно протестируйте свой сайт в разных браузерах (обозревателях Web-страниц).

Запуск Microsoft FrontPage

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

2.Выберите программу Microsoft FrontPage. 3.Появится окно приблизительно следующего вида Рис. 1. Окно программы MicrosoftFrontPage

4. Для выхода из программы войдите в группу Файл меню команд и выберите команду Выход или нажмите кнопку х в правом верхнем углу окна программы.

Основные теоретические сведения о программе MicrosoftFrontPage

1. Окно программы MicrosoftFrontPage (Рис. 1).

В верхней части окна располагаются название документа, строка меню и две панели инструментов: Стандартнаяи Форматирование. В нижней части окна располагается строка состояния, содержащая справочную информацию.

Основная часть окна может состоять из трех частей: панели Вид (пе­реключение режима), панели Список файлов и Рабочей области, вид которой зависит от выбранного пункта в панели Вид. При отсутствии панелей Вид и Список файлов, Рабочая область занимает всю основную часть окна.

2. Любой документ HTML имеет название. По названию документа HTML другие обозреватели могут найти информацию. Место для названия всегда определено - оно находится вверху окна программы и отдельно от содержимого документа. Максимальная длина названия - 40 символов.

3.Все наборы команд и опций, использующиеся в процессе работы с программой, содержатся в строке меню: Файл, Правка, Вид, Вставка, Формат, Сервис, Таблица, Рамки, Окно, Справка. Пункты меню орга­низованы в функционально однородные группы и распределены по панелям падающих меню в удобном для работы порядке. Идея работы с меню программы MicrosoftFrontPage во многом аналогична работе с меню других программ пакета MicrosoftOffice. Группа Файл.

• Создать (новый) - вызывает меню: Страница или веб-узел.

Меню Шаблоны Страниц. Вызывает окно Новое с тремя вкладками: Общие, Страница Рамок и Таблицы стилей, в которых выбирается шаблон или мастер создания страницы, рамки или стиля.

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

Вкладка Страница Рамок содержит шаблоны рамок, которые также можно предварительно просмотреть. Рамки позволяют разбивать страницы на прямоугольные области, в каждой из которых отображается своя собственная страница.

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

Меню Веб-узлы. Вызывает окно Новое и во вкладке Web-сайты выбирается шаблон сайта или мастер создания сайта, а также место, куда он будет помещен (сервер или жесткий диск). Шаблоны и мастера: Одностраничный веб-узел. Сайт состоит из одной чистой страницы, которая открывается в редакторе;

Веб-узел проекта. Сайты этого рода помогают в управлении проектами. В них входят обычно список участников, состояние проекта, расписание его и прочая подобная информация.

- Веб-узел технической поддержки. Этот шаблон строит каркас сайта онлайновой службы поддержки ваших клиентов;

Мастер создания рабочей группы. Этот мастер предназначен для построения делового сайта. Он задает ряд вопросов и генерирует в соответствии с ответами изрядное количество разнообразных страниц, необходимых для всестороннего освещения вашего бизнеса;

Мастер веб-обсуждения. Этот мастер служит для создания полноценного сайта дискуссионного форума - с поддержкой потоков, с оглавлением и полнотекстовым поиском;Пустой веб-узел. Это просто шаблон пустого сайта. Как правило, одностраничный сайт более полезен, нежели пустой; Мастер веб-импорта. Этот мастер служит для создания сайта из готовых файлов и размещения его на сервере или диске;

Личный веб-узел. Этот шаблон создает персональный Web-сайт, который вы можете заполнить разнообразной информацией о себе, поместив на нем, например, свои профессиональные данные, биографическую информацию, рассказ о своих интересах и тому подобное;

Открыть - вызывает диалоговое окно, позволяющее открыть страницы Web.

• Закрыть — закрывает текущий документ

• Открыть сайт - вызывает диалоговое окно, позволяющее от крыть Web-сайт.

• Сохранить - сохраняет активный документ под текущим именем.

• Сохранить как - сохраняет документ под новым именем.

• Просмотр в обозревателе - позволяет просмотреть создаваемый документ Web в выбранном браузере (обозревателе) например, в MicrosoftInternetExplorer.

Также здесь присутствуют ссылки, позволяющие открыть наиболее часто используемые документы, предварительно просмотреть документ, отправить на печать.

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

Группа Вид. Позволяет просматривать и работать с Web документом в различных режимах. Большинство пунктов этой группы выведено в панель Вид основной части окна программы (Рис.1).

• Страница - просмотр и редактирование выбранной страницы. В этом режиме внизу Рабочей области присутствую три вкладки: Обычный (режим редактирования в обычном виде), HTML(режим редактирования в кодах HTML) и Просмотр (режим просмотра документа).

• Папки - управление файлами и папками.

• Отчеты - анализ сайта и управление его содержимым.

• Переходы — дизайн структуры навигации по сайту.

• Гиперссылки - просмотр гиперссылок на и с любой страницы!.

• Задачи - создание и управление заданиями.

• Панель представлений - включает и отключает панель Вид.

• Список папок - включает и отключает панель Список файлов, расположенную в основной части окна программы (Рис.1).

Группа Вставка. Пункты данного меню позволяют вставить одноименные объекты в документ (прерыватель, горизонтальную строку, компоненты, формы, рисунки и т.д.).

Группа Формат. Позволяет настроить параметры шрифта, абзаца, списка, фона, выбрать тему, стиль или удалить оформление.

Группа Сервис. Позволят проверить орфографию, настроить саму программу. Группа Таблица. Это меню позволяет строить таблицы различной конфигурации и изменять свойства, как всей таблицы, так и отдельно строк, столбцов и ячеек.

Группа Рамки. Позволяет работать с рамками.

Группа Окно. Незаменимо при работе с несколькими документами. Оно позволяет располагать окна, содержащие документы в нужном вам порядке и переходить между ними.

Группа Справка. Позволяет обратиться к справочной системе, расположенной на вашем компьютере или в сети.

4. Панель инструментов Стандартная. Данная панель инструментов предоставляет доступ к пунктам меню Файл: создать, открыть, сохранить, печать, предварительный просмотр, проверка орфографии; меню Правка: вырезать, копировать, вставить, отменить, повторить; меню Вставка: веб-компоненты: таблица, изображение, файл; меню Вид: назад, вперед, обновить, стоп. А также позволяет создать или изменить гиперссылку и обратиться к справочной службе.

5. Панель инструментов Форматирование.

Она содержит:

• раскрывающийся список Изменение стиля, позволяющий выбрать стиль оформления абзаца (соответствующий стандартным функциональным элементам HTML);

• раскрывающийся список Изменение шрифта, позволяющий выбрать гарнитуру шрифта (наличие такого же шрифта в ходе просмотра документа через Интернет не гарантируется);

• кнопки выбора начертания;

• кнопки выбора выравнивания текста;

• кнопки создания маркированных (неупорядоченных) и нумерованных (упорядоченных) списков;

• кнопки задания отступа текста (на основе некорректного использования элементов HTML);

• кнопки задания подсветки и цвета шрифта.

Предоставляет возможность быстро изменить параметры текста: задать нужный стиль, изменить тип шрифта, увеличить или уменьшить размер, изменить вид написания, цвет, выровнять текст, создать номерованные или маркированные списки, увеличить или уменьшить отступ абзаца. Дополнительные элементы форматирования, не вынесенные на панель инструмента, задаются в отдельных диалоговых окнах. Их можно открыть, например, с помощью команд Формат > Шрифт.