Практическое руководство по HTML
© Николай Чувахин, 1997
© Михаил Крекин, 1999
(адаптация для пользователей Макинтош)

Глава 9. Некоторые (предположительно полезные) советы по разработке и размещению HTML-страниц

Правила хорошего тона при разработке HTML-документов

Ознакомьтесь с текущей спецификацией HTML

Производители браузеров часто добавляют к своим творениям поддержку меток, не входящих в текущую спецификацию HTML. Именно поэтому иногда можно встретить страницы, оптимизированные для того или иного браузера. На мой взгляд, это далеко не лучший подход. Однако, как говорил Рэй Брэдбери, единственный способ заставить писателя не писать — это кольт сорок пятого калибра. И писатели пишут...

Не питайте абсолютного доверия к визуальным редакторам HTML

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

Используйте продуманную иерархию заголовков

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

Следите за вложенностью меток

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

<B><I>жирный наклонный шрифт</I></B>

большинство браузеров вполне успешно воспроизведут как жирный наклонный шрифт. Обратите внимание — метки <I>...</I> в этом фрагменте находятся внутри меток <B>...</B>. Другими словами, метки вложены одна в другую.

Работа браузера, однако, окажется сильно затрудненной, если вложенность окажется нарушенной, например:

<B><I>вложенность меток нарушена</B></I>

Соблюдение вложенности — очень важная часть общей культуры написания HTML-текста.

Указывайте альтернативный текст при включении в документ изображений

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

При разработке крупных документов создавайте оглавления

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

Хорошо продумайте навигацию

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

Инструменты разработчика: пристрастные советы

Этот раздел практически полностью переписан заново. В нем рассматриваются средства, доступные на платформе Макинтош, и оценка их, естественно, является только моим личным мнением. /Михаил Крекин/

Визуальные редакторы HTML

Netscape Communicator

Сочетает в себе возможности WISIWIG-редактора HTML и браузера (в нем же, заодно, имеется почтовик и ньюсридер). В результате - достаточно удобная, но жутко громоздкая штука. Зачастую бывает удобнее редактировать HTML-файлы каким-либо специальным редактором, а для просмотра использовать "чистый" браузер: Netscape Navigator или, для любителей, MS Internet Explorer.

Распространяется бесплатно. Можно скачать с сайта Netscape.

Claris HomePage

Довольно-таки удобный редактор. Основная неприятность - как и некоторые другие программы, сохраняет русские буквы в виде соответствующих им &-последовательностей. Существует "заплатка", устраняющая это.

Стоить заметить, что визуальные редакторы, хотя и дают, в большинстве случаев, работоспособный код, однако делают это далеко не лучшим образом. Поэтому, даже если Вы решили использовать один из них (а кроме вышеназванных, существуют еще Adobe PageMill, MS FrontPage и др.), полученный текст, вероятно, придется подправлять вручную.

Редакторы HTML-текстов

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

Ко второй группе относятся:

Все перечисленные редакторы успешно справляются со своими обязанностями. Выбор - дело вкуса каждого. Лично я в данный момент пользуюсь BBEdit'ом, но не менее удобными считаю PageSpinner и Wallaby. Пробуйте!

Конвертеры документов текстовых процессоров в HTML

Встроенные конвертеры

Сейчас практически любой текстовый процессор имеет возможность преобразования документов в формат HTML. Например, такие конвертеры входят в состав MS Word 98 и AppleWorks 5 (ClarisWorks 4). Однако стоит иметь в виду, что, как и при работе с визуальными редакторами HTML, результат, обычно, требует ручной "доработки".

"Печать" в HTML-файл

Очень интересный подход к получению HTML-файлов используется в программах фирмы TerryMorse. При их установке в Chooser'е (Селекторе) Вы видите еще один принтер. Выбрав его в качестве устройства печати, можно получить HTML-файл (или файлы) из документа практически любой программы. Пользователю, однако, придется внимательно разобраться с массой имеющихся настроек. Я рекомендую предварительно поэксперементировать с маленькими файлами, каждый раз просматривая сгенерированный файл.
Внимание! Для успешной работы операционная система должна быть корректно (т.е. с помощью добавления кириллического скрипта) руссифицирована, и все шрифты, которыми набран текст на русском языке, должны входить в кириллический диапазон.

Другие

Краткую информацию на английском языке о некоторых других конвертерах, а также о том, где они лежат, можно найти на любом поисковом сервере. Ниже дана ссылка на сервер Yahoo!:

Computers and Internet: Software: Internet: World Wide Web: HTML Converters

Небольшое замечание

Некоторые редакторы либо сами рассыпают по тексту программы метки вида

<FONT FACE="Arial Cyr">[текст]</FONT>

либо дают возможность сделать это Вам.

В HTML 3.2 метка <FONT> используется для изменения размеров и цвета шрифта. Метка <FONT FACE="[имя шрифта]"> в спецификации упомянута как поддерживаемая некоторыми браузерами, но нежелательная и потому не включенная в спецификацию и не рекомендуемая к применению. В самом деле, формат HTML не привязан даже к конкретной аппаратной платформе, зачем же привязывать его к шрифту!

Графические редакторы

Набор графических программных средств весьма широк: от мощных коммерческих (здесь несомненный лидер - Adobe Photoshop) до скромных shareware и freeware утилит. В этом кратком обзоре я укажу только наиболее интересные на мой взгляд программы, которые можно легально скачать и использовать.

Graphic Converter

Великолепная программа. Хотя ее основное назначение - преобразование файлов из одного графического формата в другой (а знает он этих форматов не один десяток), позволяет выполнять и достаточно серьезные операции по редактированию. В последних версиях поддерживает использование многих Plug-In'ов Photoshop'а. Можно скачать полнофункциональную версию, хотя и напоминающую при запуске о необходимости себя зарегистрировать.

GifBuilder

Программное обеспечение для создания подвижных изображений в формате GIF-89a из отдельных кадров, подготовленных в другой программе. Распространяется бесплатно.

Smart Dubbing

Эта программа позволяет получить "движущийся" GIF из фильма QuickTime. Скачать можно с сайта фирмы-производителя.

Где можно бесплатно разместить свою страничку

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

В этом смысле исключением выглядят серверы http://www.halyava.ru и http://www.chat.ru. Вся информация там на русском языке, так что нет смысла пересказывать. Посмотрите сами.

Информацию о некоторых других бесплатных серверах можно найти на поисковой системе Yahoo.

Несколько слов в заключение

Надеюсь, что Вы смогли узнать что-то новое и полезное из этого руководства. Логичный вопрос теперь — куда двигаться дальше? Неплохая коллекция ссылок на русскую документацию по HTML и смежным вопросам есть на сервере "Махаон".

Если у Вас есть идеи по улучшению Руководства,  напишите мне. Буду очень рад. Если у Вас есть желание разместить копию Руководства у себя на сервере, Вы можете взять StuffIt-архив с полным набором файлов Руководства прямо здесь. А здесь можно получить полный набор (в ZIP-архиве) авторской версии Руководства.

Наверное, теперь осталось только пожелать Вам удачи, что я с большим удовольствием и делаю.


[ К оглавлению | К предыдущей главе ]