Сохранить файл и Обновить странички index.htm, index1.htm..)

⇐ Предыдущая 1 2 3 45

Работа 5. Оформление гиперссылок.

1.. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].

2. Открыть файл index.htm

3. Различные виды гиперссылок. Связать Web-страницу с другими документами можно с помощью универсального тэга <A>, и его атрибута HREF, указывающим в каком файле хранится вызываемый ресурс.

<A HREF="file_name">Указатель ссылки</A>

file_name – путь к файлу или его URL-адрес в Интернете. Если вызываемый документ размещается в той же папке, что и Web-страница, то можно указывать только имя файла.

Указатель ссылки в окне браузера выделяется подчеркиванием и особым цветом. При указании на него мышью, ее курсор превращается в значок «рука». Щелчок мыши по указателю, вызывает переход на документ, указанный в гиперссылке.

Используем различные значения атрибута HREF для реализации различных реакций браузера:

<A HREF="index1.htm">Моя вторая страничка</A> (Сохранить файл и Обновить страничку)

А теперь с оформлением выравнивания и шрифтов Исправляем предыдущую запись.

<A HREF="index1.htm"> Моя вторая страничка</A> (Сохранить файл и Обновить страничку)

4. Создадим вторую страничку. Для этого откроем Блокнот еще раз. И наберем в нем следующий текст.

<HTML>

<HEAD>

<TITLE>Моя втораЯ страница</TITLE>

</HEAD>

<BODY>

<BODY BGCOLOR="#FF00CC" BACKGROUND="fon.png" TEXT="#993300" LINK="#00FF00" ALINK="#FF0000" VLINK="#00FF00">

<А HREF="index.htm">Моя первая страничка</A>

</BODY>

</HTML>

5. Сохраним файл под именем index1.htm.

6. Запустить первый файл index.htm. З апустим гиперссылку Моя втораЯ страница.

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

Пусть в нашем проекте при щелчке мышью по маленькому рисунку, вызывается ее крупная фотография. Такой прием часто используют, для снижения времени загрузки страницы. Посетитель увидит уменьшенные копии рисунков, а при желании, сможет загрузить полномасштабное изображение. Дополним нашу страничку, введем текст в пустую строку в файл index1.htm.. < A HREF="carsk.jpg"><IMG SRC="carsk.gif" WIDTH="30" HEIGHT="75"></A>

Работа 6-8. Творческое задание

Творческле задание. «Мой сайт». Создать Web-сайт, рассказывающий о вас.

Сайт рекомендуется хранить в отдельной, специально созданной папке Сайт, вложенной в папку Ваша_фамилия. Здесь будут находиться как Web-страницы, так и графические файлы. Начальная страница сайта обычно имеет имя index.htm, в этом случае для начала просмотра сайта, в адресе достаточно указать путь к папке, где он хранится.

Начальная страница «Мой сайт» будет содержит информацию о вас, вашей семье и ваших друзьях. Страницы связаны между собой гиперссылками.

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

⇐ Предыдущая 1 2 3 45

Поделиться с друзьями:

Дата добавления: 2017-02-01; Просмотров: 170; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.007 сек.