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

<br>

40.  Аналогично предыдущему пункту сделать графический значок в последнем столбце таблицы ссылкой на страницу с описанием приложения FrontPage. Файл страницы с описанием FrontPage находится в папке C:\ProgramFiles\MicrosoftOffice\Office11\1049 и носит названия fpreadme.htm:

·  Скопировать файл fpreadme.htm в свою рабочую папку.

·  В коде HTML найти тэг ячейки таблицы с описанием FrontPage.

·  Заключить тэг IMG, находящийся в ячейке, в тэг гиперссылки А.

·  Проверить работу ссылки.

·  При использовании рисунка в качестве указателя гиперссылки он автоматически выделяется рамкой.

41. Создать ссылку на сайт Инжэкона, доступный из Интранет-сети университета (не требующий подключения к Интернет):

·  В коде HTML найти фрагмент с описанием рисунка, расположенного в начале страницы.

·  Заключить тэг IMG, описывающий рисунок, в тэг гиперссылки А. В качестве значения параметра HREF тэга А задать URL-адрес сайта Инжэкона: http://www.engec.ru

·  Указать, что ссылка на внешний сайт открываются в новом окне браузера. Для этого добавить в тэг A параметр TARGET со значением _blank (Внимание! Значение _blank начинается со знака подчеркивания).

·  Проверить работу ссылки.

42. В конце страницы создать ссылку на ее начало:

·  В начале страницы внутри абзаца с текстом заголовка создать метку. Для этого вставить тэг A с параметром NAME и именем метки. Назвать метку topstr. Тело тэга A оставить пустым:

<a name=”topstr”></a>

·  В коде страницы содержатся три строки с текстом «К началу страницы». Найти одну из этик строк. Заключить текст в тэг A, в качестве значения параметра HREF указать имя метки, предваренное знаком #:

<ahref=”#topstr”>К началу страницы</a>

·  Проверить действие гиперссылки в браузере.

·  Оформить остальные строки с текстом «К началу страницы» в виде ссылок на метку topstr.

Задание 4.Задать стилевое оформление страницы «Мой офис».

43.  Задать для абзацев основного текста выравнивания текста «по ширине страницы»:

·  Найти в коде HTML тэг BLOCKQUOTE, содержащий основной текст.

·  В тэг BLOCKQUOTE добавить параметр STYLE с описанием стиля, содержащим название свойства стиля – выравнивание (text-align) и его значение – по ширине (justify), в описании стиля свойство и значение указываются через двоеточие:

<blockquote style=”text-align:justify”>

44.  Задать для абзаца «Microsoft Office Word 2007 с новым интерфейсом …» выравнивание по ширине и красную строку с отступом 30 пикселей (точек):

·  Найти в коде HTML тэг P, содержащий текст нужного абзаца.

·  Задать для тэга P параметр STYLE с тем же описанием стиля, что и для тэга BLOCKQUOTE (параметр можно скопировать).

·  Добавить описание в стиль абзаца описание красной строки (свойство text-indent, значение – размер отступа): в описании стиля перед закрывающей двойной кавычкой поставить точку с запятой, а затем записать новое свойство стиля:

<p style=”text-align:justify;text-indent:30”>

45.  Для всех ячеек таблицы задать горизонтальное выравнивание по центру ячейки:

·  В раздел страницы HEAD (после открывающего, но перед закрывающим тэгом HEAD) добавить описание внедренной таблицы стилей:

<style type=”text/css”>

<!--

-->

</style>

·  Внутри таблицы стилей (после <!--, но перед -->) вставить описание стиля выравнивания для селектора TD (тэг ячейки таблицы). Название свойства выравнивания – text-align, значение – по центру (center):

TD {text-align:center}

46. Задать выравнивание по центру, увеличенный размер шрифта (свойство font-size) и выделением цветом (свойство color) для всех логических элементов страницы «Мой офис», выделенных как заголовки (абзац заголовка страницы и заголовок таблицы). Для таких элементов был задан класс с именем zagolovok. Поэтому в качестве селектора стиля будет указано имя класса в ведущей точкой. Различные свойства стиля разделяются точкой с запятой. Добавить в таблицу стиля описание:

.zagolovok {text-align:center;

            font-size:150%;