Готов выслушать все Ваши замечания и дополнения! E-mail web-мастера

Download Zip archive of MS Word version of this document (205,782 Kбайт)

Описание содержания Web информации

1. На этом этапе необходимо точно сформулировать проблемы и информацию, которую предполагается представить на Web сервере. Также необходимо выразить основные идеи о том, как должна быть представлена информация. На этом этапе необходимо сформулировать исследуемую проблему или систему объектов и указать подходы к моделированию, к математическому аппарату, к другим средствам исследования, которую предполагается использовать.

2. Вы должны подумать о том, как представить Ваши идеи и информацию. Информация должна быть хорошо структурирована, т.е. в рамках вашей предметной области должны быть выделены основные понятия и заданы отношения между ними. Ни одно из этих понятий не должно быть выводимо из других (например - система аксиом), кроме того желательно указать, каким реальным объектам или процессам соответствуют основные понятия (проблема интерпретации). Желательно графическое представление системы понятий в виде схемы. Если удается установить соответствие между основными понятиями и реальными процессами и объектами, желательно предложить решение по их представлению с помощью различных мультимедийных средств (графика, анимация, аудио - и видеоинформация). Кроме того, на этом этапе необходимо решить принципиальные вопросы дизайна: требуется набросать эскиз размещения текста и элементов графики на странице, т.е. сделать макет страницы, своеобразный фон (background), который будет представлять Вашу информацию на экране читателей - пользователей Вашей информации.

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

Разбиение материала по HTML страницам

Каждая страница Web должна быть осмыслена в двух аспектах: страница экрана и программа HTML. Страница экрана: текст, элементы - мультимедиа, опорные элементы (горячие точки). Они используются для формирования гипертекста в пределах содержания, которое Вы предполагаете отразить на Web. Необходимо стремиться к точным и кратким формулировкам.

На этом этапе необходимо подготовить HTML страницы, из которых будетформироваться поддержка Вашего информационного узла. Хороший Web узел привлекательно оформлен, имеет динамически изменяемые связи с другими узлами (и ссылки на них), прокручиваемый текст, таблицы, формы, простую анимацию, возможно даже несколько сценариев на языке Java, а также сценариев, соответствующих требованиям стандарта CGI (Computer Graphic Interface - интерфейс машиннойграфики).

Выполнение этого этапа - прерогатива Web - мастера или сотрудника лаборатории,ответственного за странички лаборатории на Web сервере.

Выбор сервера

Существуют несколько хороших вариантов, в том числе системы UNIX (Sun, DEC, HP, SCO и т.д.) и системы на процессорах Intel (Windows NT, NovellNetWare, IBM OS/2 SERVER).

В нашем институте Web сервер функционирует на компьютере фирмы "Конвекс" (Convex). Этот этап ложится на плечи группы поддержки работоспособности компьютерного парка, в нашем случае - это группа под руководством Михаила Крутикова.

Связь с ISP

Прибегнув к помощи поставщика услуг Internet (Internet Service Provider, ISP), свяжите Ваш сервер с ним через маршрутизатор. Поставщик услуг назначит вашему серверу IP - адрес, представляющий собой набор цифр, например 128.8.32.128.

Web сервер Института Высокопроизводительных Вычислений и Баз Данных подключен к сети Internet через Runnet, ссылку на нашего провайдера можно получить на Web узле (../ - Runnet). Этот этап также на совести группы М.Крутикова.

Создавайте новое содержание и регулярно обновляйте его

Оперативность и своевременность имеют ключевое значение для Web. У вашего узла должно быть свое преимущество; заботьтесь о новизне и актуальности его содержания. Помните, что быстрота и простая навигация по страницам вашего узла вызовет у его "посетителей" желание подольше задержаться для лучшего знакомства с ним - а в дальнейшем и снова вернуться к нему.

За выполнение этого этапа ответственны Web - мастер и соответствующие сотрудники от лабораторий.

Зарегистрируйте ваш информационный узел

Представьте ваш Web адрес в формате http://www.xxx.com (только для США) в InterNIC (Международный информационный центр сети), находящийся в Вашингтоне, округ Колумбия (http://rs.internic.net), который отклонит вашу заявку, если такой адрес уже используется в сети.

Для России Web адрес формируется в формате http://www.xxx.ru. Этот этап выполняет лаборатория М.Крутикова.

Web - сервер

Вам нужен Web сервер, хорошо справляющийся со своими задачами при больших клиентских нагрузках и не вызывающий трудностей при установке ,настройке, конфигурации и управлении. Не исключено, что вы захотите иметь уровень защиты "гнезд" (Secure Sockets Layer, SSL) с использованием функций аутентификации и шифрования, располагать средствами создания и управления содержанием, а также связями с корпоративными базами данных.

Web сервер нашего института выполнен на основе Web сервера фирмы "Apache" (http://www.apache.org), который отличается рядом преимуществ по сравнению с остальными продуктами такого класса. Этот этап выполняет лаборатория М.Крутикова.

Web - мастер: специалист, занимающийся поставками содержания, управляет информационным узлом

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

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

Информационный Web - узел

Как и любое сооружение, ваш Web - узел будет нуждаться в реконструкции и модернизации. Чтобы успешно противостоять конкуренции (иметь большее число обращений, чем другие узлы), вам потребуется быть хорошо информированным, проявлять гибкость и творческий подход. Будьте готовы проводить модернизацию вашего узла для того, чтобы он был совместим с самыми новыми версиями распространенных браузеров и сменных модулей, а также новыми вариантами элементов дизайна.

Общая концепция дизайна Web - сервера должна быть согласована с Web- мастером. Любые предложения по дизайну Web сервера будут внимательно выслушаны и приняты к сведению.

Технология работы с WWW - сервером

1. Структурирование информации, размещаемой на Web - сервере

На первом этапе нужно понять, что вы хотите представить на Web - узле. Какая информация и как должна быть показана вашим будущим читателям. Для структурирования информации лучше всего прибегнуть к помощи специалистов (в ИВВиБД - Д.Л.Кречман - заведующий лабораторией "Гипермедиа")(рис.1).

Например, для размещения информации о деятельности лаборатории на Федеральном сервере необходимо продумать несколько пунктов:

  • Цели работы лаборатории.
  • Методы и технологии используемые для достижения этих целей.
  • Что уже сделано лабораторией.
  • Публикации.
  • Состав участников (список лаборатории с указанием информации по каждому работнику).

Также на этом этапе связываются в единое целое отдельные фрагменты информации через ссылки.

Результатом работы на этом этапе является структурированная информация на бумажном или, что предпочтительнее, магнитном носителе.

За проведение этого этапа ответственны заведующие лабораторий.

Рис.1. Структурирование информации

2. Преобразование информации в формат HTML

Вся информация, представленная к размещению на Web сервере, преобразуется в специальный формат HTML (HyperText Markup Language), (рис. 2). Этот форматбыл специально разработан для Internet. Последняя версия HTML поддерживает работу с графическими изображениями, с кадрами, Java и ActiveX. Для преобразования в формат HTML используются многочисленные средства, которые делятся на две группы: графические и программные. Работая с графическими инструментами, вы имеете дело с более или менее точной передачей страницы в режиме полного соответствия (WYSIWYG) - она предстает такой, какой будет в окне браузера, т.е. вы программируете на HTML, набирая текст, как в простом редакторе типа WinWord. Программа встроена в страницу и скрыта от автора, который не работает с ней напрямую. В свою очередь, программные редакторы выводят на экран в качестве основного представления страницы исходный текст на языке HTML, предоставляя при этом автору мощные средства генерации кода ,избавляющие от необходимости писать его вручную. Трудно сказать, какой из типов инструментов лучше. Редакторы WYSIWYG больше подходят новичкам, поскольку они изолируют вас от непростого синтаксиса HTML, но графические инструменты дают приблизительное, часто лишь отдаленное представление о том, какой страница предстанет в окне браузера. Считается, что программные редакторы предоставляют в ваше распоряжение более мощные и гибкие средства, но за расширение возможностей надо платить - в данном случае это необходимость владения языком HTML. Графические инструменты: Netscape Navigator Gold, Microsoft FrontPage, GNNPress. Программные редакторы: WebEdit Professional Edition, Mosaic и т.д.

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

Результатом второго этапа являются файлы в формате HTML, имеющие связи (ссылки) между собой и готовые к размещению на Web сервере.

Для преобразования текстовой информации в формат HTML рекомендуется использовать Netscape Navigator Gold 3.0. Эта программа, являющаяся "браузером" (browser), позволяет не только просматривать и создавать файлы в формате HTML, но и пересылать их на сервер (пересылку файлов на сервер мы рассмотрим далее). Работать с Netscape Navigator Gold 3.0 не сложнее, чем с текстовым редактором Word for Windows.

Пока Web сервер института существует только в английском варианте, но в недалеком будущем планируется вести параллельно два варианта: английский и русский. Здесь возникает проблема о корректной русификации, более подробно о которой можно узнать на Web страничке Центра Суперкомпьютерных Вычислений (../CSA/CyrModules/).

Этот этап выполняется ответственными от лабораторий или Web - мастером.

Рис.2. Преобразование текстовой информации в формат HTML

3. Размещение файлов на Web - сервере

Размещение файлов на Web - узле требует к себе большого внимания (рис.3). Операционная система UNIX, на базе которой реализуется WWW - сервер, очень чувствительна к регистру в названии файлов и поэтому важное значение имеет правильный набор в регистре названий файлов, для успешной реализации связей между отдельными фрагментами, определенными на 2 этапе. Для реализации размещения файлов HTML на Web сервере используются многочисленные средства, основанные на файловом протоколе передачи данных FTP (File Transfer Protocol), такие как пакет OnNet 2.0, Win_FTP, Novell FTP. Некоторые редакторы HTML (например, Netscape Navigator Gold) имеют встроенные средства доставки файлов на Web - сервер. Для размещения информации на Web - сервере также необходимы определенные права, которые позволят сделать все необходимое. Чтобы получить права записи надо зарегистрироваться на компьютере, где размещается Web- сервер (в нашем случае это С1) и получить пароль, через который UNIX позволит вам записывать информацию на Web - сервер. Эти права настраиваются системным администратором UNIX.

Для регистрации пользователя на компьютере С1 необходимо заполнить стандартную форму, которая находится у секретарей института, подписать ее у директора ИВВиБД А.В.Богданова и у главного бухгалтера института. Далее заявление на регистрацию пользователя необходимо передать системному администратору С1 М.Крутикову, который заведет Вас как пользователя С1 с необходимыми правами для редактирования информационного Web массива. При заполнении заявления необходимо указать, чтобы Вас занесли в рабочую группу, которая имеет права редактирования Web сервера. Это необходимо для того, чтобылюбой пользователь из группы редактирования смог изменить информацию, размещенную Вами на сервере, в случае Вашего отсутствия по каким-либо причинам.

Рис.3. Размещение HTML файлов на WWW - сервере.

4. Установка атрибутов доступа к HTML файлам на Web - сервер

Файловая подсистема операционной системы UNIX, в отличие от MS DOS, устанавливает для каждого файла определенные атрибуты доступа (рис. 4). Файловые атрибуты подразделяются на 3 группы:

  • атрибуты для "хозяина" - пользователя, создавшего этот файл;
  • атрибуты для группы пользователей, в которую входит пользователь-"хозяин";
  • атрибуты для остальных пользователей.

Таким образом можно настроить эти атрибуты так, что определенные файлы будут недоступны для чтения, записи и выполнения вполне определенным пользователям. Для того чтобы информация была доступна пользователям, необходимо корректно настроить атрибуты файлов HTML. Это делается с помощью утилиты UNIX chmod и эти атрибуты может настроить только владелец (создатель) файла. Для нашего случая владельцу необходимо с помощью средств удаленного доступа (таких, как Telnet, рис. 5), подключиться к компьютеру С1 и запустить утилиту chmod со следующими параметрами:

chmod 664 имя_файла,

причем имя_файла должно быть набрано с учетом регистра существующего файла, в противном случае необходимые атрибуты не установятся (более подробно о программе chmod можно узнать, вызвав оперативную подсказку командой man chmod). Проверить правильность установки атрибутов файла можно с помощью команды UNIX ls -l или ll - вывод на экран перечня файлов текущего каталога с их атрибутами.

Рис.4. Атрибуты файлов в UNIX.

Рис.5. Установка атрибутов файлов в UNIX с помощью Telnet.

5. Проверка работоспособности

Проверка работоспособности осуществляется непосредственно из браузера WWW (рис.6). В случае допущенных ошибок браузер выдаст соответствующую ошибку.

Рис.6. Проверка работоспособности.

HTML - язык программирования Internet

В данном разделе рассматриваются основные положения языка HTML.

Простейший пример HTML документа:

<TITLE>Пример гипертекста</TITLE>

<H1>Это пример первого вида заголовка</H1>

Добро пожаловать в WWW.

<P> Это первый параграф.

<P>Это второй параграф.

HTML использует специальные теги для того, чтобы сказать Web просмотрщику ,как отображать текст. Предыдущий пример использует:

  • тег <TITLE> (и, соответственно, тег </TITLE>), который определяет титул документа.
  • тег заголовка <H1> (и, соответственно, </H1>)
  • тег <P>, являющийся разделителем параграфов

HTML теги состоят из левой скобки (<), собственно названия тега и закрывающей правой скобки (>). Теги обычно парные, т.е. <H1> и</H1>.

1. Основные теги стиля документа

Каждый HTML документ должен иметь титул. Титул обычно отображается отдельно от документа и используется в основном для идентификации документа в других контекстах (например, WAIS поиск). Формат тега титула:

<TITLE>Текст титула </TITLE >

В HTML есть шесть уровней заголовков, пронумерованных от 1 до 6, где1 имеет наибольшее выделение. Заголовки отображаются шрифтами большего размера и/или более жирными шрифтами, чем используются для отображения обычного текста. Для заголовка первого уровня надо использовать тег <H1>. Синтаксис заголовочных тегов следующий:

<Hy>Текст заголовка </Hy >

где y это число от 1 до 6, определяющее уровень заголовка.

Например, кодировка заголовка ``Headings'' следующая:

<H3>Заголовок</H3>

В отличие от документов большинства текстовых процессоров, клавиша Return в HTML файлах не имеет большого значения. Перенос строки может встречаться в любой точке исходного документа; несколько пробелов будут объединены в один. В рассмотренном простейшем примере первый параграф кодируется следующимо бразом:

Добро пожаловать в WWW.<P> Это первый параграф.

В исходном файле между документами есть перевод строки. Web просмотрщик его игнорирует и начинает новый параграф только тогда, когда ему встретится тег <P>.

Просмотрщик игнорирует все пустые строки в исходном файле. HTML практически целиком основывается на тегах формата, и без <P> документ становится одним большим параграфом. (Исключение составляет текст, отмеченный как``preformatted", предназначенные для этого теги описываются ниже.) Например, следующее будет отображено аналогично тексту нашего простейшего примера.

Форматирование символов

Можно отображать отдельные слова или выражения специальными стилями. Существует два типа стилей: логический и физический

Логические стили используются для отображения текста в соответствии с его значением, в то время как физические стили определяют специфическое отображение некоторой части текста. Например, эффект наклонного написания текста мог бы быть достигнут посредством использования тега, который бы определил формат этих слов как "italic".

  • <B> жирный текст
  • <I> наклонный текст
  • <TT> непропорциональный текст

Чтобы применить символьный стиль:

1. Укажите тег <tag>, где tag это тег желаемого стиля, чтобы указать начало форматируемого текста.

2. Введите форматируемый текст.

3. Завершите ввод тегом </tag>.

Преимущество логических стилей заключается в том, что они помогают визуализировать содержание ваших документов. Значительно легче использовать тег <H1>,чем запоминать, что заголовок первого уровня должен выводиться каким-то определенным шрифтом. Аналогично дело обстоит и со стилями для форматирования символов. Например, рассмотрим тег <STRONG>. Большинство просмотрщиков отображают его жирным шрифтом. Однако, вполне вероятно, что читатель предпочитает отображение такого текста красным цветом. Логические стили предоставляют возможность использования таких вариантов .

  • <DFN> для определяемых слов. Обычно отображается наклонным шрифтом. (NCSA Mosaic World Wide Web просмотрщик.)
  • <EM> для усиления. Обычно отображается наклонным шрифтом.
  • <CITE> для названий книг, фильмов, и т.п. Обычно отображаетс наклонным шрифтом.
  • <CODE> для вставок из компьютерного текста. Отображается непропорциональным шрифтом.
  • <KBD> для пользовательского ввода с клавиатуры. Должен отображаться жирным непропорциональным шрифтом, но многие просмотрщики выводят его просто непропорциональным шрифтом.
  • <SAMP> для компьютерных сообщений. Отображается непропорциональным шрифтом.
  • <STRONG> для особенного усиления. Обычно отображается жирным шрифтом.
  • <VAR> для отображения переменных, которые пользователь должен заменить конкретными значениями. Обычно отображается наклонным шрифтом.

2.Формирование ссылок и связей между документами

Основная мощь HTML происходит из его возможности связать части текста с другими документами. Просмотрщик выделяет эти части текста, чтобы подчеркнуть, что они являются гипертекстовыми ссылками.

Чтобы сделать гипертекстовую ссылку, необходимо выполнить следующую последовательность шагов:

  1. Наберите <A . (После A стоит пробел.)
  2. Определите документ, на который будет указывать ссылка, введя параметр HREF="filename". И, после этого, закрывающую скобку: >
  3. Наберите текст, который будет служить гипертекстовой ссылкой.
  4. Наберите закрывающий тег: </A>.

Пример гипертекстовой ссылки:

<A HREF="Next.html">ссылка</A>

Это выражение делает слово "ссылка'' гипертекстовой ссылкой на документ next.html, который находится в той же директории, что и первый документ. Можно сделать ссылку и на документ из другой директории, указав относительный путь из текущего документа к документу, на который делается ссылка.

Например,ссылка на файл new.html, находящийся в поддиректории Newdir, будет выглядетьтак:

<A HREF="Newdir/new.html">ссылка на другойдиректорий</A>

Ссылки также могут быть использованы для перехода к определенным частям других документов. Предположим, необходимо сделать ссылку из документа А на специфическую секцию документа В (файл newB.html). Во-первых, вам надо поставить именной тег NAME в документе В.

Например, чтобы установить тег, называющийся "Connection'' в документе В:

Приведен <A NAME = "Connection">простой пример</a>

Таким образом, отметили место в документе В, на которое надо сделать ссылку. Теперь, при создании ссылки из документа А необходимо включить в нее не только имя файла с документом В, но и конкретное место в нем, отделив название места символом (#).

Пример: <A HREF = "newB.html#connection">перехода</A>к документу B.

Теперь переход по слову "перехода'' в документе А отошлет читателя непосредственно к словам "ссылка на другой директорий в документе В.

Формирование ссылки на определенное место в текущем документе аналогично случаю для внешних документов, за исключением того, что опускается имя файла.

Например, ссылка на место в документе В, называющееся "connection", будет выглядеть следующим образом:

Пример: <A HREF = "#connection">перехода connection</A>внутри документа B.

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

Списки

HTML поддерживает ненумерованные, пронумерованные и списки-определения.

Ненумерованные списки

Чтобы сделать ненумерованный список:

  1. Открыть список с помощью тега <UL>.
  2. Тег <LI> и, за ним, элемент списка. (Закрывающий тег </LI> не нужен.)
  3. Закрывающий тег </UL>.

Ниже представлен пример списка из двух элементов:

<UL> <LI> Internet <LI> WWW </UL>

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

Internet

WWW

Элементы списка <LI> могут содержать несколько параграфов. Необходимо разделить параграфы с помощью соответствующего тега <P>. Существуют различные способы оформления списков, так тег <UL- circle> проставит небольшой круг перед каждым элементом списка.


Пронумерованные списки

Пронумерованные списки идентичны ненумерованным спискам, единственно, что надо использовать <OL> вместо <UL>. Элементы списка указываются с помощью того же тега <LI>. Следующий HTML код

<OL> <LI> WAIS <LI> Gopher <LI> Mosaic </OL>

произведет такой отформатированный вывод:

1. WAIS

2. Gopher

3. Mosaic

Списки-определения

Список-определение обычно состоит из термина (его аббревиатура DT) и его определения (аббревиатура DD). Web просмотрщики обычно начинают определение с новой строки.

Ниже приведен пример списка-определения:

<DL> <DT> ИВВиБД <DD> ИВВиБД, Институт Высокопроизводительных вычислений и Баз Данных организован в Санкт-Петербурге </DL>

Его вывод выглядит следующим образом:

ИВВиБД

ИВВиБД, Институт Высокопроизводительных вычислений и Баз Данных организован в Санкт-Петербурге

<DT> и <DD> элементы могут содержать несколько параграфов, списков или другую определяющую информацию,

Вложенные списки

Списки могут быть вложенными, можно использовать несколько параграфов, каждый из которых будет содержать вложенный список, в одном элементе списка.

Пример вложенного списка:

<UL> <LI> ИВВиБД:

<UL> <LI> Отдел 1

<LI> Отдел 2

</UL>

<LI> Отдел 2:

<UL> <LI> Лаборатория 1

</UL>

</UL>

Этот вложенный список отображается так:

ИВВиБД:

Отдел 1

Отдел 2

Отдел 2:

Лаборатория 1

Создание картинок.

Большинство Web просмотрщиков могут отображать встроенные в текст иллюстрации в формате .JPG или .GIF. Каждая картинка требует времени на ее обработку и замедляет загрузку документа, поэтому не стоит включать в документ большого количества иллюстраций или иллюстраций большого размера. Чтобы вставить картинку, используется следующая конструкция:

<IMG SRC=image_URL>

где image_URL - это URL файла с картинкой. Синтаксис для IMG SRC URL идентичен синтаксису, использующемуся в конструкции HREF. По умолчанию текст выводится рядом с нижней частью картинки. Опция ALIGN=TOP выравнивает текст по верху картинки. Таким образом, полный тег для вставки картинок (с выравниванием по верху):

<IMG ALIGN=top SRC=image_URL>

ALIGN=MIDDLE выводит текст по центру.

Альтернативный текст для просмотрщиков, которые не могут выводить иллюстрации.

Некоторые World Wide Web просмотрщики, в основном те, которые работают на терминалах VT100, не могут отображать картинки. Опция ALT позволяет определить, какой текст будет выводиться в этой ситуации на месте картинки. Например:

<IMG SRC = "UpArrow.gif" ALT = "Up">

где UpArrow.gif будет заменена в текстовых просмотрщиках, таких как lynx, на слово "Up."

Можно подключить внешний образ (который, например, может быть болееподробным вариантом встроенной иллюстрации), используя конструкцию HREF:

<A HREF = image_URL>подключение</A>

Используется аналогичный синтаксис для подключения внешних звуков и анимации. Единственное отличие заключается в расширении подсоединяемого файла. Например:

<A HREF = "Анимация.mov">подключение</A>

4. Сетевой этикет в пространстве Web.

Перечисленные далее правила предназначены в первую для разработчиков HTML.

1. Встроенные изображения

Избегайте изображений большого размера! В данном случае большим считаетс GIF-файл, размер которого превышает 35 Кбайт. Любое большое изображение значительно увеличивает время загрузки, вызывая раздражение читателя и уменьшая вероятность того, что ваша страница будет прочитана.

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

При создании связи с невстроенным изображением полезно указывать его размер в килобайтах. Всегда предупреждайте пользователя о наличии файла большого размера!

Не стоит использовать изображения, содержащие тысячи и миллионы цветов, достаточно использовать изображения в 256 цветов.

Для лучшего совмещения графики с фоном текста рекомендуется использовать GIF - изображения в формате GIF89a.

Некоторые клиенты Web все еще работают в текстовом режиме. В знак уважения к их пользователям внесите в дескриптор <IMG> атрибут ALT. Он "объяснит" пользователям неграфических программ, что именно они видят.

2. Графические интерфейсы

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

  • больших изображений, на загрузку которых требуется много времени,
  • изображений, которые физически занимают слишком много места,
  • кнопок, не снабженных информацией о их назначении (например: ../).

Одно большое изображение лучше нескольких мелких и значительно лучше множества больших.

3. Синдром "Щелкни здесь"

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

Пример неудачного образования связи:

Click here to see IHPCDB home page.
Щелкни здесь, и ты увидишь начальную страницу Института Высокопроизводительных Вычислений и Баз Данных.

А вот удачный пример:

IHPCDB home page.
Обратитесь к начальной странице Института Высокопроизводительных Вычислений и Баз Данных.

4. Полезные дополнения

Не следует пренебрегать средствами перемещения или навигации по вашим страницам. Простой набор графических элементов представляет собой прекрасное средство перемещения.

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

Полезно составлять краткий обзор больших документов или специальную Web - страницу "What's New?" ("Что нового?"). Такая страница должна служить отправной точкой для читателя при изучении вашегодокумента. По тем же причинам большие документы лучше всего организовывать в виде небольшого плана или оглавления, содержащего связи с соответствующими страницами.