Мои Конспекты
Главная | Обратная связь


Автомобили
Астрономия
Биология
География
Дом и сад
Другие языки
Другое
Информатика
История
Культура
Литература
Логика
Математика
Медицина
Металлургия
Механика
Образование
Охрана труда
Педагогика
Политика
Право
Психология
Религия
Риторика
Социология
Спорт
Строительство
Технология
Туризм
Физика
Философия
Финансы
Химия
Черчение
Экология
Экономика
Электроника

Установка общих параметров страницы

Ссылки на другие страницы

Теперь пора создать ссылку на созданную веб-страницу. Откроем файл index.html. В строке "Компания оказывает услуги по обслуживанию продаваемой электоники." выделим слово услуги.

В панеле управления Свойства в пункте Ссылка нажимаем кнопку с изображением папки. Откроется диалоговое окно Выбрать файл. В раскрывающемся списке Папка выбираем папку abc и в папке abc файл abcserv.html.

Нажимаем ОК.

Обратите внимание на панель Свойства. В пункте ссылка указан URL-адрес веб-страницы.

Теперь зададим цель гиперссылки с помощью комбинированного списка Назначение, находящимся в редакторе свойств.

Он содержит четыре пункта, из которых полезными для нас в данный момент будут два пункта: blank и self. Первый из них позволяет вывести целевую страницу в новом окне веб- обозревателя, а второй -в том же окне.

Мы можем легко исправить интернет адрес любой созданной гиперссылки. Для этого поставим текстовой курсор на текст гиперссылки, изменим интернет-адрес в комбинированном списке Ссылка редактора свойств и нажмем клавишу <Enter>.

Откроем Код HTML-cтраницы.

В окне веб-браузера это будет выглядеть ТАК.

Есть еще один способ создания гиперссылки, позволяющий задать многие ее параметры, не доступные для задания в редакторе свойств. Для этого щелкнем кнопку вкладки Общие на панели Вставить, предварительно выделив слово "услуги". На экране появится диалоговое окно Гиперссылка.

В пункте Ссылка нажимает кнопку со значком папка. Откроется диалоговое окно Выбрать файл. В раскрывающемся списке Папка выбираем папку abc, открываем ее и выбираем файл abcserv.html.

Почтовые гиперссылки

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

Интернет адрес такой гиперссылки записывается следующим образом. Возьмем почтовый адрес abc@mail.ru. Cогласно стандарту HTML, этот почтовый адрес должен быть записан так: mailtо:abc@mail.ru, причем между двоеточием после ввода mailtо и собственно адресом недолжно быть пробелов. Выделим имя автора и введем почтовый адрес в комбинированный список Ссылка редактора свойств. После нажатия клавиши <Enter> мы получим готовую гиперссылку, которая по внешнему виду ничем не отличается от обычной.

Есть другой способ создать почтовую гиперссылку. Для этого надо переключиться на вкладку Вставить панели Общие . На экране появится диалоговое окно Ссылка на адрес электронной почты.

В поле ввода Текст этого окна вводится текст гиперссылки. Если перед созданием гиперссылки выделить фрагмент текста, он уже будет подставлен в поле ввода и станет текстом гиперссылки. В поле Эл. почта нам нужно будет ввести почтовый адрес(можно без mailtо:). Нажимаем ОК.

 

 

Якоря

Теперь рассмотрим еще одну разновидность гиперссылок, так называемые якоря. В отличие от других, они не указывают на другую веб-страницу, а помечают некоторый фрагмент текущей страницы, чтобы другая гиперссылка могла на него сослаться.

Для того чтобы научиться работать с якорями, создадим небольшую учебную страничку, наберем текст, достаточно большой, чтобы он не помещался на экране полностью. Для примера возьмем данную веб-страницу и сохраним ее как test.html. После этого напишем небольшое оглавление, и создадим первый якорь. Поместим текстовой курсор в начало заголовка Гиперссылки и переключимся на вкладку Вставить панели Общие . Нажмем кнопку вставки якоря. На экране появится диалоговое окно Именованная привязка . В поле ввода Имя привязки введем имя создаваемого якоря a1. Имена якорей должны состоять из латинских букв цифр, причем первым символом должна быть буква. Введя имя, нажмем ОК.

Маркер якоря будет отображен в позиции, где тот был вставлен. Это делается для удобства веб-дизайнера. Якоря на страницах веб-обозревателя не отражаются.

Создадим гиперссылку, ссылающуюся на якорь. Выделим строку в оглавлении Гиперссылки. Интернет-адрес, на который будет ссылаться гиперссылка, будет выглядеть так: #а1.

Введем его в комбинированный список Ссылка редактора свойств и нажмем клавишу <Enter>. Значок решетки # обозначает имя якоря. Имя файла web-страницы не указано. Это значит, что мы ссылаемся на якорь, расположенный на той же странице. Если мы хотим сослаться на данный якорь из другой страницы, то должны сослаться на эту страницу. Например, 1.1.html#par1. Создаем якоря на оставшийся список оглавления. Как это делать, мы уже знаем.

В окне веб-браузера это будет выглядеть ТАК.

И так мы создали несколько гиперссылок. Веб-обозреватели формируют их по-своему, отлично от основного текста. Гиперссылка должна сразу бросаться в глаза. Только форматирует он их по своим собственным правилам, которые нам могут не подойти.

Что делать в таком случае? Нужно всего лишь изменить параметры веб-страницы.

Установка общих параметров страницы

Общие параметры веб-страницы задаются в диалоговом окне Свойства страницы. Вызвать его можно, выбрав пункт Свойства страницым меню Измение или щелкнув кнопкой Свойства страницы находящуюся в редакторе свойств.

В списке Категория, выбирается категория параметров страницы. Изначально там выбрана категория Внешний вид, где задаются параметры обычных текстовых абзацев. Комбинированный список Шрифт страницы задает шрифт абзацев. КнопкиВ иI позволяют сделать его начертание полужирным и курсивом. Комбинированный список Размер задает размер шрифта. Селектор цвета Цвет текста позволяет выбрать текст цвета. Селектор цвета Цвет фона позволяет задать фон страницы. Поля ввода Левое поле, Верхнее поле, Правое поле и Нижнее поле задают отступы между рамкой окна веб-обозревателя и содержимым веб-страницы, соответственно слева, сверху, справа и снизу.

Теперь перейдем на категорию Ссылки.

Комбинированный список Шрифт ссылок задает шрифт гиперссылки и аналогичен рассмотренному ранее списку Шрифт страницы в категории Внешний вид. Кроме знакомых нам по предыдущей категории селекторов и кнопок, здесь есть четыре селектора цвета, задающие цвета различных гиперссылок:

· Цвет ссылок-задает цвет обычных гиперссылок(по умолчанию синий)

· Просмотренные ссылки-задает цвет уже посещенных гиперссылок(по умолчанию темно-красный)

· Выделение ссылок-задает цветгиперссылки, над которой находится курсор(по умолчанию-синий)

· Активные ссылки-задает цвет активной гиперссылки(по умолчанию ярко-красный)

Раскрывающейся список Стиль подчеркивания позволяет установить или убрать подчеркивание гиперссылок.

На рисунке мы видим четыре доступных пункта. Выберем пункт Показывать подпись только при прокрутке.

Следующая категория окна Свойства страницы — Заголовки, служащая для заданий параметров заголовков.

Комбинированный список Шрифт заголовка задает шрифт заголовка. Группы управления элементов Заголовок1...,Заголовок6 задают параметры заголовков соответствующего уровня. В каждую такую группу входит комбинированный список, задающий размер шрифта, раскрывающийся список для задания единицы измерения этого размера в стандартах CSS и селектор цвета заголовка.

Последняя категория окна Свойства страницы, которую мы рассмотрим это Название/кодировка. Она задает основные параметры веб-страницы.

Поле ввода Название вводится название веб-страницы. Раскрывающейся список Тип документа(DTD) устанавливает разновидность языка HTML. Раскрывающейся список Кодировкас — задает кодировку страницы.

Очень часто бывает так, что текст открытой в редакторе веб-страницы отражается нечитаемыми закорючками. Это происходит, когда в ее коде отсутствует тег <meta>, задающий кодировку. Dreamweaver в таких случаях применяет к открывающейся странице кодировку, заданную в его настройках. Если же этого не происходит откройте диалоговое окно Свойства страницы, переключитесь на категорию Название/кодировка, выберете в раскрывающемся списке нужную кодировку и нажмите кнопку Перезагрузить и далее кнопку ОК.

Задав общие параметры веб-страницы, нажимаем кнопку ОК, чтобы сохранить сделанные установки.