- •Федеральное агентство связи
- •Предисловие
- •Введение
- •Лекция 1. Основные понятия информатики.
- •Информатика – понятие, определение.
- •Что такое информация?
- •В каком виде существует информация?
- •Как передаётся информация?
- •Лекция 2. Свойства информации. Количество информации. Понятие алгоритма.
- •Какими свойствами обладает информация?
- •Как измеряется количество информации?
- •Понятие алгоритма
- •Что такое информационные ресурсы и информационные технологии?
- •Что понимают под информатизацией общества?
- •Лекция 3. Кодирование чисел. Логические основы эвм
- •Кодирование чисел двоичным кодом
- •Перевод из одной системы счисления в другую.
- •Двоичная система счисления Bin (Вinary)
- •Логические основы построения эвм
- •Лекция 4. Арифметические операции, представления информации и принцип программного управления в эвм
- •Арифметические операции в эвм
- •Обратный и дополнительный коды чисел
- •Представление информации в эвм
- •Принцип программного управления эвм
- •Лекция 5. Устройства компьютера
- •5.1 Устройства компьютера.
- •5.2 Принципы построения компьютера
- •5.3 Как выполняется команда?
- •5.4 Архитектура и структура компьютера.
- •5.5 Центральный процессор компьютера
- •5.6 Память компьютера
- •5.6.1. Устройства образующие внутреннюю память компьютера
- •5.6.2 Внутренняя память
- •5.6.3. Специальная память
- •5.6.4 Внешняя память
- •Лекция 6 Вирусы их разновидности и борьба с ними. Архивы и архиваторы.
- •6.1 Компьютерный вирус
- •6.2 Антивирусные программы
- •6.3 Классификация антивирусов
- •6.3 Архиваторы и архивы
- •6.4. Типы сжатия информации
- •Лекция 7 Основы программирования
- •7.1 Машинный язык.
- •7.2 История языков программирования.
- •7.3 Основы машинной математики.
- •7.4 Блок-схемы.
- •7.4.1 Базовые алгоритмические структуры
- •Лекция 8 Некоторые аспекты безопасности связи
- •8.1 Шифр Юлия Цезаря
- •8.2 Основные определения
- •8.3 Коды и шифры
- •8.4 Оценка стойкости системы шифрования
- •8.5 Коды, обнаруживающие и исправляющие ошибки.
- •8.6 Модульная арифметика
- •Лекция 9 html и текст
- •9.1 Понятие тэга
- •Этот текст набран с разрядкой
- •Этот текст набран с разрядкой
- •9.2 Борьба с ограничениями html
- •Лекция 10 Графика, Гиперссылки.
- •10.1 Внедрение графики в html – документ
- •10.2 Гиперссылки
- •10.3 Структура сайта
- •Первый этюд к гипертексту
- •Второй этюд к гипертексту
- •Третий этюд к гипертексту
- •Последний этюд к гипертексту
- •10.4 Имена файлов и ссылки на них
- •Замечание
- •10.5 Коварный FrontPage.
- •Лекции 11 Таблицы и фреймы. Формы.
- •11.1 Таблицы
- •11.2 Фреймы
- •11.3 Формы
- •Лекция 12 Презентация
- •12.1 Алгоритм создания презентации
- •11.2 Выбор диаграмм
- •Предметный указатель
- •Литература
10.2 Гиперссылки
Для осуществления связи между HTML – документами применяются так называемые гипертекстовые ссылки.
Гипертекстовая ссылка состоит из двух частей: псевдо кнопки и адресной части (URL). Псевдо кнопка – это просто какой-то текст или графическое изображение, по которому пользователь должен щелкнуть мышью, приблизительно так же, как он «нажимает» на кнопку диалоговой панели.
Абсолютный и относительный URL
В разделе, посвященном компьютерным сетям и принципам поиска информации в Интернет, было введено понятие URL (универсального локатора ресурса), однозначно определяющего расположение объекта в глобальной сети. В общем случае URL имеет следующий вид (части, заключенные в квадратные скобки, не обязательны и могут быть опущены):
протокол://адрес_узла[:порт]/путь/файл[#метка]
В таблице 10.1 приведены назначения компонент URL.
Таблица 10.1
Компонента |
Назначение |
протокол |
Обозначение одного из протоколов, используемых для обращения к ресурсу, возможные значения: http, ftp, file и др. |
адрес_узла |
Доменное имя или IP-адрес компьютера в сети Интернет |
порт |
Порт, по которому клиент обращается к серверу для установления соединения; указывается только в случае обращения к нестандартному порту |
путь |
Путь к требуемому ресурсу |
файл |
Имя файла, содержащего HTML-документ или другой ресурс |
метка |
Позиция в документе, начиная с которой он отображается в окне браузера |
URL, заданный в таком виде, называется абсолютным URL, так как он полностью описывает расположение ресурса в глобальной сети.
Пример:
При обращении к конкретному ресурсу порт и позиция в документе часто не указываются:
http://www.ctc.msiu.ru/education/book/index1.html
Якорь
Для создания гипертекстовой ссылки используется тэг <A>, следующего формата:
<A HREF=”URL”>Любой текст</A>
Буква А означает anchor (“якорь”), HREF – Hypertext Reference («Гипертекстовая ссылка) URL может быть полным, например:
<A HREF=http://www.infa-m.ru>Издательство INFA-M</A>
Если происходит ссылка на документ, который расположен на том же самом диске, более того, в том же каталоге, можно применять сокращенную запись URL, указывая только имя файла, например:
<A HREF=”page15.htm”> Страница 15</A>
Эта гипертекстовая ссылка приведет к загрузке HTML – документа, хранящегося в том же каталоге в виде файла page15.htm.
Следующий пример демонстрирует ссылку на файл demo.jpg.,который хранится в каталоге pictures:
<A HREF=”pictures/demo.jpg”>
Тэг <A> может иметь дополнительный атрибут TARGET=, который указывает на способ загрузки страницы в браузер. Например, следующая ссылка приведет к созданию нового экземпляра браузера, в который и будет загружена страница:
<A HREF=’page15.htm” TARGET=”_BLANK”> Страница 15 </A>
Разберем следующую ситуацию. В одном HTML – документе (например, contents.htm) описано оглавление некоторого большого текста, разбитого на главы. А сам текст в полном объеме хранится в другом HTML – документе (например, text.htm является гипертекстовой ссылкой на сам текст). Например:
<A HREF=”text.htm”>Глава 77</A>
В этом случае документ будет загружен с самого начала и пользователю придется с помощью полосы прокрутки позиционировать его на главу 77. HTML позволяет путем введения так называемых именованных гипертекстовых ссылок избежать поиска нужного фрагмента. Имя гипертекстовой ссылке присваивается так же при помощи тэга <A> с атрибутом Name.
Например, для указанного примера в HTML – документе text.htm вместо Глава 77 следует поместить тэг:
<A NAME=”chapter77”>Глава 77</A>
А в HTML – документе contents.htm соответствующий вызов оформить следующим образом:
<A HREF=”text.htm#chapter77”>Глава 77</A>
В этом случае загруженный документ сразу будет установлен с искомой точки.
Использование изображения в качестве гиперссылки ничуть не сложнее, чем использования для этой цели обычного текста. Для этого тэг, описывающий изображение, следует обрамить тэгом гиперссылки:
<A HREF=”index.htm”><IMG SRC=”home.gif”ALT=”На главную страницу”></A>
В этом примере приведена ссылка на главную страницу (index.htm) Web-сайт. Такая гиперссылка обычно является атрибутом любой страницы нижнего уровня. В данном примере предполагается, что на диске имеется GIF – файл с именем home.gif. в котором хранится некое изображение.
Пример связи страниц
А теперь создадим пару связанных между собой документов. Введите в редакторе текст с листингом 5.1 и 5.2 и сохраните их в файлах, соответственно: 05_01.htm и 05_02.htm. В данном случае имена файлов должны быть именно такими, как приведено в тексте, иначе связка не получится.
Листинг 3 Простейший HTML – документ, содержащий гиперссылку(05_01.htm) (рис 10.3)
<HTML>
<HEAD><TITLE>Документ 1</HEAD></TITLE>
<BODY.
<CENTER>
<H1>Документ №1</H1><BR>
<A HREF=”05_02.htm”>Документ № 2</A>
</CENTER>
</BODY></HTML>
Рис. 10.3 Отображение листинга 3
Листинг 4 Простейший HTML – документ, содержащий гиперссылку(05_02.htm) (рис. 10.4)
<HTML>
<HEAD><TITLE>Документ 2</HEAD></TITLE>
<BODY.
<CENTER>
<H1>Документ №1</H1><BR>
<A HREF=”05_01.htm”>Документ № 1</A>
</CENTER>
</BODY></HTML>
Рис. 10.4 Отображение листинга 4
Мы получили самый настоящий связанный набор HTML – документов. Первый документ содержит ссылку на файл 05_01.htm и при активизации этой ссылки данный документ будет загружен в браузер. Соответственно, второй документ содержит ссылку на первый (рис. 10.5).
Рис. 10.5 Циклическая связь двух HTML – документов с помощью тэгов <A HREF>