- •Курсовой проект по Информатике
- •Основные положения
- •Структура html-документа
- •Раздел заголовка
- •Тело документа
- •Теги форматирования текста
- •Заголовки
- •Выделение фрагментов текста
- •Гиперссылки Абсолютные и относительные ссылки
- •Ссылки внутри одного документа
- •Тез базового пути
- •Форматы изображений и графические редакторы
- •Активные изображения или карты навигации
- •Интерактивные Web-страницы. Формы
- •Поля ввода
- •Переключатели
- •Списки выбора
- •Многострочный текстовый блок
- •Каскадные таблицы стилей
- •Синтаксис таблиц стилей
- •Включение стилевых таблиц в html-документ
- •Порядок и этапы выполнения курсового проекта Порядок проектирования и реализации сайта
- •Критерии оценки сайта.
- •Логическая структура сайта
- •Динамическая и статическая компоновка сайта
- •Системы навигации сайта
- •Организация документа.
- •Требования и критерии оценки курсового проекта
- •Содержание отчета по курсовому проекту
- •Рекомендуемая литература
Гиперссылки Абсолютные и относительные ссылки
Гиперссылки обеспечивают связь между различными HTML-документами. Гиперссылка представляет собой фрагмент HTML-документа (текст или изображение), щелчок на котором приводит к загрузке другого документа.
Для создания гиперссылки используется пара тегов <А> и </А>. Заключенный между ними фрагмент HTML-документа при просмотре будет отображаться как гиперссылка. Тег <А> обязательно должен использоваться совместно с атрибутом HREF. С помощью него задается ссылка на документ, к которому должен быть произведен переход при щелчке на гиперссылке.
Таким образом, фрагмент HTML-документа, задающий гиперссылку, в общем виде выглядит так:
<А HREF-URL_pecypca> фрагмент документа </А>
Здесь URL-адрес, задаваемый атрибутом HREF, может быть двух видов: абсолютным и относительным:
абсолютный URL-адрес начинается с указания протокола обращения к ресурсу и адреса Web-узла.
относительный URL-адрес указывает расположение ресурса относительно местоположения текущего HTML-документа. Например, строка
<А HREF=doc1.html>Переход к документу 1</А>
создает гиперссылку, указывающую на гипертекстовый документ, содержащийся в файле docl.html, который размещен в том же каталоге, что и текущий документ.
Если абсолютный адрес документа, содержащего приведенную гиперссылку, выглядит, например, как http://www.domen.ru/information/main.html, то абсолютным адресом, на который эта гиперссылка ссылается, будет http://www.domen.ru/information/ doc1.html.
Относительная ссылка сохраняет свою работоспособность в случае изменения адреса Web-узла как целого (например, в результате его переноса на другой сервер), поэтому при потенциальной возможности такого события следует отказываться от полного задания адресов в гиперссылках. Абсолютная запись адреса обычно используется, когда необходимо направить посетителя на другой Web-узел, и рассматривается как внешняя ссылка.
Ссылки внутри одного документа
Тег <А> имеет еще одно назначение - кроме создания гиперссылок он позволяет устанавливать маркеры (якоря, закладки) для организации переходов по гиперссылкам в пределах одного документа HTML. Для задания якоря тег <А> используется совместно с атрибутом NAME:
<А NАМЕ="ИмяМаркера"> текст </А>
В этом случае текст, заключенный между тегами <А> и </А>, при отображении никак не выделяется, но к помеченному таким образом фрагменту HTML-документа можно перейти с помощью гиперссылки следующего вида:
<А НRЕF="#ИмяМаркера"> текст </А>
Гиперссылки такого вида удобно использовать в документах большого объема. Например, вы можете создать на каждой странице краткое оглавление. Это облегчает навигацию и позволяет без прокрутки сразу перейти на нужную строку или заголовок.
Имя якоря может задаваться произвольной последовательностью (без пробелов) латинских букв и цифр (кроме первого символа).
Тез базового пути
Как правило, указатели в ссылках на локальные документы используют относительную адресацию. Это удобно, поскольку если перенести документ и связанные с ним файлы в другой каталог, локальные ссылки не перестанут работать. Однако, существует возможность указать и полный путь к местоположению файлов, используя непарный тег <BASE> для преобразования относительного пути, указанного в ссылке в абсолютный. Например, зададим базовый путь:
<BASE HREF=http://www.domen.ru/information>
Если относительный адрес будет выглядеть следующим образом:
<A HREF=doc1.html>Переход к документу 1</А>
тогда сервер будет искать этот файл в текущем каталоге, содержащем документы. Если doc1.html не будет найден, сервер соединит URL, указанный в этом адресе и базовый путь. В результате этого полный URL будет выглядеть следующим образом:
http://www.domen.ru/information/doc1.html
В заключение отметим, что тег <BASE> помещается в самом начале HTML-документа.
Web-графика