- •Современные средства эвм и телекоммуникаций
- •Тема 1. Общие сведения об Internet
- •1.1.1. Понятие "информационное общество"
- •1.1.2. Internet как глобальная информационная среда
- •1.1.4. История возникновения сети Internet
- •1.2. Основные понятия, связанные с передачей данных в Internet.
- •1.2.1. Пакеты данных (информационные пакеты)
- •1.2.2. Протоколы
- •1.2.3. Информационные уровни. Стеки протоколов
- •1.2.4. Стандартная модель стека протоколов (модель osi)
- •1. Физический уровень.
- •2. Канальный уровень.
- •3. Сетевой уровень.
- •4. Транспортный уровень.
- •5. Сеансовый уровень.
- •6. Уровень представления.
- •7. Прикладной уровень.
- •1.2.5. Упрощенная (трехуровневая) модель стека протоколов
- •1.2.6. Клиенты и серверы
- •1.2.8. Протоколы системного уровня. Протокол tcp/ip
- •1.2.9. Система доменных имен (dns)
- •1.2.10. Определение сети Internet
- •1.2.11. Прикладной информационный уровень. Прикладные ресурсы
- •1.2.12. Электронная почта
- •1.2.13. Структура адреса электронной почты
- •1.2.14. Электронная почта через Web
- •1.2.15. Ресурс www
- •1.2.16. Структура url - адреса
- •1.3.3 Компьютерные вирусы
- •Тема 2. Работа с браузером
- •2.1. Начало работы в Internet
- •2.2. Навигация в Internet
- •2.3. Поиск в Internet
- •2.4. Сохранение результатов поиска
- •2.5. Закладки
- •Тема 3. Работа с электронной почтой
- •3.1. Основы электронной почты
- •3.1.1. Настройка программы для работы с электронной почтой
- •3.1.2. Работа с программой электронной почты
- •3.1.3. Создание электронной Web-почты
- •3.2. Обмен сообщениями
- •3.2.1. Получение и отправка электронной почты с применением Outlook- Express
- •3.2.2. Получение и отправка Web-почты
- •3.3. Работа с адресной книгой
- •3.3.1.Внесение адреса в адресную книгу электронной почты
- •3.3.2. Создание сообщения с использованием адресной книги
- •Тема 4. Создание html-документов
- •4.1. Элементы языка html
- •4.1.1. Html-документы и Web-страницы
- •4.1.2. Структура языка html
- •4.1.3. Форматирование текста
- •4.1.4 Анимация текста
- •4.1.5. Вставка рисунков
- •4.1.6. Вставка гиперссылок
- •4.1.7. Рисунки -гиперссылки
- •4.1.8. Списки
- •4.1.9. Таблицы
- •4.1.10. Фреймовые структуры
- •4.2. Публикация и использование Web-страниц
- •4.2.1. Компоновка сайта
- •Персональная
- •Ссылки Страница 1
- •4.2.2. Размещение сайта на сервере
- •4.2.3. Регистрация сайта в поисковых системах и каталогах
- •4.2.4. Коммерческое использование Web-страниц
- •4.2.5. Баннеры и баннерная реклама
- •4.2.6. Электронная коммерция
- •4.2.7. Электронный документооборот
- •4.2.8. Электронная подпись
- •4.2.9. Электронные деньги.
- •Тема 5. Интернет и общество
- •5.1 Социальные сети
- •5.2 Услуги социальных сетей
- •Вопросы для самоконтроля Вопросы по теме 1
- •Вопросы по теме 2.
- •Вопросы по теме 3.
- •Вопросы по теме 4.
- •Вопросы по теме 5.
- •Список терминов
- •Список литературы
4.1.6. Вставка гиперссылок
Текстовые и графические ссылки могут указывать на удалённые разделы в пределах одного большого документа. Для таких ссылок необходимо создать две части: якорь и непосредственно ссылку. Якорь определяет ту точку, в которую организуется переход из места расположения ссылки. Ссылка использует имя якоря вместо имени файла. Задаётся в теге <A HREF=”#Якорь”> </A>. Перед именем якоря указывается специальный символ #. Между открывающим и закрывающим тегами располагается текст ссылки, на котором производится щелчок для перехода по ссылке. В месте расположения якоря ставится открывающий тег <A NAME=” Якорь”>. Между открывающим и закрывающим </A> тегами вводится текст, который будет показан на экране.
Пример 3.
<HTML>
<HEAD>
<TITLE>
Ссылки в пределах одного документа
</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Ссылки в пределах одного документа</H1>
<P>
<OL>
<LI><A HREF=”#Малина”>Mалина</A>
<LI><A HREF=”#Яблоко”>Яблоко</A>
<LI><A HREF=”#Арбуз”>Арбуз</A>
<P>Длинный абзац с текстом, после которого расположены пояснения к ссылочным словам
</P>
<P>
<B><A NAME=”Малина”>Малина</A>садовая</B><Br>
Это ягода. Она сочная и сладкая. Спелая малина имеет красный цвет
<P>
<B><A NAME=”Яблоко”>Яблоко</A>осеннее</B><Br>
Это фрукт. Осенние яблоки это спелые плоды. Иногда красные, иногда красно-белые, иногда бело-зелёные
<P>
<B><A NAME=”Арбуз”>Арбуз</A>бахчевой</B><Br>
Это тоже ягода, только полосатая и с толстой кожурой. Внутри арбуз красный и водянистый
</BODY>
</HTML>
Место размещения файла определяется с помощью URL-адреса, который называют путём поиска. Абсолютный путь поиска описывает местоположение файла, начиная с самого высокого уровня. Относительный путь поиска описывает местоположение файла, начиная с того места, в котором находится текущий документ.
Ссылка на другую страницу с именем "СatGraph", размещенную по адресу "http://www.cat.lv", будет иметь вид:
<A HREF="http://www.cat.lv">CatGraph</A>
Ссылка на графический файл "lis.gif", размещенный по адресу "http://www.lis.lv/~cat5", будет иметь вид:
<A HREF="http://www.lis.lv/~cat5">Cat5</A>
Ссылка на адрес электронной почты "david@lis.lv" будет иметь вид:
<A HREF="mailto:david@lis.lv">Напишите мне письмо</A>
Если нужно перейти на метку, находящуюся в другом документе, ссылка оформляется следующим образом.
<A HREF="имя файла#имя метки"> Название ссылки </A>. Например, <A HREF="index.htm#имя метки">Название ссылки</A>
4.1.7. Рисунки -гиперссылки
Графические ссылки позволяют по щелчку на изображении перейти к другому файлу. Они делают документ более понятным и полезным. Графическая ссылка выделяется рамкой.
<A HREF="art.htm"> <IMG SRC="clips.gif" ALT="Здесь расположен рисунок"> </A>
<A HREF="http://www.lis.lv/~cat5"> <IMG SRC="lis.gif" ALT="Lis" border="0" width="47" height="47"> </A>
Множественные рисунки-гиперссылки реализуются как активные изображения.
Активное изображение - это изображение, на котором находятся несколько активных областей (hot spots), каждая из которых ссылается на определенную Web-страницу. Активные изображения представляют собой отличный метод создания красивых и удобных меню. Различают два типа активных изображений: активные изображения, работающие на сервере, и активные изображения, работающие на стороне клиента.
Первый тип для своей работы использует cgi-сценарий. Это программа, работающая на сервере. Такие программы выполняют многие процессы на Web-страницах. Например, большинство гостевых книг работают на основе таких программ. Пишутся cgi-скрипты чаще всего на языке Perl. Эти скрипты перестают использоваться, т.к. в настоящее время существуют более совершенные Java-скрипты и другие технологии. Проблема cgi-скриптов заключается в том, что они выполняются на сервере. Это серьезная угроза для безопасности сервера. Кроме того, они требуют определенных ресурсов системы. Большинство системных администраторов не разрешает пользоваться директорией cgi-bin, в которой запускаются эти программы. Выходом из такой проблемы являются многочисленные бесплатные сервисы, предоставляющие возможность использовать наиболее распространенные cgi-скрипты на страницах просто вставляя куски HTML-кода. Понятно, что такой метод не очень удобен и доступен немногим, но его поддерживают почти все броузеры.
Второй метод не требует использования сервера вообще, но он работает только в броузерах, поддерживающих HTML 3.0 (Internet Explorer, Netscape Navigator 2.0, Mosaic 2.0 и более современные).
Создание активных изображений вручную трудоемкий процесс, т.к. требуется задавать много активных областей в координатах. Лучше всего использовать программы, созданные специально для задания активных областей и простого формирования всего активного изображения. Кроме того, такую функцию поддерживают большинство HTML редакторов, например FrontPage или MapEdit.