4. Требование к отчету

Отчет о проделанной работе должен содержать:

• название и цель работы;

• номер варианта для выполнения поиска и тему своего варианта;

• экранную копию файлов Zagadka.htm и Otgadka.htm в экране браузера;

• продемонстрировать работу ссылок;

• описание тэгов гиперссылки, использованных в работе.

5. Теоретические положения

Общая конструкция тега гиперссылки

Гиперссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст гиперссылки (гипертекст), как правило, выделяется цветом или оформляется подчеркиванием.

Для создания гиперссылки применяется тег <A> и обязательный парный ему </A>.

Тег <A> служит для создания гипертекста (ссылок). Гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Сам гипертекст поддается форматированию

Атрибуты

1) name

Задает имя элемента. Имя используется, например, для создания ссылок между фреймами

2) href

Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа.

Общая конструкция гиперссылки:

<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>

Описание гиперссылки на другой файл

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

В HTML переход от одного фрагмента текста к другому задается с помощью метки вида:

<A HREF="[адрес перехода]">выделенный фрагмент текста</A>

В качестве параметра [адрес перехода] может использоваться несколько типов аргументов. Самое простое — это задать имя другого HTML-документа, к которому нужно перейти.

Например, в файле Zagadka.htm надо вставить следующую гиперссылку на файл Otgadka.htm с гипертекстом "Смотри отгадку". Командная строка в HTML-документе будет выглядеть следующим образом (рис. 5.1):

<A HREF=Otgadka.htm>Смотри отгадку</A>.

Рис. 5.1. Схема перехода по гиперссылке из файла Zagadka.htm в файл Otgadka.htm

Такой фрагмент HTML-текста приведет к появлению в документе выделенного фрагмента Смотри отгадку , при щелкании левой мышке на который в текущее окно будет загружен документ Zagadka.htm.

6 Контрольные вопросы

 

6.1 Что такое гипертекст?

6.2 Как создать гиперссылку на другой файл?

6.3. Атрибуты гиперссылки

Практическое занятие №23 "Создание графических изображений в HTML-документах"

Тема "Создание сайта"

1 Цель работы

Ознакомиться с методами создания графических изображений на HTML-страницах и научиться разрабатывать документы, предназначенные для публикации в Internet

2 Задачи работы

Научиться вставлять графические изображения в HTML-документы.

 

3 Порядок выполнения работы

3.1. На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией, в которой будет создаваться отчет по практической работе.

3.2. Прочтите раздел 5 "Теоретические положения".

3.3. Скопируйте в свою папку файлы с графическими изображениями форматов *.gif и *.jpg из папки по указанию преподавателя.

3.4. Откройте в блокноте файл Zagadka.htm.

3.5. После каждой загадки вставьте файлы с графическими изображениями форматов *.gif и *.jpg.

3.6. Создайте гиперссылки из вставленных двух графических файлов разных форматов на файл Otgadka.htm.

3.7. Сохраните изменения в файле Zagadka.htm.

3.8. Откройте в браузере файл Zagadka.htm и проверьте появление изображений, наличие анимационных эффектов и правильность работы графических гиперссылок. При наведении курсора мышки на графическую гиперссылку, вокруг нее появится темная рамка. Если щелкнуть по графической гиперссылки, то произойдет переход из файла Zagadka.htm в файл Otgadka.htm

3.9. В текстовом процессоре Word оформить отчет по практической работе.