Министерство образования Российской Федерации
Государственное образовательное учреждение
среднего профессионального образования
«Аэрокосмический колледж»
Отчет по лабораторной работе №3
по дисциплине:
«Распределенные системы обработки информации»
Создание гиперссылок.
230103 Автоматизированные системы обработки информации и управления
Выполнили:
Проверила:
2010 г.
Лабораторная работа № 3
Тема: Создание гиперссылок.
Цель: Научиться создавать гиперссылки в веб-документах.
Практическая часть.
1. Изучили теоретическую часть.
2. Создали в отдельной папке документ chart.html с заголовком «Расписание занятий». Основная часть документа организована как таблица, состоящая из 2 колонок. В левой колонке располагается список дней недели, а в правой колонке — расписание занятий группы в виде нумерованных списков по дням недели. Создали ссылки, позволяющие перейти от дня недели к расписанию на этот день. Добавили к ссылкам всплывающие подсказки.
<html>
<head><title> Рсписание </title></head>
<body>
<table>
<tr><td width=”30%”>День недели</td><td>Расписание</td></tr>
<tr><td align=”center” valign=”top”>
<br><p><a href=”#a1”>Понедельник</p></a>
<br><p><a href=”#a2”>Вторник</p></a>
<br><p><a href=”#a3”>Среда</a></p>
<br><p><a href=”#a4”>Четверг</p></a>
<br><p><a href=”#a5”>Пятница</p></a>
<br><p><a href=”#a6”>Суббота</p></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><font valign=”bottom”><a href=”#a1”>Начало</font></a></td>
<td><font size=”20”><ol><p><a name=”a1”><li> - <li> ЛВС <li> Метрология <li> БЖД </ol></a></p>
<br><ol><li><p><a name=”a2”> РСОИ <li> РАИС <li> АИС <li> Английский</ol></a></p>
<br><ol><li><p><a name=”a3”> ЛВС <li> АИС <li> КГ </ol></a></p>
<br><ol><li><p><a name=”a4”> БЖД <li> АИС <li> РСОИ </ol></a>
<br><ol><li><a name=”a5”> АиЦСТ <li> АИС <li> КГ </ol></a>
<br><ol><li><a name=”a6”> АиЦСТ <li> Физ-ра </ol></td></tr></font></a>
</table>
<p><a href=”links.html”> Мои ссылкы </p></a>
</body>
</html>
3. Создали документ links.html с заголовком «Мои ссылки» и сохранили его в той же папке, что и документ chart.html. Добавили в links.html перечень ссылок (в виде маркированных списков) на различные ресурсы Интернет (например, почтовая служба http://www.mail.ru/; поисковые серверы Яndex и Rambler; и т.д.) Всего 8 ссылок. При щелчке по ним ссылки открываться в новом окне.
4. В конце документа links.html вставили ссылку «К расписанию занятий» на документ chart.html, которая будет открываться в текущем окне. Добавили в документ chart.html строку вида «Мои ссылки», адресующую документ links.html. Документ links.html открываться в новом окне.
5. В документе links.html сделали ссылку на свой электронный адрес.
<html>
<head><title> Мои ссылки </title></head>
<body>
<ul>
<li><p><a target=”_blank” title=”Поисковая система” href=”http://ya.ru”> Яндекс.Ru </p></a>
<li><p><a target=”_blank” title=”почтовая система” href=”http://mail.ru”> Mail.Ru </p></a>
<li><p><a target=”_blank” title=”Сайт с уроками граф. Редакторов” href=”http://demiart.ru”> demiart.ru </p></a>
<li><p><a target=”_blank” title=”Игровой сайт Wow” href=”http://wow-msk.ru”> wow-nsk.ru </p></a>
<li><p><a target=”_blank” title=”Социальная сеть” href=”http://Vkontakte.ru”> vkontakte.ru </p></a>
<li><p><a target=”_blank” title=”Поисковая система” href=”http://Rambler.ru”> Rambler.Ru </p></a>
<li><p><a target=”_blank” title=”Электронная энциклопедия” href=”http://ru.wikipedia.org”> ru.wikipedia.org </p></a>
<li><p><a target=”_blank” title=”Сайт СибГАУ” href=”http://sibsau.ru”> sibsau.ru </p></a>
<li><p><a target=”_blank” title=”Сайт БЭСТ-ПРО” href=”http://bestnet.ru”> BestNet.ru </p></a>
<li><p><a target=”_blank” title=”Оффициальный сайт co. Mictosoft” href=”http://microsoft.com”> Microsoft.com </p></a>
</ul>
<p><a href=”chart.html”> Расписание </p></a>
<p><a href=”mailto:Delix91@mail.ru”> Мой E-Mail </p></a>
</body>
</html>
Контрольные вопросы
1. Какие объекты на HTML-странице могут иметь ссылку?
Гиперссылки обеспечивают связь между различными HTML-документами. В качестве гиперссылки может выступать любой фрагмент видимого содержимого Web-страницы, т. Е. и текст, и графические изображения.
2. Какие теги используются для вставки гиперссылки?
Для создания гиперссылки используется пара тегов <А> и </А>.
3. Какой параметр определяет адрес ссылки?
Тег <А> обязательно должен использоваться совместно с атрибутом HREF. В качестве значения которого используется URL-адрес того Интернет-ресурса, на который и указывает создаваемая гиперссылка.
4. Для чего применяется тег <BASE>?
При помощи тега <BASE> можно эадать основание для гиперссылок с укороченными значениями параметра href.
5. Как организовать переход к разным разделам внутри страницы?
Локальные (внутренние) ссылки адресуют некоторые ресурсы, расположенные на текущей странице. И имеют вид < А HREF =»#закладка»>якорь ссылки</А>.
Вывод: Научились создавать гиперссылки в веб-документах.
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.
