Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Информатика 1 курс / метод указания / ОСНОВЫ РАБОТЫ С РЕДАКТОРОМ WEB-СТРАНИЦ FrontPage Express. Метод. указ. к лаб. работе.doc
Скачиваний:
64
Добавлен:
08.06.2015
Размер:
109.57 Кб
Скачать

Вставка гиперссылки

Большинство Web-документов содержат гипертекстовые ссылки или просто гиперссылки. Гиперссылкой может стать любой фрагмент видимого содержимого Web-страницы: и текст, и графическое изображение. Для этого применяется тэг <a> со своим закрывающим двойником </a>.

Гиперссылки принято разделять на глобальные и локальные. Глобальные гиперссылки указывают на интернет - ресурсы, размещённые вне исходной web-страницы, а локальные – на некоторые ресурсы размещённые на текущей странице. Их часто используют в тех случаях, когда страница содержит достаточно большой объём информации, который не умещается полностью в окне просмотра. Например, текстовый документ, разбитый на разделы. При этом в начале этого документа можно создать оглавление, действующее на основе гиперссылок, каждая из которых будет указывать на какой либо раздел документа. Тогда при просмотре Web-страницы через браузер перемещаться по документу можно с использованием гиперссылок, а не только используя вертикальную полосу прокрутки, что, несомненно, облегчает навигацию.

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

В редакторе Web-страниц FrontPage Express метку, на которую будет указывать гиперссылка, можно установить с помощью команды Правка/Закладка…. Название закладки вводится в соответствующее поле открывшегося диалогового окна. При этом необходимо учитывать, что браузер не делает различий между строчными и прописными буквами. После нажатия кнопки ОК на редактируемой странице в месте нахождения курсора появляется значок закладки.

Для создания гиперссылки надо выделить фрагмент текста, который используется как ссылка, и дать команду Вставка/ Гиперссылка или нажать соответствующую кнопку на Стандартной панели инструментов. В открывшемся диалоговом окне Создать гиперссылку выбирают вкладку Открыть страницы для создания ссылки на определенный фрагмент своей страницы (закладку). В поле Закладка указывается название закладки, на которую делается ссылка, затем нажимается кнопка ОК.

Созданная гиперссылка отображается в окне программы FrontPage Express так же, как и в окне браузера: синим цветом и подчеркиванием. Чтобы проверить работоспособность ссылки, следует щелкнуть по ней правой кнопкой мыши и выбрать в контекстном меню команду Перейти по ссылке. В редакторе FrontPage Express результатом перехода будет выделение значка закладки активизированной ссылки.

!! Вставьте закладку под названием з1 на свою "фамилию".

!! Сделайте гиперссылку со слова "студент" на "фамилию".

!! Проверьте работоспособность ссылки.

Форматирование

Форматирование документа HTML в редакторе FrontPage Express осуществляется в основном с помощью средств панели инструментов Форматирование. Эта панель похожа на аналогичную панель программы Word, но следует помнить, что реальное редактирование осуществляется путем вставки в текст тегов HTML, количество которых весьма ограничено.

Операции изменения шрифта применяются к выделенному фрагменту текста. Параметры шрифта можно задать в диалоговом окне Шрифт, которое открывается при выборе пункта меню Формат/Шрифт.... Данное окно включает две вкладки: Шрифт и Специальные стили. В нижней части вкладок в поле Образец приводится пример текста в соответствии с заданными параметрами шрифта.

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

  • Шрифт– содержит список типов шрифтов (гарнитуры);

  • Начертание– позволяет установить вид изображения символа;

  • Размер– устанавливает величину символа;

  • Цвет– раскрывающийся список, содержащий варианты цвета отображения текста;

  • Эффекты– панель, позволяющая задать нестандартные эффекты оформления текста;

!! Поменяйте параметры шрифта набранных слов:

  • фамилия: шрифт Albertus Extra Bold, начертание полужирный, размер 6 (24 пт), цвет сиреневый;

  • имя: шрифт Arial, начертание полужирный курсив, размер 5 (18 пт), цвет розовый;

Вкладка Специальные стили содержит:

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

  • раскрывающийся список Позиция по вертикали, задающий смещение выделенного текста относительно опорной линии вверх или вниз на величину, указанную в счетчике на;

После задания всех параметров необходимо нажать кнопку ОК. Для облегчения работы некоторые наиболее часто употребляемые команды вынесены в виде кнопок на панель инструментов Форматирование.

Диалоговое окно Шрифт также можно вызвать с помощью мыши, щелкнув правой кнопкой на выделенном слове.

Редактор Web-страниц FrontPage Express включает в себя средства настройки фона страницы. Изменение фона страницы осуществляется в окне Свойства страницы, которое вызывается выбором пункта меню Формат/Фон... или пункта контекстного меню Свойства страницы…. Для этого на вкладке Фон требуется из раскрывающегося списка Фон выбрать желаемый цвет.

!! Поменяйте фон страницы.

При выборе пункта меню Формат/Список... открывается диалоговое окно Свойства списка. Данное окно включает две вкладки: Маркированный и Нумерованный.

  • вкладка Маркированный содержит возможные стили оформления списка без его нумерации;

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

!! Создайте любой список, внеся в него номер группы и название вуза.

При выборе пункта меню Формат/Удалить оформление для выделенного фрагмента отменяются все примененные ранее стили.

!! Отмените оформление текста, затем верните документу прежний вид ( команда Правка/Отменить свойства шрифта).

Дополнительные объекты вставляются в редактируемый документ при помощи одного из пунктов меню Вставка. Например, для вставки изображения используется команда Вставка/ Изображение. В открывшемся диалоговом окне Изображение с помощью переключателя Из файла и кнопки Обзор осуществляется импорт требуемого изображения. При этом программа автоматически преобразовывает форматы файлов, приведенные в списке Тип файлов в форматы GIF и JPEG.

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

!! Вставьте в документ любой рисунок с расширением .jpg из папки Мои документы.

!! Вставьте в документ горизонтальную линейку.

Редактор Web-страниц FrontPage Express включает в себя специальные средства для создания таблиц. Меню Таблица содержит пункты, с помощью которых можно вставить таблицу в документ, изменить ее размеры, осуществить выделение элементов и всей таблицы, задать свойства.

!! Вставьте в документ таблицу 2×2, измените число строк на 3 и число столбцов на 4. Удалите таблицу. Обратите внимание на специфику её отображения.

В пункте меню Окно можно выбрать взаимное расположение окна программы и окон документов.

!! Создайте ещё одну новую страницу, не закрывая окна с текущим документо. Затем последовательно попробуйте применить каждый пункт меню Окно.

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

Например, для внесения элементов в поле формы Открывающееся меню необходимо:

1) щелкнуть по нему два раза левой кнопкой мыши;

2) в открывшемся диалоговом окне Свойства открывающегося меню нажать кнопку Добавить;

  • в открывшемся диалоговом окне Добавить вариант заполнить поле Вариант;

  • установить переключатель Начальное состояние в положение Не выбрано;

  • нажать кнопку OK.

Действия п.2 необходимо повторять до тех пор, пока в список не будут внесены все элементы;

  1. после окончания формирования списка необходимо в окне Свойства открывающегося меню установить следующие параметры: Высота – 1, Разрешен выбор нескольких элементов – переключатель Нет;

  2. нажать кнопку OK.

!! Вставьте в новый документ поля с панели Поля формы.

Соседние файлы в папке метод указания