Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
 

   Интернет технологии -> HTML / DHTML -> Практическое руководство по HTML


Практическое руководство по HTML

Глава 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 Navigator Gold

На мой взгляд, это лучший из редакторов типа "что видишь, то и получишь". Не сочиняет нестандартных меток, хотя некоторые стандартные (в частности, метки списков) пишет не лучшим образом. При попытке перейти из режима просмотра в режим редактирования иногда подвисает на томительные 30-40 секунд. На мой взгляд, недостаточно защищен от ошибок неопытного пользователя (хотя это относится только к подсистеме редактора; в режиме браузера работает четко).

Распространяется бесплатно.

Microsoft Front Page

Ходит по России в основном в виде версий для 30-дневных тестов с обезвреженным механизмом самоуничтожения. Наиболее крупных болячек две:

  1. Вставляет в заголовок HTML-документа META-инструкцию

    <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251">

    Это превращается в неумную шутку при попытке опубликовать документ в кодировке КОИ-8.

    Лекарство только одно: перед размещением на сервере удалить или исправить META-инструкцию вручную.

  2. Рассыпает ровным слоем по документу метки вида

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

    для указания того, каким шрифтом показывать [текст].

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

Небольшое отступление о не упомянутых здесь редакторах

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

В некоторых редакторах это свойство настраиваемое, в некоторых зашито жестко.

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

Большинство таких редакторов вполне справляется с возложенными на них задачами. Мне лично очень понравились HotDog и Ken Nesbitt Web Editor. Можете выгрузить 30-дневные тестовые версии и попробовать сами.

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

Internet Assistant for Microsoft Word

Можно выгрузить бесплатно с WWW-сервера компании Microsoft (http://www.microsoft.com/msword/internet/ia/)

Превращает Microsoft Word версии 6.1 и выше в браузер и редактор HTML. Некорректно отображает таблицы и сохраняет русские буквы в виде &-последовательностей. От других людей мне доводилось слышать, что вторая проблема была решена в версии для Word 7.0. Так ли это на самом деле, сказать не берусь, поскольку все еще работаю с Word 6.1.

GT_HTML

Можно выгрузить бесплатно с http://www.gatech.edu/word_html/.

Понравилось, особенно после в целом негативного опыта работы с Internet Assistant for Microsoft Word. Требует несколько большего объема рутинной работы, чем Internet Assistant, но и работает гораздо более корректно, включая воспроизведение таблиц. Существуют версии для Microsoft Word 2.0, Microsoft Word 6.0 и Microsoft Word for Macintosh.

Другие

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

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

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

Paint Shop Pro

Весьма симпатичный графический редактор. Поддерживает множество форматов графических файлов, в том числе и уже знакомые нам GIF и JPEG. Бесплатно распространяется в виде полностью функциональной версии для 30-дневных испытаний без механизма самоуничтожения. Существуют версии для Windows 3.xx и Windows 95. Можно выгрузить бесплатно с сервера компании-разработчика: http://www.jasc.com/pspdl.htmll.

GIF Construction Set

Программное обеспечение для создания подвижных изображений в формате GIF. Распространяется бесплатно. Существуют версии для Windows 3.xx и Windows 95. Можно выгрузить бесплатно с сервера компании-разработчика: http://www.mindworkshop.com/alchemy/gifcon.htmll.

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

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

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

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

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

 

 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full


Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.