Что такое World Wide Web?

World Wide Web (Всемирная Паутина) -- это сеть информационных ресурсов. Сеть (Web) полагается на следующие три механизма для предоставления этих ресурсов для наиболее широкой аудитории:

1. Единая система наименований по которым ресурсы могут быть найдены на Сети (e.g., URL-ы).
2. Протоколы для доступа к именованым ресурсам посредством Сети (e.g., HTTP).
3. Гипертекст для облегчения навигации среди ресурсов (e.g., HTML).

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

Лёгкость, с которой Word переводит свой текст в формат HTML, заставляет начинающего задаться неизбежным вопросом: зачем изучать язык, если можно получать HTML-коды без всякой головной боли?

Что касается Word, то пример явно неудачный. Как раз здесь, головная боль обеспечена на все 100%.

При использовании Word, как визуального HTML-редактора возникают следующие проблемы:

• Невозможно добиться точного соответствия Word-страницы визуальному представлению полученного HTML-документа.
• Word вставляет в HTML-коды много лишнего. Процент “мусора” порой достигает 50%. А пересылка “довеска” по сети стоит времени и денег.
• Word не справляется с конвертированием в HTML больших и сложных по структуре файлов.
• Word не умеет записывать HTML-тексты “шрифтом по умолчанию”. Он обязательно вставляет тег FONT с атрибутом face, в котором прописывает конкретный шрифт. Эта “привычка” Word не является безобидной для русскоязычных сайтов. Если на машине клиента указанные шрифты не содержат русских букв, то прочитать текст нельзя. Вероятно, вы встречались в Интернете с такой ситуацией, пробовали менять кодировки, но все с нулевым эффектом — браузер показывает текст шрифтом, в котором нет русских букв, и смена кодировки в этом случае, естественно, не помогает.

Существуют более продвинутые, по сравнению с Word, визуальные HTML- редакторы. Среди них — очень хороший и мощный продукт HomeSite, а также очень простой в обращении FrontPage Express.

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

Можно добавить еще, что FrontPage не все умеет делать даже на уровне стандартного HTML 3.2 и, бывает, встает в тупик перед простой проблемой. Например, отказывается вставлять пустую строчку между двумя таблицами, примыкающими вплотную друг к другу.

Но, тем не менее, редактор FrontPage Express — хороший. Работать с ним удобно.

Последнее достижение фирмы Microsoft — FrontPage 2003. Этот продукт — существенный прорыв на рынке визуальных HTML-редакторов.

FrontPage 2003 не выкидывает те теги, которые не может понять и осмыслить, и не вписывает сотни тегов, которые никому не нужны. А главное, FrontPage 2003 не трогает то, что трогать не надо. Код, который создается в визуальном режиме, он форматирует по-своему, а код, написанный вручную, переписывает без изменений.

В комплекте с FrontPage 2003 идет огромное количество предопределенных скриптов, формы, гостевые книги, картинки, таблицы и всякие другие “полуфабрикаты” для изготовления HTML-блюд на разный вкус.

Так нужно ли изучать HTML и заниматься ручной “вспашкой”, когда есть такие мощные “землеобрабатывающие” комбайны?

Мнение авторитетных вебдизайнеров в этом вопросе однозначно — да!

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

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

Наконец, свободно владея HTML, вы будете ощущать себя принятым в хорошую компанию.

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

Чёрный костюм, белая рубашка, галстукк

Текст — это основной информационный элемент.

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

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

Этот стиль, как чёрный костюм, белая рубашка и галстук — никогда не подведёт!

Человек, одетый таким образом, всегда выглядит элегантно и представительно. А вот парнишка в драных джинсах, длинной рубашке до колен, кроссовках на платформе и повязкой на лбу может выглядеть и очень интересно, и совершенно неуместно. Одеваться таким образом, очень непросто — нужен вкус, легко попасть впросак и вызвать у окружающих сочувственную улыбку.

Академический стиль

Чем же определяется академический стиль оформления гипертекстового документа?

Резиновый дизайн страницы

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

Разрешение экрана — это его размеры в пикселах. Наиболее распространенным сейчас является разрешение 600x800. Но есть пользователи, которые смотрят странички в разрешениях 640x480, 1024x768, 1280x1024.

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

Понятно, что в последнем случае, все дизайнерские задумки будут сведены на нет — центр тяжести будет смещен влево и общий вид страницы будет испорчен.

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

И вертикальная полоса прокрутки не украшает экран, но, к сожалению, это неизбежное зло: очень мало страниц целиком помещаются на одном экране.

Если вы не будете принимать специальных мер, а будете использовать умолчание браузера, страница станет “резиновой”. Для каждого разрешения (и каждого окна) браузер отформатирует элементы таким образом, чтобы они целиком покрывали всё окно, а горизонтальная прокрутка при этом включаться не будет.

>Назад<