- •Министерство образования и науки украины
- •Общие указания к выполнению лабораторных работ
- •Содержание и значение самостоятельной работы студентов при изучении дисциплины «Компьютерные сети и телекоммуникации»
- •Лабораторная работа № 1
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 2
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 3
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 4
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Создание ссылки на электронный адрес
- •Создание абсолютной ссылки на Web-ресурс
- •Создание внутренних (относительных) ссылок в документе
- •Содержание отчета
- •Содержание отчета
- •Лабораторная работа № 7
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 8
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 9
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы.
- •Содержание отчета
- •Лабораторная работа № 10
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Приложение 1. Приемы работы в Internet Explorer
- •Приложение 2. Стандартная цветовая палитра
- •95007, Симферополь, просп. Академика Вернадского, 4
Содержание отчета
В качестве отчета необходимо предоставить полученный вами файл lesson_1.html.
Лабораторная работа № 5
Тема: Создание гиперссылок
Цель: научиться создавать гиперссылки
Контрольные вопросы:
Что означает форматирование текста?
Как создать заголовок в HTML?
Как выделить абзац и добавить горизонтальную линейку в HTML?
Что такое гипертекстовая ссылка?
Какой тег HTML описывает гиперссылку?
Чем абсолютная гиперссылка отличается от относительной?
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами документа, позволяющими создавать гиперссылки:
<A> … </A> – основной дескриптор ссылки.
Атрибуты ссылки:
href = "ссылка" – определяет местоположение связанного ресурса или якоря. Вместо слова "ссылка" необходимо ввести адрес ресурса;
name = "имя ссылки" – определяет имя для текста на web-странице, которое затем будет использоваться для создания относительной ссылки.
Порядок выполнения работы:
Относительное связывание страниц
Для примера связывания страниц необходимо выполнить следующие действия.
Создайте у себя на диске (т.е. на диске Home) папку и назовите ее Root.
Создайте следующую HTML-страницу:
<html>
<head>
<title> Пример относительной ссылки.</title>
</head>
<body>
<H1> Примеры создания гиперссылок </H1>
<p> Эта страница находится в корневом каталоге. Для ее связи с другой страницей можно использовать относительные ссылки.
Для активизации второй страницы необходимо<a href = "list_1.html"> нажать здесь</a>
</body>
</html>
Сохраните ее под именем index.html
Создайте вторую страницу, следующего содержания:
<html>
<head>
<title> Лист 1.</title>
</head>
<body>
<p> Это вторая страница.
Для возврата на титульную страницу щелкните <a href = "index.html"> здесь</a>
</body>
</html>
Сохраните ее под именем list_1.html
Создание ссылки на электронный адрес
Добавьте в файл index.html следующий абзац со ссылкой:
<p>Все вопросы связанные с созданием web-страниц просим направлять по адресу:
<a href ="mailto:klevets@inbox.ru"> лектору</a></p>
Создание абсолютной ссылки на Web-ресурс
Добавьте в файл index.html следующий абзац со ссылкой:
<p> Для примера можно посмотреть на поисковый сервер <a href = "http://www.rambler.ru"> Rambler</a></p>
Если необходимо в качестве ссылки использовать какое-либо изображение, то его надо вставить внутрь контейнера, созданного дескриптором ссылки. Например:
<p> Для примера можно посмотреть на поисковый сервер <a href = "http://www.rambler.ru"> <img src = "fon.jpg"> </a> </p>
Обратите внимание! В данном примере название рисунка “fon.jpg” дано для примера. Вы должны указать имя реально существующего файла рисунка, предварительно скопировав его в туже папку, куда сохранены файлы данной лабораторной работы (index.html и list.html).
Создание внутренних (относительных) ссылок в документе
Связывание с помощью внутренних ссылок удобно для посетителей и помогает кодировщикам организовать страницы продумано и без лишних слов. Например, здесь приведена ссылка, которая позволяет переместиться из конца документа в начало страницы к заголовку Примеры создания гиперссылок:
<a href="#Nachalo"> Вверх </a>
Эта
ссылка похожа на обычную относительную
ссылку, только вместо адреса web-страницы
издания
гиперссылокБЮскопировав его в туже
папку, где
со
<a name="Nachalo"> <H1> Примеры создания гиперссылок </H1> </a>
Здесь Примеры создания гиперссылок – заголовок, на данной web-странице.