Гипертекстовая разметка применяется для указания, в какой части экрана и каким образом должен быть отображен текст и как связаны между собой тексты, составляющие гипертекстовую базу данных. С этими целями в текст вводятся специальные управляющие символы. Текст с управляющими символами хранится в обычном текстовом файле в кодах ASCII и может быть обработан практически любым текстовым редактором.
Язык гипертекстовой разметки HTML был предложен Тимом Бернерсом-Ли в 1989г. К моменту создания создания HTML существовал стандарт языка разметки печатных документов - SGML (Standart Generalised Markup Language), который и был взят в качестве основы HTML. Предполагалось, что такое решение поможет использовать существующее программное обеспечение для интерпретации нового языка.
В качестве элемента гипертекстовой базы данных для HTML был выбран обычный текстовый файл, который хранится средствами файловой системы операционной Среды ЭВМ.
Таким образом, гипертекстовая база данных в концепции WWW -это набор текстовых файлов, написанных на языке HTML, который определяет:
- форму представления информации (разметка);
- структуру связей файлов между собой (гипертекстовые ссылки).
Такой подход предполагает наличие еще одной компоненты технологии - интерпретатора языка. В WWW функции интерпретатора разделены между сервером гипертекстовой базы данных и интерфейсом пользователя. Сервер, кроме доступа к документам и обработки гипертекстовых ссылок, осуществляет так же препроцессорную обработку документов, тогда, как интерфейс пользователя осуществляет интерпретацию конструкций языка, связанных с представлением информации.
В 1990г. появилась нулевая версия HTML 0.
Первая версия (HTML 1.0) была направлена на представление языка как такового, где описание его возможностей носило скорее рекомендательный характер.
Вторая версия (HTML 2.0) фиксировала практику использования конструкций языка и явилась стандартом для построения WWW.
Версия ++HTML++ представляла новые возможности по представлению научной информации и таблиц, улучшения стиля компоновки текста и изображений.
Третья версия (HTML 3.0) упорядочила все нововведения и формализовала интерфейс пользователя гипертекстовой распределенной системы.
В 1996г. выпущена новая версия языка: HTML 3.2 ,включающая средства для создания таблиц, конструкции языка Java, карты-изображения (располагающиеся на машине-клиенте) и новые типы форматирования текста.
HTML - это текстовый язык, в котором инструкции по форматированию, называемые тэгами (tags), встроены в текст документа.
Процесс создания HTML - документа заключается во включении тэгов внутрь неформатированного текста, несущего информационную нагрузку.
Тэги HTML - это последовательности символов, начинающиеся знаком “меньше” (<) и заканчивающиеся знаком “больше” (>).
Большинство функций форматирования в HTML специфицирует логические, а не физические стили. Например, тэги заголовков, которые обычно обозначают больший размер букв, не указывают, какой именно размер надо использовать. Браузер (который выполняет роль клиентской программы) выбирает размер текста для заголовков, превышающий обычный. Этот подход позволяет избавиться от платформы - документ, созданный на Macintosh может быть использован UNIX или Windows. Недостатком является то, что на разных платформах документ выглядит по-разному.
Браузеры WWW при анализе предложений HTML работают по следующим правилам:
- пробелы и другие “невидимые” символы игнорируются;
- все тэги могут быть разделены на группы: базовые тэги, тэги форматирования, структурные тэги, указатели, и т.д.;
- тэги форматирования могут быть написаны строчными и/или прописными буквами;
- большинство тэгов форматирования пишутся парами. Открывающий тэг активирует данный эффект, а закрывающий -выключает его. Пара тэгов иногда называется контейнером, поскольку эффект, который они включают и выключают проявляется на тексте, расположенном внутри них. Например, для того, чтобы указать, что строка должна быть напечатана жирными символами, надо написать: <B> Эта строка будет напечатана жирным текстом </B>
- текст, находящийся внутри закрывающего тэга, всегда предваряется символом “обратная косая черта”. Среди базовых тэгов HTML исключением из этого правила являются: <BASE> (основная информация), <BR> (конец строки), <HR> (горизонтальная линейка), и <IMG> (изображение). Эти тэги существуют в единичном экземпляре.
Каждый документ HTML имеет граничные тэги: <HTML> и </HTML>. Эта пара тэгов заключает в себе все другие тэги Web-страницы и все информационное содержание документа. Фактически они декларируют, что все содержимое контейнера является кодом HTML. Тэг <HTML> должен располагаться в первой строке файла, а тэг </HTML> - в последней.
Каждый HTML-документ содержит заголовок документа и его тело.
Заголовок документа идентифицирует документ. Он должен идти сразу после тэга <HTML> и начинаться с <HEAD>. Заканчивается заголовок тэгом </HEAD>.
В заголовке документа обязательно должны присутствовать название документа и его базовый URL-адрес.
Название документа располагается между тэгами <TITLE> и </TITLE>. Оно используется браузером и Web-сервером. Длина названия не должна превышать 40 символов. Название документа должно быть информативным, отражать содержание документа, чтобы его можно было идентифицировать. Название встречается в строке заголовка Internet Explorer, в списках журнала (History) и “Избранных стрницах” (Favorites).
Базовый URL должен быть полным (абсолютным) и содержать протокол, адрес компьютера в Internet и имя файла. Он указывается в тэге <BASE HREF = “базовый_и^’ >. Все остальные URL в документе могут указываться относительно базового. Например, если базовый URL имеет адрес:http://www.microsoft.com/products/office/word/datasheets.htmlи необходимо указать URL файла features.html , расположенного в каталоге /products/office/excel на том же сервере, можно указать: ../excel/features.html , а не набирать полный адрес.
Символы ../ указывают, что нужно перейти на один уровень каталогов вверх относительно базового адреса.
Наличие базового адреса облегчает перенос документа на другой сервер, так как если все остальные URL в документе относительные, то при переносе необходимо изменить только имя сервера в базовом URL.
Тело документа содержит весь текст, несущий информацию и все тэги HTML, используемые для форматирования текста. Тело документа начинается сразу же после заголовка и ограничивается тэгами <BODY> и </BODY>.
Пример HTML-документа:
<HTML>
<HEAD>
<TITLE> Название документа </TITLE>
<BASE HREF = “базовый_и^” >
</HEAD>
<BODY>
</BODY>
</HTML> Тэги, используемые в теле документа, позволяют указывать следующие элементы разметки текста:
- начало абзаца и конец строки
- стили заголовков
- физические стили -логические стили
- списки
- специальные символы.
Гипертекстовые ссылки состоят из двух частей: указателя и URL. Указатель - это текст, по которому пользователь должен щелкнуть для того, чтобы куда-то переместиться. URL указывает адрес, с которого браузер будет загружать документ, когда пользователь щелкнет по указателю.
Текстовые указатели в графических браузерах обычно подчеркнуты и выделены цветом. В чисто текстовых браузерах они выделяются жирным шрифтом.
В качестве указателя может использоваться любой текст, независимо от его размеров и особенностей форматирования. Указатель может состоять из нескольких букв, слов или даже строк текста.
Формат указателя:
<A HREF = “URL”> текст указателя </A> , где буква А в тэге <A HREF> означает указатель (anchor), а HREF -гипертекстовую ссылку (Hypertext REFerence). Все, что находится между тэгами <A HREF = “URL”> и </A> является текстом указателя, который выводится на экран подчеркнутым или жирным шрифтом.
Вместе с гипертекстовыми указателями могут быть использованы другие форматирующие коды. Например:
<A HREF = “URL” ’> <I> Переход к более подробному изложению </I>
</A> или
<I> <A HREF = “URL” > Переход к более подробному изложению </A> </I> Более подробные сведения по средствам гипертекстовой разметки приведены в [11].
Глава 4. Технология создания и ведения Интернет представительства.
Эффективность Web-представительства фирмы в Интернет практически не зависит от применяемого при его создании аппаратного и программного обеспечения. Основными факторами, влияющими на эффективность, являются содержание, структура Web-сайта, новизна информации на нем, ее достоверность, уникальность стиля Web-сайта.
Содержание Web-сайта определяет, есть ли на нем интересная, заслуживающая внимания информация. Неинтересный сайт никому не нужен, не будет посещаться, обречен на постепенное угасание.
Структура Web-сайта должна быть понятна каждому посетителю. Имея перед глазами документ, пользователь интуитивно должен представлять себе способ получения другой информации Web-сайта. Однажды запутавшись в джунглях сайта, клиент повторно на него не придет. И напротив - ясная и прозрачная структура сайта, в которой поиск данных не представляет труда, обязательно привлечет дополнительных посетителей.
Новизна информации на Web-сайте оказывает сильное влияние на его эффективность. Если информация не обновляется, то после второго посещения сайт перестанет быть интересным. Информацию необходимо обновлять, а старую - переносить в архив. Доступной должна быть и старая, и новая информация. Показать посетителям, что материалы обновлены можно, указывая дату создания и обновления каждого документа.
Достоверность информации определяет авторитетность сайта. Размещать на сайте нужно только проверенные материалы, не содержащие ошибок. Каждый документ на сайте должен иметь конкретного автора - с именем, рабочим адресом, телефоном и электронной почтой, включенными в документ или вынесенными на отдельную страницу с обязательной гипертекстовой ссылкой на нее. Этим подтверждается, что есть человек, который несет ответственность за публикуемые материалы (при этом фирма, в которой он работает, так же отвечает за его действия, так как он является ее сотрудником.
Стиль Web-сайта должен быть уникальным. Сайт должен быть всегда узнаваемым, независимо от того, виден на экране логотип, или нет. Стиль создается различными способами, в том числе - манерой изложения информации.
Учесть эти факторы можно лишь при строгом соблюдении технологии проектирования представительства, которая предусматривает выполнение следующего состава работ по проектированию Web-представительства:
1. Осознание цели разработки Web-представительства;
2. Фиксация внешних условий, в которых будет функционировать представительство;
3. Концептуальное проектирование Web-представительства;
4. Выбор средств создания Web-сайта;
5. Разработка структуры сайта. Конструирование Web-страниц;
6. Информационное наполнение Web-страниц;
7. Тестирование сайта;
8. Размещение сайта на Web-сервере;
9. Объявление о существовании сайта;
10. Контроль работоспособности сайта;
11. Исследование эффективности сайта;
12. Обновление и модернизация сайта.
Цель разработки Web-представительства оказывает существенное влияние на структуру и состав сайта, определяет характер работ при его создании. Все цели могут быть разделены на две группы: некоммерческая деятельность, и получение прибыли. Примерный состав целей может быть представлен в виде следующего графа рис. 3:
Рисунок 3. Примерный состав целей разработки ЖвЬ-представительства Кроме основных существуют и сопутствующие цели:
- сайт должен быть актуальным;
- сайт должен быть интересным, иначе он не будет посещаться более одного раза и время каждого посещения будет минимальным;
- сайт должен быть авторитетным: если на нем дается информация, она должна быть достоверной;
- сайт должен быть удобным, дружественным к пользователю. Конечная цель работы по созданию сайта заключается не в его организации, а в публикациях, в представлении на всеобщее обозрение документов, материалов. возможностей компании.
Начинается разработка Web-сайта с четкого определения целей (основных и сопутствующих), которых не должно быть много. Под них определяется угол зрения, общий тон, на который настраиваются все документы сайта, состав этих документов. Именно цели будут определять состав и структуру программного обеспечения сайта, задействованные на нем сервисы Шете!.
Фиксация внешних условий, в которых будет функционировать
Web-представительство.
Пять Утра в топ 3 популярных креативных агентств.
Внешние условия определяют, кто будет основным посетителем сайта; какие источники информации являются “своими” для типичного посетителя, стиль изложения материала в этих источниках, угол зрения, общий тон; психологические особенности типичного посетителя (пол, возраст, сфера интересов, интеллектуальное развитие, мотивы деятельности, и др.).
Концептуальное проектирование Web-представительства.
В результате концептуального проектирования прорабатываются следующие вопросы:
- Структура и состав информации на сайте;
- Способы привлечения внимания клиентов;
- Способы удержания внимания посетителей сайта;
- Способы повторного привлечения на сайт;
- Стиль сайта, общий тон;
- Угол зрения при подаче информации.
Основная цель Web-сайта - превратить посетителей в клиентов, а разовых клиентов - в постоянных. Общие принципы, выдерживаемые для этого при создании и ведении Web-сайта могут быть сформулированы следующим образом:
- для привлечения и удержания клиентов на Web-сайте обязательно надо предоставлять набор бесплатных услуг, не связывая это с предшествовавшей покупкой.
- на Web-сайте должна быть предусмотрена служба новостей и автоматизированного оповещения клиентов о новых изделиях и услугах компании.
- на сайте должна быть представлена более детальная информация о продукции фирмы, чем это принято в аналогичных сайтах.
- обязательна публикация бесплатной справочной информации по ремонту и обслуживанию продаваемых товаров.
- конструкция Web-сайта должна предоставлять клиентам компании возможность осуществлять информационный поиск посредством “дружественного интерфейса”, в котором система помощи должна быть доступна на всех этапах работы.
- основной режим работы на сайте должен быть - максимально персонализированный диалог.
- работа сайта должна быть организована таким образом, чтобы у клиентов появилось желание рассказать о нем своим друзьям.
- каждый клиент должен помнить: обратись он к сайту в любой момент, он всегда получит либо товар, либо услугу, либо информацию о возможности их получить на других сайтах.
Web-сайт представляет бизнес. Поэтому, он должен выглядеть так, чтобы заказчикам было максимально удобно работать с ним.
При проработке структуры сайта и состава информации на нем необходимо предусмотреть отсутствие отказов пользователю в предоставлении информации, иначе он уйдет к другим. Поэтому на действующих сайтах не должно быть надписей типа: “Извините, этот раздел находится в проработке”.
Сайт должен выглядеть задуманным образом независимо от браузера, его версии, или на какой платформе он работает. Это сложная задача, так как единого стандарта не существует. Различные версии Web-браузеров поддерживают одинаково лишь самые простые конструкции языка HTML. А это значит, что в Web-сайте, ориентированном на массового клиента, использующего различные типы браузеров, их версии, работающих на разны платформах (UNIX, MS DOS, Windows,…), не должно использоваться сложных конструкций языка HTML, а каждый документ должен быть в основном - текстовым. Можно, правда, создавать Web-сайт в нескольких версиях - под разные браузеры, платформы, …, и предоставлять пользователю на Home pages возможность выбора версии. Но обслуживание такого сайта значительно осложнится.
Для привлечения внимания клиента, начиная с первых секунд работы с сайтом, он должен быстро загружаться и содержать актуальную для клиента информацию, представленную в виде интересных для клиента элементов стиля.
Немаловажное значение для удержания внимания клиента представляет процедура просмотра сайта - клиенты должны иметь возможность найти ту информацию, которая их интересует, масимально простым и удобным для них способом. Поэтому просмотр сайта должен быть простым и интуитивно понятным. Если необходимая информация найдена, она должна легко восприниматься. Недопустимы сплошные длинные страницы однообразного текста на нечитаемом фоне. Текст должен быть структурирован, содержать много заголовков, выделений, оттененных фрагментов, просмотрев которые можно быстро выбрать -что представляет интерес для полного прочтения. Композиция документа, подбор шрифтов и кегля, цвет фрагментов, формат текста -должны способствовать удержанию внимания.
После просмотра сайта у клиента должно возникнуть желание вернуться на него еще раз, и желание рассказать своим знакомым, как там было интересно. О сайте должны заговорить. Для этого важно, чтобы на сайте содержалась новая, актуальная, достоверная информация. Но этого мало. Сайт должен представлять собой больше, чем обычную брошюру в режиме ON-LINE. У клиента обязательно должна быть возможность воспользоваться полученной информацией, что-то сделать на ее основе: поиграть, заказать, купить или арендовать…
Информация должна подаваться в интерактивном режиме в виде текста, аудиозаписей, видеороликов. Клиент должен иметь возможность учавствовать в выборе способа представления информации, иметь возможность высказать свое мнение, задать вопрос и получить ответ на него. Клиент должен видеть, что высказанное им мнение учтено (например, при обновлении сайта).
Большое значение имеет бережное отношение к новичкам, к тем, кто чувствует себя неуверенно в рассматриваемых проблемах. Для них на многих сайтах организуется служба FAQ (часто задаваемых вопросов) с ответами на них администрации сайта или более опытных пользователей.
Чтобы сайт стал интересным для клиентов, он должен содержать комплекс услуг. Если сайт создается с целью бизнеса, то для его завершенности необходимо дать не только каталог предложений фирмы (и необходимую сопутствующую информацию), но и дать возможность посетителю заказать интересующий его товар или услугу, сделать покупку в режиме реального времени.
Обратная связь позволит выяснить, что еще интересно и нужно клиентам.
Успех сайта зависит от того, насколько четко, ясно, сконцентрированно дается информация. Пользователь не должен теряться в догадках о ее смысле.
В мире существует немало сайтов с похожими материалами. Создаваемый сайт должен быть уникальным и авторитетным. Сайт должен располагать уникальными ресурсами - не только текстов: графические материалы, звуковое сопровождение, позволяют сделать основное сообщение более наглядным и привлекательным.
Авторитетность сайта формируется за счет достоверности информации, ее безошибочности. Публикуемые данные могут иметь разную степень достоверности - посетителя надо информировать о статусе данной информации. За неофициальную информацию (с предупреждением об этом) держатель сайта ответственности не несет, и посетитель сам решает, верить ей или нет. Основные же документы всегда должны иметь официальный статус, а следовательно - должны быть выверены и абсолютно достоверны.
Для создания привлекательности сайта большое значение имеет грамотное использование гипертекста. На основных окнах (страницах) дается основная информация (например, каталог предложений фирмы), а за счет гипертекстовых ссылок предоставляется дополнительная, сопутствующая информация. Причем, сопутствующая информация может содержаться не обязательно на создаваемом сайте - ссылки можно давать и на сайты-аналоги (но при этом надо учитывать, что такой ссылкой клиент уводится с данного сайта на сайт-аналог). Однако, такие ссылки должны быть подчинены общей идее - поэтому при разработке сайта после определения целей и аудитории, выбора угла зрения и общего тона, должен быть определен состав информации, и проведено ее структурирование. Именно в процессе структурирования и решается вопрос - надо ли повторять то, что есть на других сайтах, или достаточно сделать ссылки на сайты, содержащие необходимые сведения.
Web-сайт - это электронное средство массовой информации (СМИ), и как и все остальные СМИ, должен иметь свое лицо, свой стиль. Для разработки стиля крупные фирмы привлекают не только специалистов в области компьютерных технологий, но и дизайнеров, стилистов, специалистов по Public Relations, и др.
Стиль сайта характеризуется манерой подачи материала, элементами оформления, принципами использования цвета, звука, графики, анимации.
Манера подачи материала может быть, например, такая:
- сначала о главных темах, затем - подробнее о каждой из них. Многие газеты в начале каждого текста дают резюме - о чем в дальнейшем будет идти речь. Поэтому, читать весь материал не надо -смысл его понятен только из резюме, которое составляется из фраз, вырезанных из дальнейшего текста;
- художественный - в виде рассказа, основной смысл которого содержится только в конце (яркий пример - короткие рассказы А.П.Чехова, например, “Сказка”, или “Без заглавия”);
-телеграфный стиль - короткие рубленные фразы, только факты, без дополнительных пояснений.
Элементы оформления включают в себя вид экрана, количество и расположение открытых на нем окон (например, в виде “каскада”, “мозаики” или “рабочего стола” с набросанными на него друг на друга листами документов, и т.д.), вид, структура и расположение навигационного меню, способ отображения гиперссылок, соотношение размеров шрифтов заголовков и основного текста, цветовая гамма, количество, расположение и способ активизации мультимедийных элементов, и т.д.
Однажды выработав стиль сайта, необходимо всегда жестко его придерживаться - пользователь быстро привыкает к стилю, не осознавая даже его особенностей, и болезненно воспринимает отклонения от него.
Одними из лучших являются в этом плане сайты фирм ІВМ и Буїісои ОгарЫсБ.
⇐Динамические web-документы. | Интернет-технологий для бизнеса | Выбор средств создания web-сайта⇒