Современное информационное пространство. Создание Web-документа с помощью языка HTML. Основные теги документа HTML, страница 13

2. В приложении Блокнот в документе Форма.html отредактируйте тег <FORM> следующим образом:

<FORM METOD=POST ACTION=mailto:"332m5@uch.btu">

332m5@uch.btu – электронный адрес ПК, за которым Вы работаете.

3. Сохраните изменения. Просмотрите форму в браузере. Заполните форму. Нажмите кнопку ОТПРАВИТЬ. Откройте приложение OutlookExpress и просмотрите полученное на Ваш адрес сообщение.

Лабораторная работа 2

Создание Web-страницы с помощью редактора FrontPagе[1]

2.1. Создание Web-страницы на основании

стандартных шаблонов

задание 1

1. В личной папке создайте папку Web.

2. На панели задач нажмите кнопку Пуск. Выберите пункт меню Программы / MicrosoftFrontPage (*Программы / Стандартные / Средства Интернета / MicrosoftFrontPageExpress*). Запустится FrontPage и откроется пустая страница, готовая для редактирования.

3. Установите параметры Web-страницы. Для этого вызовите контекстное меню страницы и выберите пункт Свойствастраницы... В открывшемся окне Свойства страницыустановите следующие параметры:

·  на вкладке Форматирование (*Фон*) установите цвет фона –голубой, цвет текста – черный, цвет гиперссылок – синий,цвет посещенных гиперссылок – пурпурныйицвет активных гиперссылок – красный;

·  на вкладке Язык (*Общие*) установите: сохранить документ, используя кириллица (*кодировка HTML для отображения и для сохранения Кириллица*).

4. Выберите пункт меню Формат / Шрифт, в открывшемся окне Шрифт установите тип шрифта по умолчанию для страницы TimesNewRoman / OK.

Задание 2

1. Введите текст заголовка Учебник по Web-дизайну.

Нажмитекнопку Enter.

2. Ниже введите следующий текст, после каждого абзаца нажимая кнопкуEnter:

Редактор визуального проектирования Web-страниц FrontPage.

Краткая характеристика.

Создание новой Web-страницы.

Открытие Web-страницы.

Режимы просмотра.

Настройка общих параметров Web-страницы: заголовок, цвет фона, фоновый рисунок, цвет текста, цвет гиперссылок, отступы от границы листа.

Ввод и форматирование текста.

Создание и форматирование таблиц.

Графические изображения: коллекция ClipArt, основные операции работы с графикой.

Гиперссылки.

2.2. Вставка горизонтальной разделительной линии

задание 3

1. Поместите курсор в конец строки Учебник по Web-дизайну. Выберите команду основного меню Вставка / Горизонтальная линия.

2. Выделите линию щелчком мыши. Выберите команду основного меню Формат / Свойствагоризонтальной линии(*Правка / Свойствагоризонтальной линии*) или используйте контекстное меню линии пункт Свойствагоризонтальной линии.

3. В открывшемся окне Свойства горизонтальной линии установите следующие параметры линии:

·   в поле Ширинаукажите ширину линии – 95%(переключатель В процентах от ширины экрана);

·   в поле Высотаукажите высоту линии – 3 пикселя (*точки*);

·   в поле Выравнивание установите выравнивание по центру переключатель По центру*;

·   в списке Цветустановите цвет Желтый / ОК.

4. В окне Изменение стиля нажмите кнопку ОК и затем – еще раз ОК в окне Свойства горизонтальной линии.

2.3. Форматирование текста

задание 4

1. Выделите текст Редактор … FrontPage. Присвойте ему стиль абзаца Заголовок 4 и выравнивание текста по центру, используя кнопки Стиль  и По центру  на панели инструментов Форматирование.

2. Изучите приемы форматирования шрифта. Для этого выделите строку Редактор … FrontPage. Выберите команду основного меню Формат / Шрифт или используйте контекстное меню выделенного текста, пункт Свойства шрифта.

3. В окне Шрифт установите следующие параметры:

·   в поле Шрифт – тип шрифта ArialCyr;

·   вполе Начертание – начертание полужирный;

·   в поле Размер – размер 14 пунктов;

·   в списке Цвет – цвет темно-синий/ OK.

4. Отформатируйте заголовок Учебник по Web-дизайну. Присвойте ему стиль абзаца Заголовок 1 и выравнивание текста по центру.

2.4. Создание списков

задание 5