Создание сайта: «Как это было 10 лет назад?»

Предлагаю Вам серию статей на тему: «Как это было 10 лет назад?», во времена героев х/ф «БУМЕР» и сериала «БРИГАДА», когда на улицах господствовали группировки, назначались «стрелки» и происходили разборки. Нет смысла брать в руки книги истории прошедших лет, на много интереснее было бы проследить ход развития «Рунета» и Интернет-проектов тех лет. Чтение собранных нами материалов, позволит Вам получить полную картину понятия — «Создание сайта»! Часть 1. — В книгах пишут! (Изучаем создание сайтов) Книги тех лет (1995г. — 1997г.) не баловали исчерпывающей информацией, о том как нужно делать веб-сайты, какими основными принципами необходимо было руководствоваться при создании сайта. Книги писались в странах с более развитой сетью Интернет и переводились в России для программистов! В то время, термин «Веб-дизайн» еще не появился в России, вся работа по созданию сайта лежала только на Веб-программисте, который, сами понимаете, дизайном владел поверхностно. Интернет того времени был мало востребован в России, т.к. Рунет только развивался, качество связи оставляло желать лучшего, и в России господствовали сети FIDO NET и BBS станции. В качестве примера, можно привести «Введение» из книги «HTML в действии», автора «Брюса Мориса» 1996 год.: Я хотел начать свою книгу с предупреждения: «Все, что написано далее, устарело на четыре месяца», но мой редактор, похоже, считает, что такое вступление — не самое удачное. Он, конечно, прав с точки зрения маркетинга. Вы, может быть, уже знаете, что World Wide Web и Интернет развиваются быстро. Наверное, пора вводить новую единицу измерения времени, «год Web», нечто очень краткое, намного меньше календарного года. Чтобы написать книгу такого объема, как эта, необходимы три-четыре месяца, и почти столько же нужно для того, чтобы ее отредактировать, внести корректуру, напечатать и распространить. За это время пройдет несколько Web-лет, и некоторые представленные здесь материалы окажутся вытесненными новыми разработками или станут, увы, для будущих Web-дизайнеров чем-то вроде устаревших новостей. Я пытался, как мог, сделать книгу соответствующей современным стандартам, и по мере приближения срока окончания работы над ней возвращался назад и обновлял написанные ранее разделы. Но Web — это движущаяся мишень, и единственное, на что может рассчитывать любая книга о ней, — стать своего рода моментальной фотографией. Несмотря на темпы перемен, багаж Web не пропадает - он лишь пополняется. Все, чему вы научитесь после того, как прочтете эту книгу, лишь дополнит ваши знания, почерпнутые из нее. Я надеюсь, что смогу помочь вам включить в вашу Web-страницу кое-что из тех интересных и полезных штучек, которые вы видите в Web. Невозможно в одной книге рассказать обо всем, что есть в Web, но я надеюсь по крайней мере помочь вам взять старт и указать верное направление. Двигаясь по намеченному пути, вы сами найдете те средства, которые потребуются, чтобы сделать ваш Web-сервер интересным и современным с точки зрения технологии и дизайна. Я считаю, что вы в основных чертах знакомы с HTML. При описании большинства вопросов я начинаю с основ, но затем быстро перехожу к объяснению различных тонкостей создания Web-страниц, ради которых вы, возможно, и купили эту книгу. Некоторые из указанных средств относятся к основам языка, другие достаточно сложны. Но поскольку большая часть материала весьма проста, книга в целом не перегружена техническими подробностями и сложными методами. Когда мы перейдем к действительно трудным вещам, я предупрежу вас. Что выбрать: расширение границ или совместимость? Я обожаю выходить за рамки «обычного» HTML. HTML-пуристы могут назвать меня подпольщиком — я буду с гордостью носить это звание. Я бы даже написал на всех своих страницах: «Подготовлено в строгом соответствии со спецификациями подпольного HTML». Не поймите меня неправильно: я не призываю распустить комитеты по HTML-стандартам. Если бы они нас не сдерживали, легко представить, во что превратились бы наши Web-страницы. Но не менее очевидно и то, что без HTML-радикалов любые нововведения лежали бы под сукном во всякого рода комиссиях до скончания века. Хотя я сам приверженец идеи использования нестандартных, или неофициальных, расширений, я хочу, чтобы вы ясно осознавали: многие броузеры не понимают нововведений. В то время как Web-дизайнеры раздвигают границы HTML, часть Web-пользователей приходит в отчаяние: их броузеры не в состоянии показать документ в том виде, в каком он должен быть по замыслу его создателя. Каждый броузер показывает HTML-страницы по-своему, даже два броузера одного типа и версии могут быть настроены по-разному у двух пользователей. Если один из них, скажем, установил шрифт Helvetica, а другой предпочитает Times Roman, то одна и та же страница будет выглядеть по-разному. Обычно HTML-дизайнеры пишут код HTML в текстовом редакторе, держа на экране открытый броузер, чтобы, внося изменения в страницу, одновременно видеть, что у них получается. При этом приходится все время переключаться между двумя окнами, следя за вносимыми исправлениями. В процессе работы нередко забывают о том, что вид страницы зависит от броузера. Мудрый Web-дизайнер поступит иначе: он сначала проверит, как смотрятся все необычные HTML-конструкции в нескольких популярных броузерах, а уже потом поместит свои страницы в Web. Некоторые разработчики предпочитают сначала определить броузер, которым лучше смотреть их страницы, а потом проектируют под него свой Web-узел. Многие делают ссылку на броузер с сервера компании-разработчика. Это законный способ. Большинство компаний, разрабатывающих Web-броузеры, стараются поддерживать все последние расширения, так что в основном броузеры все же совместимы. Редко бывает так, что страницы с расширением, специфичным для какого-то определенного броузера, совершенно не читаются другими. Как Web-дизайнер вы должны решить, будут ли добавления, которыми вы пользуетесь, видны большей части ваших посетителей. Необходимо понять, что лучше: привлекательный сервер, который реально увидят во всей его красе только 80 процентов посетителей, или простой скучный сервер, который сможет посмотреть любой. Что до меня, то я предпочитаю, чтобы 80 процентов пользователей снова и снова заходили посмотреть на мои страницы и рассказывали о них друзьям, чем чтобы 100 процентов побывали там один раз, зевнули и больше никогда не возвращались. В настоящий момент Microsoft Internet Explorer и Netscape Navigator являются самыми популярными броузерами. При этом обе компании стараются расширить HTML. Еще недавно исследовать Web можно было только с помощью текстовых броузеров, таких как почтенный Lynx, а единственным редактором был EMWACs; наверное, пионерам Интернет кажется, что все это было вчера. Появление HTML 1.0 избавило пользователей от зависимости от типа машины. HTML был разработан как система доставки документов, позволяющая сделать практически любой файл доступным через Интернет. Главной задачей HTML является отображение информации с гипертекстовыми ссылками на компьютерах самых разных типов. К сожалению, метод передачи документов с помощью HTML не дает возможности согласовывать вид документа на разных платформах - гарантируется только его структура. До недавнего времени HTML уделял гораздо больше внимания переносимости структуры и содержимого, чем внешнему виду. Не следует забывать о том, что и сейчас небольшой процент пользователей исследует Web с помощью текстовых броузеров, а некоторые Web-разработчики применяют для оформления своих HTML-страниц редакторы из UNIX. Но это не означает, что вы должны перестать пользоваться новейшей техникой, чтобы ваши страницы можно было смотреть текстовыми броузерами. Вы можете разместить среди атрибутов картинки тег ALT= и продублировать в тексте ссылки на URL, заданные в картах активных изображений. Netscape Navigator и Microsoft Internet Explorer предлагают новейшие "крутые" расширения и подключаемые модули (plug-ins), среди них VRML, Java, Real Audio и Acrobat. Один из способов проголосовать за эти нововведения - включить их в свои страницы. По мере того как все большее число пользователей требуют предоставить им доступ к потрясающим возможностям самых лучших узлов, разработчики броузеров вынуждены совершенствовать свои продукты. Таким образом, новые инструменты Web будут завоевывать популярность, и терять свое привилегированное положение. Мне повезло: будучи менеджером группы Internet Team в Gateway 2000, я работал с самыми изобретательными и творчески одаренными Web-дизайнерами. Некоторые из их трюков попали на эти страницы. Я долго изучал разные способы, как эффектно сделать простые вещи, да еще так, чтобы они работали, и попытался описать все это для вас понятным языком. Некоторые хитрости и способы их реализации описаны в этой книге. Но мне всегда хочется чего-нибудь «покруче». Пожалуйста, не стесняйтесь, рассказывайте мне, что еще вам запомнилось в Web, какие инструменты и методы разработки Web-страниц вам нравятся. Основные методы HTML. Не пролистывайте эту главу слишком быстро, даже если вы считаете себя опытным HTML-разработчиком. Тот факт, что заголовок включает слово «основные», еще не означает, что описываемые здесь средства непригодны для создания действительно "крутых" страниц. Некоторые из фундаментальных тегов и методов HTML почти неизвестны или мало используются, а между тем они способны привнести в ваши страницы нечто новое. В HTML 3.0, а также в броузерах Netscape Navigator и Microsoft Internet Explorer появились новые тега и атрибуты. Примените их с толком, и ваши страницы станут не только удобными и красивыми, но и запоминающимися на фоне обычных Web-страниц. Не стоит, конечно, увлекаться модной или особенно эффектной техникой только для того, чтобы показать, что вы ею владеете. И все же часто именно среди самых новых атрибутов или тегов можно найти такие, которые придадут вагам страницам оригинальность. Используйте найденное средство сразу же, ждите, пока основная масса Web-разработчиков тоже его откроет. А когда это произойдет - оставьте его только на тех страницах, где оно действительно необходимо. Описании тегов и атрибутов в этой главе я старался показать, насколько удобными и красивыми становятся Web-страницы при хорошем дизайне. Однако это не значит, что здесь рассматриваются все малоизвестные теги, такие как , и

), мигание () и другие. Для создания нумерованных и маркированных списков существуют теги списков. Простые операции по размещению текста на странице выполняют теги

и ряд других. Но чтобы по-настоящему скомпоновать текст и графику, нужно поместить все это в таблицу

. Таблицы без разделительных и окаймляющих линий применяются для расположения элементов дизайна на всей странице. Пользователь, читающий такую страницу, даже не поймет, что она создана с помощью таблицы. Искусство построения таблиц необходимо для разработки сложных Web-страниц. Мы займемся подробным изучением таблиц в главе 3. Атрибуты Атрибуты дополняют теги, позволяя описывать внешний вид части страницы, окруженной тегами. Например, текст, помещенный внутри тегов , будет выглядеть как большой центрированный заголовок. Атрибут ALIGN=CENTER указывает расположение текста. Тег с атрибутом показывает, что у таблицы будут граничные и разделительные линии нормальной толщины.

задает таблицу без граничных линий. Немного фантазии - и с помощью разнообразных атрибутов можно украсить даже самую скучную страницу. Теги и атрибуты могут различаться в разных броузерах. Некоторые исключительно полезные и интересные теги, предлагаемые такими современными броузерами, как Microsoft Internet Explorer и Netscape Navigator, могут не работать с другими броузерами. Если у вас есть основания считать, что ваши читатели используют некий определенный броузер, стоит проверить в нем свои красивые страницы. К счастью, большинство броузеров следуют за Microsoft и Netscape и стараются как можно быстрее включить поддержку новых средств. Те теги и атрибуты, которые не входят в текущие спецификации HTML, считаются расширениями HTML. Выравнивание и отступы Представьте себе, насколько элегантнее станут ваши страницы, когда вы освоите все возможные теги и атрибуты для выравнивания и отбивок элементов текста! Именно творческое использование этих возможностей отличает настоящих Web-гуру от новичков. Компоновка Web-страницы почти так же важна, как и ее содержимое. Полную версию «HTML в действии», автора «Брюса Мориса», вы можете прочитать в книге. Что стоит почерпнуть из прочитанного? Обратите внимание на то, как представляет себе Интернет автор книги. Автор владея опытом создания сайтов, пытается объяснить то, что еще только бурно развивается! Васильев Станислав Дмитриевич «Интернет-студия «Setupsite.Ru»