Структурно-логическое проектирование Web -узлов

Вид материала

Лекции

Содержание Для получения дополнительной информации смотри страницу компании СофтСервис Поддержка WWW

Подобный материал:

• Рабочая программа по дисциплине «Структурно-логическое проектирование» Дополнительной, 84.66kb.
• Сценарий занятия «html-проектирование: Достопримечательности Мурманской области», 72.96kb.
• План занятий Web взгляд изнутри. Вводная часть в курс. Web-страницы, web-сайты, web, 11.42kb.
• Тема урока: Создание Web страниц с помощью html, 39.83kb.
• Структурно- логическое развитие теории и методологии планирования в управлении современной, 506.8kb.
• В. К. Толстых учебное пособие администрирование сервера iis 5 Донецк, Донну 2004 министерство, 663.13kb.
• Тема: Создание Web-документа с помощью Microsoft Word, 137.29kb.
• Рабочая программа профессионального модуля, 567.99kb.
• Методические указания по выполнению курсовой работы по дисциплине "web-графика и web-дизайн", 115.21kb.
• Современный web-дизайн, 106.2kb.

(начало и конец файла);

Заголовок: (описание документа, например его имя);

Имя документа: (должно быть в заголовке);

Тело: (содержимое страницы).

Когда WEB-броузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом . Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

...тело документа...

Тэг заголовка документа должен быть использован сразу после тэга и более нигде в теле документа. Данный тэг представляет из себя общее описание документа. Избегайте размещать какой-либо текст внутри тэга . Стартовый тэг помещается непосредственно перед тэгом



...



Внимание! Технически, стартовые и завершающие тэги типа , и необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тэгов позволяет WEB-броузеру уверенно разделить заголовочную часть документа и непосредственно смысловую часть.

Большинство WEB-броузеров отображают содержимое тэга , размещается внутри -тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.

Главная задача для автора гипертекстового документа, если он хочет донести свое послание до читающей публики - "отметиться" наиболее удачным способом во всех каталогах, куда захаживает потенциальный читатель в поисках информации по интересующей его теме. Для этой цели в набор команд языка HTML включена специальная группа инструкций META, предназначенных в основном для описания и индексирования документа поисковыми машинами.

Команды META вносятся в "шапку" гипертекстового документа - внутри блока .... Наибольшее практическое значение имеют два типа META - description (описание) и keywords (ключевые слова).

Синтаксис этих команд весьма прост и стандартен.





Многие программы-роботы, индексирующие документы HTML, пользуются описанием, которые они находят у вас в инструкции "description", при выводе информации о вашей странице в результатах поиска. Если этой инструкции в документе не окажется, то поисковая машина вернет информацию о вашем сайте в виде 256 или 512 первых символов найденной страницы - разумеется, за вычетом команд HTML. Возможность контролировать, какую информацию о вашей странице получит пользователь, нашедший ее по ключевому слову в поисковой машине, позволяет вам повысить свои шансы на привлечение посетителей, интересующихся именно вашей темой.

Поскольку инструкции МЕТА находятся в "шапке" документа, они могут использоваться при настройке параметров программы-гляделки для оптимального показа данного документа пользователю. В частности, МЕТА может содержать информацию о кодировке документа:



Эта инструкция означает, что документ написан на русском языке, в кодировке КОИ8. Предполагается, что браузеры используют эту информацию для автоматического переключения доступных кодировок.

МЕТА может использоваться для создания динамических документов, содержимое которых освежается через заданный промежуток времени (в секундах):



Включение этой инструкции в "шапку" приведет к тому, что через 12 секунд после загрузки текущего документа гляделка вызовет страницу, адрес которой указан как значение URL. Если значением URL является не документ HTML, а, скажем, звуковой файл, то он будет исполнен в указанный срок. В обоих случаях, эта техника носит название Client Pull.

Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются броузером. Синтаксис комментария:

Комментарии могут встречаться в документе где угодно и в любом количестве.

3. Тело документа.
   

Тэг <BODY> позволяет не только указать начало тела документа, но и дать его основные характеристики:

Фоновая картинка



Цвет фона (порядок: красный/зеленый/синий в шестнадцатиричном счислении)



Цвет текста



Цвет ссылки



Посещенная ссылка



Активизируемая ссылка



Для указания цветов допускается использовать их названия: RED, GREEN, BLUE и другие.

4. Гиперссылки
   

Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие гипертекстовые документы (гиперссылки) и фрагменты внутри документа.

Тело документа должно находиться между тэгами и . Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа.

HTML использует URL (Uniform Resource Locator) для представления гипертекстовых ссылок и ссылок на сетевые сервисы внутри HTML-документа. Для того, чтобы броузер отобразил ссылку на URL, необходимо отчетить URL специальными тэгами в HTML-документе. Синтаксис HTML, позволяющий это сделать - следующий:

ссылка скрыта

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

Для получения дополнительной информации смотри страницу компании СофтСервис

Данная строка будет выглядеть на экране следующим образом:

Для получения дополнительной информации смотри страницу компании СофтСервис

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

Для создания такой ссылки необходимо выполнить следующие шаги:

1. Создайте анкер раздела. Синтаксис данного анкера следующий:

Текст-который-отобразится-в-первой-строке-броузера

2. Создайте ссылку на данный анкер:

Текст

Например:


Список разделов

• Раздел 1



• Раздел 2

Раздел 1

Текст раздела 1

Раздел 2

Текст раздела 2


Вид на экране:


Список разделов

1. Раздел 1
   
2. Раздел 2
   


Раздел 1

Текст раздела 1

Раздел 2

Текст раздела 2


Символы "#ex1" сообщает вашему броузеру, что необходимо найти в данном HTML-документе анкер с именем "ex1". Когда пользователь щелкнет мышью на строке "Раздел 1", броузер перейдет сразу к разделу 1.

Внимание! Как ранее было показано в синтаксисе URL, анкер раздела может быть поставлен как в том же документе, который просматривается в текущий момент, так и в другом документе. Во втором случае броузер осуществит подгрузку другого документа и перейдет к указанному для него разделу.

В качестве протокола в URL можно указывать не только p:// - для перехода к файлу (каталогу) на FTP-сервере, например, для просмотра изображения или выгрузки (upload) файла на компьютер посетителя Web-страницы. Пример:

ссылка скрыта

Протокол news: служит для вызова службы новостей, если броузер ее поддерживает. Например:

Поддержка WWW

Кроме того, существует протокол mailto:, который активизирует почтовую сессию с указанным пользователем и сайтом. Например, ссылка:

Пишите письма!

активизирует сессию посылки сообщения пользователю gun на хосте ait.cs.nstu.ru с темой письма (Subject) “Письмо с Web-page”, если броузер поддерживает запуск электронной почты. Заметьте, что метод mailto: не требует указание слэшей после двоеточия (как правило, после двоеточия сразу идет электронный адрес абонента).


5. Заголовки разделов документов
   

HTML имеет шесть уровней заголовков, имеющих номера с 1 по 6 (заголовок первого уровня является заголовком высшего уровня). По сравнению с нормальным текстом, заголовки выделяются шрифтом - размером и толщиной букв. Первый заголовок в каждом документе должен быть выделен