5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты

Можно сделать так, чтобы после щелчка на некоторой ссылке раздавался какой-нибудь звук или воспроизводилась музыка. Для этого в дескрипторе <A> присвойте атрибуту HREF имя файла, в котором содержится звук или мелодия. Например, для воспроизведения музыкального фрагмента можно создать следующую ссылку:

Щелкните <A HREF="my_song.mid">здесь</A>, чтобы услышать новую песню!

При разработке Web-страниц многие авторы любят включать в них ссылки на свои адреса электронной почты. Это делается для того, чтобы посетители Web-страницы могли отправить авторам отзывы и замечания и выразить свое мнение о странице. Для создания ссылки на правильный адрес электронной почты поставьте перед ним запись mailto:.

<A HREF="mailto:gres@optima.com.ua">написать мне</A>

6. Загрузка страниц в различные фреймы

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

Чтобы контролировать процесс загрузки фреймов, нужно присвоить окнам фреймов имена. Для этого предназначен атрибут NAME, который используется в дескрипторе <FRAME>:

<FRAME SRC="URL" NAME="имя окна">

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

<FRAME SRC="index.html" NAME="основное окно">

Присвоив фреймам имена, вы можете указать их в гипертекстовой ссылке с помощью атрибута TARGET, который помещается в обычный дескриптор привязки <A>. При этом используется следующий формат:

<A HREF="новый_URL" TARGET="имя окна"> текст ссылки </A>

Здесь "новый_URL" – это адрес нового документа, который вы хотите загрузить в определенное окно фрейма; имя окна – это имя, которое вы присвоили окну с помощью атрибута NAME в дескрипторе <FRAME>. В следующем примере приведена гиперссылка, в результате щелчка на которой файл products.html загрузится в окно, которое имеет имя Основное_окно:

<A HREF="products.html" TARGET="Основное_окно">

Новые товары </A>

Практическое задание

Создайте папку, в которой будут содержаться страницы Web-сайта. Создайте две страницы, содержащие ссылки друг на друга. На одной странице создайте внутренние ссылки.

Тема 7: Графика в Web План

1. Использование дескриптора <IMG> для вставки графических файлов

2. Выравнивания текста относительно изображения

3. Плавающие изображения. Поля вокруг изображений

4. Определение ширины и высоты изображения

5. Обтекание изображений текстом

Преимущества использования графики

• Текст разделяется на небольшие фрагменты, что позволяет быстрее усвоить содержание страницы

• Содержание страницы разбивается на темы, что предоставляет читателю возможность лучше ориентироваться в материале

• С помощью графических изображений можно дать информацию, которую невозможно получить из текста (фотографии и т.д.)

• С помощью изображений можно не только сделать страницу цветной, но и придать ей определенное настроение: лирическое, юмористическое и т.д.

1. Использование дескриптора <IMG> для вставки графических файлов

Встроенные изображения – это графические изображения, которые всегда остаются на одном и том же месте на Web-странице.

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

Чтобы вставить графический файл на Web-страницу, нужно включить гипертекстовую ссылку на него (так же, как при создании гиперссылки на другую страницу). Причем изображение, на которое вы ссылаетесь, может находиться как на том же сервере, на котором расположена ваша страница, так и в любом другом месте Internet.

Для создания URL изображения используется элемент IMG, который имеет следующий синтаксис:

<IMG SRC=URL_изображения>/

SRC означает источник (source), т.е. место, где хранится изображение.

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