Программные средства разработки Web-страниц и презентаций: Методические указания к выполнению лабораторных работ, страница 13

11. Отцентрировать текст. Добавить ниже слова «Напишите мне!» и оформить их как гиперссылку на почтовый адрес: выделить текст, в левой части окна команды Вставка|Гиперссылка щелкнуть на группе Связать с: электронной почтой, а затем ввести в строку Адрес эл. почты свой почтовый адрес или адрес, указанный преподавателем (перед адресом автоматически добавляется ключевое слово mailto: например, mailto: s11@engec.ru). Нажать ОК.

12. В верхнюю строку таблицы поместить графическую кнопку для перехода в начало страницы:

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

·  Ориентировать рисунок таким образом, чтобы стрелка указывала наверх, для этого выделить рисунок, а затем нажать кнопку Повернуть влево  или Повернуть вправо  панели инструментов Рисунки.

·  Поместить в начало страницы закладку. Для этого добавить перед стрелкой несколько пустых строк, установить курсор в первую строку и выполнить команду Вставка|Закладка. В окне команды Закладка ввести имя закладки verh и нажать OK. Вставленная закладка отображается в виде значка флага .

·  Проверить работу закладки: установить курсор в низ страницы, в окне команды Вставка|Закладка выбрать закладку verh и нажать кнопку Перейти. Курсор должен переместиться на значок закладки.

·  Оформить рисунок со стрелкой как ссылку на созданную закладку. Выделить рисунок стрелки и выполнить команду Вставка|Гиперссылка. В левой части окне команды щелкнуть на группе Связать с: местом в документе, а затем выбрать мышью имя закладки verh и нажать OK.

·  Сохранить страницу и проверить действие ссылки в режиме Просмотр.

·  Добавить к рисунку стрелки текстовую подсказку. Для этого щелкнуть на стрелке правой кнопкой мыши и выбрать команду Свойства рисунка. В окне команды перейти на вкладку Общие и в группе Альтернативное представление в строке Текст ввести текст «наверх».

·  Сохранить страницу и просмотреть ее в режиме Просмотр. При наведении мышки на стрелку появляется подсказка.

13. Под таблицей указать дату последнего изменения страницы:

·  Набрать текст Дата последнего обновления, задать выравнивание текста (по правому краю), формат (мелкий, курсив).

·  После текста вставить дату, выполнив команду Вставка|Дата и время, в окне команды установить переключатель в позицию дату последнего изменения страницы, нажать ОК.

Задание 2. Создать структуру web-узла с помощью фреймов.

14. Создать на основе страницы-шаблона шаблон.htm четыре новые страницы, используя команду Файл|Сохранить как, либо выполнить команду Файл|Создать и щелкнуть на ссылке Создать страницу Из имеющейся страницы, в окне команды Создание из имеющейся страницы дважды щелкнуть мышью на файле шаблон.htm – новая страница создана. Сохранить файл новой страницы под нужным именем, указать название (кнопка Изменить в строке Название окна сохранения файла):

страница с названием «Главная» – файл main.htm, страница с названием «Карта» – файл carta.htm, страница с названием «Расчет» – файл calc.htm, страница с названием «Написать» – файл form.htm.

15. Чтобы различать страницы после создания следует отредактировать их текст – набрать название страницы в верхней ячейке таблицы сразу после значка закладки, отформатировать шрифт (крупный, жирный, выделение цветом).

16. Создать страницу с общим заголовком web-узла:

·  создать новую страницу «Заголовок» в файле zagolovok.htm без использования шаблона (Файл|Создать|Пустая страница).

·  Задать фоновый цвет новой страницы, сочетающийся с фоном шаблона – команда Формат|Фон, выпадающий список Фон в группе Цвета, ссылка Другие цвета.

17. Вставить на страницу «Заголовок» графический заголовок с текстом:

·  В первую строку страницы вставить рисунок из группы «бордюр» коллекции клипов (для отбора бордюров ввести в строку поиска по коллекции клипов слово «бордюр», затем нажать кнопку Начать).

·  Отцентрировать рисунок.