Создание и редактирование документа

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

В качестве основного средства форматирования используется Панель инструментов форматирования. Она содержит:

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

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

• кнопки увеличения и уменьшения размера текста (в относительных единицахHTML);

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

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

(с помощью атрибута AUGN= в теге абзаца < Р>);

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

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

Ход работы.

Упражнение 1.

Создание Web-документа с помощью редактора FrontPage Express

1. Запустите программу FrontPage Express

(Пуск > Программы >Стандартные > Сред­ства Интернета > FrontPage Express).

1. Введите в программе FrontPage Express произвольный текст документа.

1. С помощью панели инструментов форматирования отформатируйте текст по собственному усмотрению.

2. Для создания таблицы щелкните на кнопке «Вставить таблицу» на стандартной панели инструментов.

3. Для добавления иллюстраций используйте кнопку «Вставить изображение» на стандартной панели инструментов. Иллюстрации возьмите из папки C:\Windows.

4. Дайте команду Файл > Сохранить, щелкните на кнопке «Как файл» и задайте имя файла wysiwyg.htm. Подтвердите сохранение изображений, требующих преобра­зования формата.

1. Запустите обозреватель

Internet Explorer (Пуск > Программы > Internet Explorer).

5. Дайте команду Файл > Открыть. Щелкните на кнопке «Обзор» и откройте файл wysiwyg.htm

6. Убедитесь, что созданный документ правильно отображается обозревателем. Обратите внимание на наличие отличий вида документа при отображении в обозревателе и в программе FrontPage Express.

10. Измените ширину окна обозревателя и посмотрите, как при этом меняется вид документа.

11. Вернитесь в программу FrontPage Express и дайте команду Вид > HTML

12. Изучите автоматически сгенерированный код HTML, определите, как с помощью тегов HTML реализованы использованные команды форматирования.

13. Оцените качество получившегося кода HTML

Вид страницы в программе Front Page 2003

Рис.4

Вид страницы в обозревателе Internet Explorer

Рис.5

Контрольные вопросы.

1. Как с помощью FrontPage Express форматируют текст документа, создают таблицы и встав­ляют изображения.

2. Перечислить основные приемы разметки гипертекста.

3. Поддерживает Front Page создание фреймов?

4. Отличается ли документ HTML созданный в Front Page, от документа созданного в ручную? Оба эти документа построены по одним и тем же правилам, или нет?

5. Что такое «автоматически сгенерированный код HTML»?