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

1. Оформите нижеприведенный текст в виде маркированного списка:

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

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

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

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

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

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

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

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

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

2. Выделите указанный текст. Выберите команду основного меню Формат / Список. В окне диалога Свойства списка для создания маркированного списка перейдите на вкладку Маркированный,выберите один из типов маркированного списка, нажмите кнопку ОК.

3. Вставьте после текста горизонтальную разделительную линию и установите следующие параметры разделительной линии: ширина – 80%, высота – 2 пикселя, выравнивание – по центру, цвет – темно-синий.

2.5. Вставка бегущей строки

Задание 6

1. Вставьте пустую строку ниже строки Учебник по Web-дизайну. Выберите команду основного меню Вставка / Веб-компонент (*Вставка / Бегущая строка*). В открывшемся окне Вставка компонента веб-узла выберите в поле Тип компонента – Динамические эффекты в поле Выберите эффект – Бегущая строка. Нажмите кнопку Готово. В окне Свойства бегущей строки установите следующие  параметры:

·   в строке Текствведите следующую фразу Вас приветствует FrontPage;

·   в области Направлениезадайте направление бегущей строки справа налево;

·   в области Поведение – характер движения бегущей строки Прокрутка;

·   установите переключатель Ширина и Высотаи укажите размеры поля бегущей строки – 600 пикселей по ширине и 30 пикселей по высоте;

·   установите переключатель Непрерывно,чтобы бегущая строка повторялась постоянно;

·   в списке Цвет фонаукажите цвет фона для бегущей строки Желтый / OK.

2. Щелчком мыши выделите бегущую строку. Используя команду основного меню Формат / Шрифтилисоответствующие инструменты на панели Форматирование, установите следующие параметры для бегущей строки:

·   тип шрифта – CourierNew;

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

·   цвет – Малиновый;

·   начертание – полужирное / ОК.

2.6. Сохранение Web-страницы

задание 7

Выберите команду основного меню Файл / Сохранить как... В окне Сохранить как нажмите кнопку <Как файл…>. Сохраните страницу под именем Учебник в файле Учебник.htm в папке Web.

результат выполнения задания приведен на рис. 32.

Рис. 32. Страница Учебник.htm

2.7. Работа с графическими изображениями

Задание 8

1. Создайте новую Web-страницу с помощью меню Файл / Создать на основе стандартного шаблона Пустая страница (*Обычная страница*).Установите следующие параметры Web-страницы:

·  цвет фона страницы – Белый;

·  цвет текста – темно-синий;

·  тип шрифта по умолчанию для страницы – TimesNewRoman.

2. Введите следующий текст:

Графические изображения в MSFrontPage

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

MSFrontPage позволяет:

·  вставлять изображения из стандартной библиотечки ClipArt или из файла;

·  масштабировать изображения;

·  преобразовывать изображения в гиперссылки.

Предлагаем ознакомиться с некоторыми экземплярами коллекции ClipArt.

3. Оформите указанные строки в виде маркированного списка. Оформите стиль первого абзаца как Заголовок 4,выравнивание – по центру. Вставьте после первой строки и после всего введенного текста горизонтальную разделительную линию и установите следующие параметры разделительных линий: ширина – 90%, высота – 3 пикселя, выравнивание – по центру, цвет – темно-синий.

Задание 9

1. Установите курсор после второй горизонтальной линии.