 |
Порядок выполнения задания №2
|
|
|
|
1. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTMLкода].
2. После тега <H3>Царская башня</H3> запишите
<A HREF="carsk.jpg"><IMG SRC="carsk.gif" WIDTH="30" HEIGHT="75"></A>
2. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].
3. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница.
4. Выполните переход с маленького рисунка Царской башни на ее крупную фотографию.
Задание №3
Выполните вставку метки для того чтобы находясь в конце страницы, перемещаться в ее начало.
Порядок выполнения задания №3
1. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTMLкода].
2. Атрибуту NAME тэга <A> присвоите определенное значение (имя метки):
<A NAME="top"></A>
3. Поместите указатель ссылки на метку в конец страницы. Для этого атрибуту HREF тэга <A> присвойте значение имя метки:
<A HREF="#top">На начало страницы</A>
4. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].
5. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница.
6. Проверьте выполнение перехода с конца страницы, в ее начало.
Задание №4
Выполните переключение на якорь по гиперссылке и с другой Web-страницы.
Порядок выполнения задания №4
1. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTMLкода].
2. Установите метку на главной странице сайта index.htm в начале описания Спасской башни:
<A NAME="anchor1"></A>
|
|
|
3. Создайте страницу «Кремлевские Куранты» с текстом по образцу.
Образец текста
Кремлевские Куранты
Когда были впервые установлены часы на Спасской башне точно не известно. Скорее всего, это произошло вскоре после ее сооружения.
В 1621 г. под руководством англичанина Христофора Галовея русские мастера изготовили удивительные часы. В них вращался циферблат, а указательной стрелкой служил неподвижно закрепленный сверху «луч солнца».
В конце XVII века часы сломались, и по указу Петра I, их заменили на новые голландские часы с музыкой - куранты. Эти часы много раз чинили, перенастраивали, практически собирали заново из старых деталей.
За свою долгую жизнь куранты исполняли много очень разных мелодий: "Ах, мой милый Августин!", с середины XIX века - "Коль славен наш Господь в Сионе" и "Преображенский марш"; с 1918 г. - "Интернационал" и марш "Вы жертвою пали". С 1938 года куранты "замолчали", отбивая лишь четверти и целые часы. Летом 1996 года во время церемонии инаугурации Б. Ельцина впервые зазвучали "Патриотическая песня" и "Славься" Глинки.
4. Сохраните страницу в файле clock.htm в папке Kremlin.
5. На странице clock.htm добавьте гиперссылку перехода на главную страницу на метку anchor1, установленную в абзаце о Спасской башне:
<A href= "index.htm#anchor1”>На главную страницу</A>
5. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].
6. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница.
7. Проверьте выполнение перехода со страницы «Башни Московского Кремля» на страницу «Кремлевские куранты» на тот же абзац, с которого был осуществлен первый переход.
Задание №5
Создайте гиперссылку, используя карты-изображения, на которых выделены области - указатели гиперссылок.
|
|
|
Порядок выполнения задания №5
1. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTMLкода].
2. Выберите в качестве основы для карты-изображения схему Московского Кремля (файл схема.png в папке Kremlin):
<img SRC="cxema.png" WIDTH="265" HEIGHT="330" BORDER="1" USEMAP="#Kremlin" ALIGN="left" ALT="Схема Московского Кремля">
3. Тэгу NAME присвойте имя конфигурации карты-изображения:
<MAP NAME="Kremlin">
</MAP>
4. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].
5. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница.
6. Проверьте работу гиперссылки.
Задание №6
Задайте гиперссылку перехода на абзац, относящийся к соответствующим башням.
Порядок выполнения задания №6
1. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTML кода].
2. Выберите в качестве областей прямоугольные изображения башен, в контейнер <MAP> введите координаты 20 областей (изображений башен), адреса ссылок (якоря) и альтернативные тексты:
<area shape="rect" coords="175,95,183,119" href="#anchor9" alt="Сенатская">
<area shape="rect" coords="129,21,148,87" href="#anchor2" alt="Никольская">
<area shape="rect" coords="103,3,116,57" href="#anchor3" alt="Угловая Арсенальная">
3. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].
4. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница.
5. Проверьте работу гиперссылок (активизация гиперссылок должна вызывать переход на абзац текста, относящийся к соответствующим башням).
6. Закройте окно браузера.
Задание №7
Ответьте на контрольные вопросы к практическому заданию.
Задание №8
1. Сделайте вывод о проделанном практическом задании.
2. Сдайте отчет преподавателю.
Контрольные вопросы
1. Как создать таблицу на Web-странице и внести в нее данные?
2. Для чего на Web-страницу помещают гиперссылки?
3. Из каких частей состоит гиперссылка и что они собой представляют?
4. Как выполнить вставку гиперссылок?
5. Зачем в тексте Web-страницы расставляют якоря?
|
|
|
