Редакторы гипертекста

Документы html создаются при помощи редактора, предоставляющего соответствующее «пространство» для написания кода. Самым простым является Notepad, - в котором в виде последовательности знаков может быть написан HTML код для страницы и целого сайта (если вы помните наизусть все спецификации). По такому же простому принципу строится большое количество редакторов, являющихся, по сути, «надстройками» для Notepad'а, в которых используются различные комбинации «кнопок» и меню-подсказок для упрощения набора стандартных тегов, заменяя их ввод с клавиатуры несколькими «кликами» мыши. Естественно, при этом отпадает необходимость запоминать довольно сложные спецификации, так как программа сама не только напишет правильный текст тега, но и, в ряде случаев, проверит набранный вручную.

Ко второй группе редакторов относятся программы с, так называемым, WYSIWIG - интерфейсом. Данный термин означает работу не с кодом, а с результатом его исполнения, то есть с изображением. Например, при форматировании текста в Word'е, вы не видите, как преобразуется внутренний код, не видите самих знаков программирования, а работаете с конечным результатом, изображением на html странице, которую создает для вас программа. Применение WYSIWIG редакторов проще для пользователя, однако их преимущества не бесспорны. Если главным фактором является простота и скорость, то следует остановить выбор на WYSIWIG редакторе, но для полного использования возможностей HTML и оптимизации сайта без работы с кодом не обойтись.

Форматы графических файлов

Форматы рисунков, используемые в Интерсети это - *.jpg, *.gif и *.png. Каждый из этих форматов обладает своим преимуществом:

Формат JPEG (Joint Photographis Expert Group) - достоинство: большой коэффициент сжатия, цветность рисунков - 16 миллионов цветов, что делает их практически неотличимыми от фотографий. Однако при сжатии происходит потеря информации, данный не достаток не заметен в случае фотографических изображений и ощутим, при попытке сохранить в данном формате схем или текста.

Формат GIF (Graphics Interchange Format) – достоинство: хороший коэффициент сжатия изображения, возможность сохранения в данном формате простейшую анимацию, можно сделать один из цветов прозрачным. Недостатком является ограничения на использование цветов (не более 256).

Формат PNG (Portable Network Graphics). Поддерживает три типа изображений – цветные с глубиной 8 или 24 бита и черно-белое с градацией 256 оттенков серого. Сжатие информации происходит практически без потерь, предусмотрены 254 уровня альфа-канала, чересстрочная развертка.

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

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

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

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

• не используйте рисунки объемом больше 60 Кб на странице;

• всегда указывайте, сколько места вы отводите под рисунок (атрибуты width, height), это ускорит загрузку вашей страницы;

• не перегружайте страницу графическими элементами;

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