Основные методические положения качества html-страниц

Максимально насыщать страницы иллюстративным материалом к тексту. На каждой из вновь открываемых страниц должны содержаться схемы, графики, таблицы и пр. Изображения и надписи на рисунках должны быть четкими и хорошо читаться. Размеры шрифта основного текста и шрифта надписей на рисунках не должны отличаться более чем на 1 или 2 пункта. Рисунок должен полностью помещаться на экране (чтобы его можно было просмотреть без использования вертикальной и горизонтальной прокрутки).

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

Рисунки и таблицы должны иметь нумерацию, единую по всему тексту. Рисунки и таблицы должны иметь название. Название рисунка надо располагать под рисунком, таблицы - над таблицей.

Пример нумерации и названия. "Рис.2. Структура соты".

Не используйте обтекание рисунка или таблицы текстом, располагайте рисунки и таблицы между абзацами.

Не делайте больших (длинных) страниц: их тяжело читать, они будут долго загружаться у пользователя с низкоскоростным подключением. Большую страницу лучше разбить на несколько небольших. Размер отдельной htm-страницы не должен превышать 30 Кбайт.

Избегайте больших абзацев. Между абзацами желательно сделать небольшой отступ. (но это правило не распространяется на Форматирование абзацев должно сохраняться при изменении размера шрифта отображения в браузере. Избегайте применения различных шрифтов в одном абзаце и тем более в одном слове.

На всех страницах (в т.ч. стартовой) необходим нижний ограничитель. Ограничитель покажет пользователю, что страница загружена полностью. На стартовой странице достаточно применить тег HR. На остальных страницах нижний ограничитель страницы необходимо выполнять в виде ссылки на предыдущую, стартовую (содержание) и последующую страницы ("назад", "содержание", "вперед").

Имеющиеся в тексте перечисления оформлять в виде списка.

Не увлекайтесь оформительством, соблюдайте меру! Не перегружайте страницы излишней графикой (графические и анимационные маркеры списков, указатели "вперед", "назад", "содержание"; сложный пестрый фоновый рисунок; анимация и т.п.). Пестрый фоновый рисунок затрудняет чтение страницы.

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

Используйте перекрестные ссылки в основном тексте и списке сокращений (глоссарии) для удобства чтения реферата. Например, если по тексту упоминается ранее приведенный рисунок, то должна быть приведена ссылка на этот рисунок для его просмотра. Должен быть обеспечен возврат к месту вызова после просмотра рисунка.

Для подготовки и оформления своей работы можно (но нежелательно) использовать генераторы html-страниц (FrontPage, Mozilla, MS Word и т.п.). Мета-имена генераторов должны быть удалены из html-страниц. Использование JavaScript – по согласованию с преподавателем. Результат работы генератора html-страниц необходимо обязательно посмотреть в исходном виде языка HTML обычным текстовым редактором (например, Notepad, встроенные редакторы NC, FAR, VC и т.п.). Так же посмотрите свою работу различными браузерами (Netscape, IE, Opera и пр.) на разных компьютерах, при разных разрешениях – 800x600, 1024x768 и пр. Эти два простых действия помогут выявить многие ошибки, в том числе применение уникода, разных типов и размеров шрифтов в одном абзаце и слове, применение нелатинских и прописных букв в ссылках и названиях файлов т.п.

Типичные ошибки:

<img src="file:///C:/Мои документы/work/referat/images/ris1.jpg"> – Абсолютная ссылка. Не будет работать (рисунок не будет отображаться) при перемещении в другой каталог (компьютер). Чтобы ссылка работала, надо писать: <img src="images/ris1.jpg">

<a href="../../company/rustel/index.htm"> – Неправильно указан ресурс Internet. Эта ссылка тоже не будет работать.

Журнал "Upgrade - новый уровень ваших компьютеров" №6 (1997 г.) - Неполные выходные данные. Отсутствует ФИО автора, название конкретной статьи, страница.

Гедзберг Ю.М. Ремонт цветных переносных телевизоров. Москва, 1995 – Неполные выходные данные книги. Отсутствует название издательства.

…инфракрасные волны, прошедшие в атмосфере некоторое расстояние<I>r</I>< FONT FACE="Times New Roman">, вычисляется аналогично мощности радиоволны:… – меняется тип шрифта в середине абзаца.