Типы связей между гипертекстовыми документами. Абсолютный и относительный путь. URL.

С помощью тегов HTMLможно связать любой элемент Web-страницы (например, текст или рисунок) с каким-либо адресом URL. Такие связи называются гиперссылками. При просмотре Web-страницы в браузере текстовые гиперссылки выделяются, синим цветом и подчер­киванием (если используется стандартная настройка). При щелчке левой кнопкой мыши на гиперссылке происходит загрузка другого Web-документа — того, на который указывает адрес URL, записан­ный в этой гиперссылке.

Благодаря гипертекстовым связям все пространство WWW можно рас­сматривать как единую паутину, состоящую из множества взаимо­связанных документов. Сегодня в этой паутине насчитывается более пяти миллиардов документов, и их число очень быстро растет. Теоре­тически, начав работу в WWW с просмотра одного-единственного документа, можно бесконечно блуждать в паутине, получая все новую и новую информацию. Приемы навигации в WWW— это отдельная тема для обстоятельного обсуждения. Навигация — еще одна из функ­ций Web-браузеров.

Протокол передачи гипертекста HTTP

Служба WWW, как и любая иная сетевая служба, строится на взаимодействии пары программ: сервера и клиента. Программы-серверы WWW называются Web-серверами - они работают на компьютерах, которые называются сетевыми серверами. В общем, одно и то же слово сервер, в зависимости от контекста, может обозначать то ли компью­тер, то ли программу.

Программы-клиенты WWW называются Web-браузерами — они работают на наших с вами клиентских компьютерах. Взаимодействие между Web-сервером и Web-браузером происходит по специальному прикладному протоколу —HTTP (HypertextTransferProtocol, про­токол передачи гипертекста). Несмотря на столь длинное и страшное название, протокол HTTP чрезвычайно прост — это один из самых простых прикладных протоколов Интернета. Суть его в том, что бра­узер имеет право обратиться к серверу с запросом, в котором указан URL-адрес требуемого ресурса. Это может быть Web-страница, рису­нок, программный объект и т. п. Сервер передает браузеру затребованный ресурс, после чего соединение разрывается до следующего запроса.

Обратите внимание на то, что физическое соединение между вашим компьютером и хостинг-провайдером не разрывается. Разрывается только соедине­ние между клиентской и серверной программами — так называемое HTTP-соединение.

В общем, протокол HTTP как бы одноразовый: запрос — ответ, новый запрос — новый ответ и так далее. Интересно, что если на одной Web-странице содержится множество картинок, то для приема каждой надо отправлять новый запрос. Так работать было бы весьма неудобно, но браузер и здесь нам помогает. Современному браузеру достаточно указать URL адрес нужной Web-страницы, а далее он сам примет ее, увидит, какие объекты в нее встроены, сделает запросы на поставку этих объектов, получит их и покажет на экране полностью скомпоно­ванную страницу.

Современные Web-страницы - это комплексные документы, состоящие из многочисленных объектов. Но, строго говоря, в этом комплексе Web-страницей является только текстовая часть. Все остальное — встроенные дополнитель­ные объекты. В браузере их прием можно отключить, и тогда скорость загрузки Web-страниц многократно возрастет, хотя информативность несколько сни­зится. Этим пользуются те, кто работают с низкоскоростными соединениями.

Абсолютный URL-адрес

Абсолютный URL-адрес содержит обозначение протокола, доменный или IP-адрес компьютера, путь к файлу, а также имя файла. Например:

 

http: //sevidi.ru/webd/htmpage.html

 

Если файл находится в корневой папке, то путь может отсутствовать:

 

http: //sevidi.ru/news.html

 

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

 

http: //sevidi.ru/

 

http: //sevidi.ru/webd/

 

Относительный URL-адрес

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

 

если нужная веб-страница находится в той же папке, что и веб-страница, содержащая ссылку, то URL-адрес может содержать только имя файла. Если с

веб-страницы, находящейся по адресу:

 

http: //sevidi.ru/webd/htmpage1.html

 

нужно перейти на страницу:

 

http: //sevidi.ru/webd/htmpage2.html

 

то ссылка будет такой:

 

< a href = " htmpage2.html" > Текст ссылки< /a>

 

если с веб-страницы, находящейся по адресу

http: //sevidi.ru/webd/dweb/file1.html

 

нужно перейти на

 

http: //sevidi.ru/webd/dweb/htmtest/file2.html

 

то ссылку можно указать так:

 

< a href = " htmtest/file2.html" > Текст ссылки< /a>

 

если с веб-страницы, находящейся по адресу

http: //sevidi.ru/webd/dweb/htmtest/file2.html

 

нужно перейти на

 

http: //sevidi.ru/webd/dweb/file1.html

 

то ссылка будет такой

 

< a href = "../file1.html" > Текст ссылки< /a>

 

А при переходе с

 

http: //sevidi.ru/webd/dweb/htmtest/file2.html

 

на

 

http: //sevidi.ru/webd/file3.html

 

ссылка будет такой

 

< a href = "../../file3.html" > Текст ссылки< /a>

 

По умолчанию вызываемый при активации ссылки документ открывается в текущем окне браузера, заменяя документ, содержащий эту ссылку. Это происходит, если браузер способен открыть документ в своем окне (некоторые документы открываются в окне соответствующих приложений). Можно задать в каком окне браузера или фрейме следует открыть вызываемый документ. Это делается с помощью атрибута target, который принимает следующие значения:

 

имя_окна — имя окна или фрейма;

_parent — указатель на родительский фрейм;

_blank — указатель на новое окно;

_top — указатель на фрейм верхнего уровня;

_self — указатель на тот же самый (текущий) фрейм.

Если требуется, чтобы при наведении указателя мыши на указатель ссылки появилась всплывающая подсказка (поясняющий текст), то в теге < a> следует использовать атрибут title, принимающий в качестве значения текст всплывающей подсказки.

 

Пример:

 

< html>

< head>

< meta http-equiv=" Content-Type" content=" text/html; charset=windows-1251" >

< title> Гиперссылки. Всплывающая подсказка< /title>

< /head>

 

< body>

< a href=" 59.html" title=" ссылка" target=" _blank" > Ссылка< /a>

< /body>

< /html>

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

Теория цвета. Сочетаемость цветов. Воздействие цвета на человека и его психику.

Теория Цвета гласит, что каждый цвет оказывает свое воздействие на психику человека. О том, как подобрать нужные для сайта цвета и что такое " цветовое колесо" - в нашем переводе статьи от выпускника Калифорнийского университета Ника Роджаса.

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

Оказывается, красный цвет действует как стимулятор (вызывая аппетит, пробуждая голод) и привлекает к себе внимание, тогда как желтый создает ощущение скорости и срочности. Классические примеры – Макдональдс, KFC, Стардог! s. Теперь подумайте о Вашем собственном сайте и его дизайне. С большой долей вероятности в процессе его создания цвета выбирались без учета Теории Цвета, обходясь привычными цветами Вашего бренда.

Познакомившись с этой теорией, Вы сможете проанализировать, какие чувства испытывают посетители на вашем сайте, и заставить психологию цвета работать на Вас.

Что такое Теория Цвета?

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

Одна из первых современных трактовок Теории Цвета была написана около ста лет назад Альбертом Манселлом (Albert Munsell). Манселл придумал для описания цветовых свойств трехкомпонентную модель, в которой цвет выявляется с помощью трех понятий – значения/ценности (англ. value), оттенка (англ. hue) и насыщенности/яркости (англ. croma).

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

⇐ Предыдущая234567891011Следующая ⇒

Поделиться: