Лабораторная работа по информатике

Автор работы: Пользователь скрыл имя, 02 Апреля 2012 в 14:50, лабораторная работа

Описание

Лабораторная работа №12: Создание гиперссылок

Работа состоит из  1 файл

Лабораторная работа ¦12 Созд.doc

— 70.00 Кб (Скачать документ)


Лабораторная работа №12

Создание гиперссылок

Как сделать ссылку

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега A, который имеет единственный параметр href. В качестве значения используется адрес документа (URL).

Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка.

Пример 1. Использование абсолютных ссылок

<html>
<body>

<a href=www.yandex.ru>Поисковая система Яндекс</a>

</body>
</html>


Относительные ссылки, как следует из их названия, построены относительно текущего документа или адреса.

Примеры таких адресов:
1. /
2. /demo/
3. /images/pic.gif
4. ../help/me.html
5. manual/info.html

Первые две ссылки называются неполные и указывают веб-серверу загружать файл index.html (или default.html) находящемуся в корне сайта (пример 1) или папке demo (пример 2). Если файл index.html отсутствует, браузер, как правило, показывает список файлов, находящихся в данном каталоге. Слэш перед адресом говорит о том, что адресация начинается от корня сайта (пример 3), двоеточие - перейти на уровень выше в списке каталогов сайта (пример 4).

Пример 2. Использование относительных ссылок

<html>
<body>

<a href=images/xxx.jpg>Посмотрите на мою фотографию!</a><br>
<a href=tip.html>Как сделать такое же фото?</a>

</body>
</html>


Изображения в качестве ссылки

Кроме текста, в качестве ссылок можно использовать и рисунки. Изображение в этом случае надо поместить между тегами <a href=...> и </a>.

Пример 1. Создание рисунка-ссылки

<a href="fish.html"><img src="fish.gif" width=80 height=50></a>


Вокруг изображения-ссылки автоматически добавляется рамка толщиной 1 пиксел и цветом совпадающим с цветом текстовых ссылок.

Чтобы убрать рамку, следует задать параметр border=0.

Пример 2. Удаление рамки вокруг изображения

<a href="fish.html"><img src="fish.gif" width=50 height=50 border=0></a>


Ссылки внутри страницы

Большие документы читаются лучше, если они имеют оглавление со ссылками на соответствующие разделы. Для создания ссылки следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега А.

Пример 1. Создание внутренней ссылки

<html>
<body>

<a name=top></a>

Друг уронил утюг в унитаз. И разбил его. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся...

<a href=#top>Наверх</a>

</body>
</html>


Между тегами <a name=top> и </a> отсутствует текст, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике.

Можно, также, делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.

Пример 2. Ссылка на закладку из другой веб-страницы

<html>
<body>

<a href=text.html#bottom> Перейти к нижней части текста </a>

</body>
</html>


Ссылка на новое окно

Если требуется сделать ссылку на документ, который открывается в новом окне браузера, используется параметр target=blank тега А.

Создание нового окна обычно требуется в случаях, когда делается ссылка на другой сайт, в остальном лучше открывать документы в текущем окне, поскольку обилие окон может сбить читателя с толку.

Так как ссылки на текущее или новое окно ничем не отличаются друг от друга, на некоторых сайтах рядом со ссылкой ставят специальную иконку, показывающую, что документ открывается в новом окне.

Пример. Создание ссылки на новое окно

<html>
<body>

<a href=www.bsu.edu.ru>Обычная ссылка на сайт www.bsu.edu.ru</a><br>
<a href=www.bsu.edu.ru target=_blank>Ссылка открывает новое окно на сайт www.bsu.edu.ru</a>

</body>
</html>


 

Обычная ссылка на сайт www.bsu.edu.ru

Ссылка открывает новое окно на сайт www.bsu.edu.ru


Задание 1[1]. Создайте гиперссылку на сайт ЭФ и на Профком БелГУ. Создайте гиперссылку на газету «Будни», чтобы она открывалась в новом окне браузера.

Задание 2. Создайте внешнюю гиперссылку, используя изображение (можно взять из Ресурсы/Фотоальбомы) в качестве ссылки, которая открывает веб-страницу с Вашей Лабораторной работой №11 (Текстовое оформление страниц. Вставка изображений).

Задание 3. Используя внутренние ссылки, создайте следующий словарь компьютерных терминов:

 

Словарь компьютерных терминов

А Б В Г Д Е

А

авторизация

процесс определения прав пользователя в системе или сети

администратор сети

пользователь, ответственный за планирование, настройку и управление ежедневной работой сети

архив

набор файлов, папок и других данных, сжатых и сохраненных в файле или на одной или нескольких магнитных лентах

В начало

 

Б

байт

единица измерения информации

безопасность

система защиты компьютеров и данных в сети от повреждения или утраты, основным элементом которой является концепция предоставления доступа к общим файлам только уполномоченным пользователям

брандмауэр

сочетание программного и аппаратного обеспечения, образующее систему защиты, как правило, от несанкционированного доступа из внешней глобальной сети во внутреннюю сеть (интрасеть)

В начало

 

В

веб

система просмотра Интернета с использованием гиперссылок

виртуальная память

временное хранилище, используемое компьютером для выполнения программ, превышающих размер доступной оперативной памяти

вирус

программа, которая пытается распространяться с одного компьютера на другие, либо вызывающая повреждение данных, либо мешающая работать пользователю

В начало

 

Г

В начало

 

Д

В начало

 

Е

В начало

 

 



[1] Задания 1-3 должны быть выполнены в одном документе!


Информация о работе Лабораторная работа по информатике