Гипертекстовые ссылки
Понятие об URL и их использование, загрузка страниц в фреймы. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты, характеристика основных типы гиперссылок. Создание гиперссылок на другие Web-страницы и внутренних ссылок в документе.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | лекция |
| Язык | русский |
| Дата добавления | 03.04.2019 |
| Размер файла | 14,7 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Лекция
Гипертекстовые ссылки
План
1. Типы гиперссылок
2. Понятие об URL и их использование
3. Создание гиперссылок на другие Web-страницы
4. Создание внутренних ссылок в документе
5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты
6. Загрузка страниц в различные фреймы
1. Типы гиперссылок
Гиперссылки - это основа HTML. Именно благодаря им страницы становятся динамичными. Щелкая на гиперссылках, пользователи могут переходить от одной Web-страницы к другой, практически не прилагая для этого никаких усилий. гиперссылка web страница почта
При создании Web-страницы вам придется решить две непростые задачи: выбрать типы используемых гиперссылок и оптимальным образом построить страницу.
Существуют три основных типа гиперссылок:
Внутренние ссылки (internal links) - это ссылки на объекты в пределах одного документа. С их помощью пользователь может перемещаться по одной и той же Web-странице. Данный тип ссылок полезно использовать на длинной странице, чтобы иметь возможность быстро перемещаться между ее разделами.
Внешние (external links) или удаленные (distant links) ссылки - это ссылки на другие Web-серверы.
Относительные (relative links) или локальные (local links) ссылки - это ссылки на другие Web-страницы или службы Internet, расположенные на одном сервере со страницей, содержащей ссылки. Подобные ссылки называются относительными потому, что их адреса даются относительно адреса Web-страницы, на которой содержится ссылка.
В основе ссылок лежат URL, по умолчанию в большинстве браузеров ссылки отображаются в виде подчеркнутых текстовых строк.
2. Понятие об URL и их использование
В каждой ссылке содержится URL (Uniform Resource Locator), или унифицированный локатор ресурсов. URL - это адрес Web-страницы, который отображается в поле Адрес, расположенном в левом верхнем углу окна браузера.
URL состоит из двух основных элементов: типа протокола и собственно адреса.
Тип протокола определяет вид ресурса Internet, с которым устанавливается связь. Самым распространенным протоколом является http:// (HyperText Transfer Protocol - протокол передачи гипертекста), с помощью которого по Web передаются HTML-документы. В качестве примеров других служб Internet можно привести ftp:// (File Transfer Protocol), telnet://.
Собственно адрес (destination) - это имя файла, каталога или компьютера. Приведем пример URL:
http://www.greatstar.com/lois/index.html
В этом URL определяется сервер, на котором находится HTML-документ, а также каталог и имя файла. Как видите, URL состоит из нескольких компонентов. Первый из них, префикс http://, определяет тип используемой службы Internet. Второй, www, представляет собой имя Web-сервера; хотя на этом месте чаще всего стоит www, могут использоваться и другие имена. Следующий компонент, greatstar.com, определяет домен, в котором находится сервер. Косвенно по имени домена можно судить о географическом положении сервера. Компонент lois/index.html определяет каталог на Web-сервере, в котором хранится файл.
Как отличить текст гиперссылок от остального текста? Обычно текст гиперссылок подчеркивается и, если разместить над ним указатель мыши, он (указатель) превратится в изображение руки.
3. Создание гиперссылок на другие Web-страницы
Большинство гиперссылок сами по себе являются частью элемента привязки, который создается с помощью дескриптора <A>. Этот дескриптор можно использовать в основной части HTML-документа, но только не внутри дескрипторной пары <HEAD></HEAD>. Самым распространенным атрибутом дескриптора <A> является HREF. Его значением является путь к файлу (или URL файла), на который делается ссылка. Элемент привязки всегда завершается конечным дескриптором </A>. Сам URL должен заключаться в кавычки и следовать за определением элемента привязки.
В HTML для гиперссылки используется следующий формат:
<A HREF="URL">текст ссылки</A>
Связывая страницы одного сервера, нет необходимости включать в URL доменное имя. Предположим, страницы велосипеды.html и мотоциклы.html находятся в одном каталоге. В этом случае нужно создать следующий относительный URL:
<A HREF="велосипеды.html">Выбор велосипеда</A>
При создании гиперссылок нужно помещать их коды непосредственно в текст, ни в коем случае не прерывая изложение материала.
4. Создание внутренних ссылок в документе
Создавая Web-страницу, вы должны предусмотреть для пользователя возможность легко перемещаться от одного раздела к другому. Это достигается путем включения внутренних ссылок и имеет очень важное значение в случае длинной Web-страницы, состоящей из нескольких разделов.
Для внутренней ссылки, как и для внешней, нужно создать текст, на котором будет щелкать пользователь. И точно так нужно включить описание того места, на которое делается ссылка. Но для этого место необходимо как-то обозначить. Причем имя, определенное с помощью дескриптора <A NAME="значение">, не будет отображаться в браузере.
Создавая ссылку на другую часть страницы, воспользуйтесь символом (#) и именем привязки. Для этого вы можете выбрать любое имя. В результате получится так называемая объектная привязка:
<A HREF="#торт">Рецепты тортов</A>
Теперь нужно создать соответствующее имя объекта. После щелчка на этой ссылке браузер будет выполнять поиск по Web-странице, пока не найдет ту часть, которой присвоено имя торт. Эта часть страницы должна быть названа соответствующим образом:
<A NAME="торт">Коллекция рецептов тортов</A>.
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-сайта. Создайте две страницы, содержащие ссылки друг на друга. На одной странице создайте внутренние ссылки.
Размещено на Allbest.ru
...Подобные документы
Возможности использования Word для создания web-страницы. Использование таблицы и шаблонов оформления документа. Создание гиперссылок и закладок в Word. Обзор визуальных и текстовых редакторов для верстки веб-страниц. Веб-презентация в PowerPoint.
реферат [312,6 K], добавлен 06.04.2010Особенности разработки Web-страницы, с использованием Microsoft Word. Алгоритм работы: сохранение документа Word, как веб-страницы; просмотр веб-страницы, создание гиперссылок. Настройка и проверка Web-страницы с помощью программы Internet Explorer.
контрольная работа [2,4 M], добавлен 03.04.2010Понятие WEB-страницы и ее быстрое создание. Создание рекламной WEB-страницы. Понятие электронной почты. Почтовые программы. Создание и отправка сообщений. Адреса и адресная книга. Отправка и прием факсов. Программа WinFax Pro, Программа VentaFax.
контрольная работа [31,2 K], добавлен 17.05.2008Создание простых формул. Использование ссылок. Ссылки на ячейки из равных листов. Работа с текстом. Использование имен в формулах. Создать имя. Переопределение имен. Создание имен из текстовых значений. Использование массивов в формулах, функций.
лабораторная работа [95,5 K], добавлен 10.03.2007Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.
методичка [1,9 M], добавлен 06.07.2011Microsoft Excel: случаи нелинейной регрессии (гипербола, экспонента и парабола), проверка ее результатов. Создание и применение гиперссылок в системе MathCAD. Основы работы с блоками документов. Контур управления производством комплекса "Галактика".
контрольная работа [725,0 K], добавлен 03.08.2011Понятие об html. Структура файла в формате html. Отличительный признак html-документа. Гипертекстовые ссылки. Создание документов в стандарте html. Заголовки. Форматирование текста и изменение стилей. Фреймы.
реферат [23,7 K], добавлен 17.08.2007Структура сети Internet и ее использование в образовании. Описание функционирования электронной почты, телеконференции, поисковых систем, общеобразовательных каталогов и порталов, электронных библиотек и других ссылок. Плюсы и минусы использования сети.
реферат [437,2 K], добавлен 16.11.2011Формулы. Использование ссылок и имен. Перемещение и копирование формул. Относительные и абсолютные ссылки. Понятие функции. Типы функций. Основным достоинством электронной таблицы Excel является наличие мощного аппарата формул и функций.
реферат [13,4 K], добавлен 15.02.2003Способы представления на интернет-страницах различных видов информации. Инструкция разработки сайта: создание страниц при помощи шаблона, установление связей между ними при помощи гиперссылок, наполнение текстом и графическими объектами web-документа.
курсовая работа [1,9 M], добавлен 09.05.2011Создание интерактивных веб-страниц. Что такое JavaScript. Полная интеграция с браузером. Мощные средства для создания сетевых соединений. Подключение и выполнение JavaScript. Загрузка данных без перезагрузки страницы. Объекты для работы с мультимедиа.
лекция [16,2 K], добавлен 05.02.2012Понятие электронной почты, история появления и развития технологии, ее достоинства и особенности. Процесс получения адреса электронной почты у провайдера. Структура письма, способы представления адреса. Краткий обзор почтовых программ. Системы кодировки.
курсовая работа [47,4 K], добавлен 20.12.2010Использование профессиональных графических примеров. Применение продуктов мультимедиа. Линейное и структурное представление информации. Мультимедиа ресурсы сети Интернет. Программное обеспечение мультимедиа-компьютера. Создание и обработка изображения.
курсовая работа [1,1 M], добавлен 04.03.2013Содержание адреса электронной почты. Получение писем. Использование полей "Кому", "Копия", "Скрытая копия". Написание делового ответа. Правила составления электронной подписи. Ссылки на ресурс. Средства для передачи эмоций в текстах. Этикет переписки.
презентация [885,6 K], добавлен 17.05.2015Создание основных и вспомогательных таблиц в режиме конструктора. Использование поля со списком для ссылок на объекты. Установление связей между таблицами и контроля ссылочной целостности. Параметрические запросы. Ввод параметров для формирования отчетов.
контрольная работа [1,1 M], добавлен 27.02.2015Правила задавания адреса при создании гиперссылок, применение атрибутов и тэгов. Способы создания якоря (метки). Использование рисунков в качестве гиперссылки. Работа с упорядоченными, неупорядоченными и вложенными списками, списками определений.
презентация [347,9 K], добавлен 19.08.2013Цели, задачи и компоненты информационной технологии управления. Разработка структуры сайта и программный код работы в HTML–редакторе: создание титульной страницы, документа с фреймами, связь информационных документов с помощью гипертекстовых ссылок.
курсовая работа [34,3 K], добавлен 11.08.2011Вычисления в Excel. Формулы и функции: Использование ссылок и имен, перемещение и копирование формул. Относительные и абсолютные ссылки. Понятиеи и типы функций. Рабочая книга Excel. Связь между рабочими листами. Построение диаграмм в EXCEL.
лабораторная работа [39,1 K], добавлен 28.09.2007Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.
контрольная работа [16,0 K], добавлен 19.06.2014Создание баз данных с помощью Transact-SQL. Специализированные типы данных. Обеспечение целостности ссылок. Преимущества хранимых процедур. Синтаксис запроса на создания триггера. Фиксированные серверные роли. Предоставление прав на объекты в базе данных.
лабораторная работа [2,2 M], добавлен 12.09.2012
