К учебнику по созданию Web-страниц

Введение Говорить о популярности Интернета в наши дни, по меньшей мере, странно. Интернет стал не просто частью нашей жизни, но и частью настолько привычной и обыденной, что мы перестали удивляться и восхищаться предоставляемыми им услугами. На самом деле, даже десятилетний ребенок может заметить, насколько веб-технологии проникли во все сферы культурной жизни человека: образование, коммерция, политика, развлечения. Мы пользуемся Интернетом либо в личных целях, либо в профессиональных, либо и в тех и в других. Интернет может объединять и членов клубов по интересам, и детей с родителями. И все они только выиграют от того, что будут знать хоть что-то о Сети. Умение опубликовать документ в Интернете в один прекрасный день может стать чем-то вроде умения печатать на пишущей машинке, и практически любой человек со средним образованием должен будет твердо владеть, по крайней мере, начальными навыкам. Сейчас это является важным пунктом любого Curicculum Vitae (резюме), а также ключевым моментом при выполнении различных задач — как оплачиваемых, так и личных. Если вы морально готовы к тому, чтобы научиться строить собственные сайты, то пришло время начать читать эту книгу и вникать в ее содержимое. Для кого предназначена эта книга Изучение технологий публикации в Сети можно разделить на две стадии. Более того, на два подхода: одним из них является фокусирование внимания на написании кода, другим — изучение технологии публикации с помощью графических редакторов. Наша книга является пособием, придерживающимся первого из этих подходов, она помогает понять суть стандартов HTML и XHTML для написания с помощью этих языков веб-страниц, построения сайтов, совмещения их в более сложные структуры, такие как таблицы стилей, скрипты. Пусть вас не пугают эти термины, по прочтении этой книги вы узнаете, что означают эти умные слова, научитесь работать со средствами веб-публикации, даже если до сих пор вы никогда не сталкивались с ними. Позвольте, однако же, заметить, что эта книга не для всех. Я предполагаю, что вы уже знаете, где у компьютера расположена кнопка Power, а также умеете работать в Windows, Macintosh OS или Unix.Я не буду описывать, как создать файл, папку, что такое расширение файла и т п Из этой книги вы будете узнавать исключительно о том, что касается Сети. Вам придется раздел за разделом следовать за изложением, наращивая свою страницу, придется вникать в графические и муль тимедийные технологии. Понадобятся и минимальные навыки программирования, без этого невозможно создать действительно интересный сайт. Если вы хотите научиться создавать сайты в Интернете для своей фирмы, организации или образовательного учреждения, то совершенно правильно выбрали именно эту книгу. Здесь описаны все необходимые принципы, приведены определения терминов, объяснены основы веб-программирования и дизайна. Хочу быть честным относительно испельзуемого подхода. Если ваша цель — «крутой сайт за один день», то эта книга не для вас. Далее, если вы хотите начать свой марш-бросок в веб-технологии при помощи какого-то конкретного специализированного графического редактора, как, например, Macromedia Dreamweaver, я порекомендовал бы вам купить книгу, описывающую именно этот пакет. Я надеюсь, что используемый здесь подход является оптимальным: несмотря ни на что, до сих пор очень важно уметь программировать «ручками», знать, понимать и любить код, генерируемый редакторами. Без знания основ невозможно ничему научиться. Хотя графические редакторы порой удобны (и они, на самом деле, даже описаны в главе 20, «Графические редакторы»), я считаю, что если человек хочет понять, как устроены веб-сайты, хочет сам научиться их создавать, то программирование на уровне кодов должно стать его родной стихией К счастью, изучение XHTML, таблиц стилей, JavaScript и даже Dynamic HTML, на мой взгляд, может обойтись без этих сложностей, — в конце концов, надо же хоть где-то применять веб-редакторы без зазрения совести! Как организована книга Изложение материала в книге построено от простого к сложному, то есть от вступления и обзора концепций веб-публикации разговор переходит к основам технологии создания собственных страниц и далее к более сложным темам. Часть I: Создание веб-страниц. Здесь вы встретите определения основных терминов (Интернет, Web, HTML, XHTML, таблица стилей, JavaScript и т д), описание различных концепций веб-публикации. Глава 2, «Краткий курс веб-дизайна» — это своего рода букварь веб-дизайна, а глава 3, «Что необходимо для начала работы», представляет собой обзор инструментальных средств, которые нужно установить и освоить, прежде чем приступать к разработке веб-сайтов. Среди них текстовые редакторы и приложения для управления графикой. В главе 4, «Создаем первую веб-страничку», вы найдете пример страницы и шаблон для написания будущих страниц. Часть II: Дизайн, ведущий к успеху. Во второй части книги вы узнаете о том, как использовать XHTML для создания веб-страниц. Мы начнем с обычного форматирования текста и разбивания его на параграфы, научимся создавать заголовки различного уровня, текстовые стили и специальные типы блоков, например маркированные и нумерованные списки. В главе 6, «Визуальная привлекательность: графика на веб-страницах», вы узнаете о том, как вставлять в страничку графику, какие форматы при этом можно использовать. В главе 7, «Создание гипертекстовых ссылок», — все о создании гиперссылок — ключевой технологии и идеи веб-сайтов, в том числе ссылок, указывающих на другой сайт или его страницы или указывающих на какую-либо часть текущего документа. Глава 8, «Основы построения таблиц», посвящена, как ни странно, XHTML-таблицам в тексте, которые могут быть использованы, как показано в главе 9, для форматирования целых страниц В главе 10, «Добавьте оригинальности: таблицы стилей, шрифты и специальные символы», рассказывается о таблицах стилей — современном пути настройки внешнего вида текста, изменяемых отступах и других средствах контроля и управления веб-страницами Глава 11, «Дополнительные свойства изображений и карты ссылок» заканчивает вторую часть книги более подробным рассмотрением изображений в Web, дает представление о том, как оптимизировать их использование на своих страницах. Часть III: Построение собственного сайта. В третьей части книги мы обратимся к некоторым технологиям веб-публикации, которые можно применить сразу ко всему сайту, то есть к собранию работающих вместе веб-страниц. Глава 12, «Создание сайтов при помощи фреймов», рассказывает о том, как разделить браузер на несколько частей с помощью XHTML-фреймов так, что в каждой части может отображаться своя страница.Фреймы очень удобны для быстрого создания «интерфейса» просмотра нескольких страниц одновременно. В главе 13 обсуждается мультимедийное содержимое, которое может быть включено в состав веб-страниц: звук, видео, анимация. В той же главе обсуждается вопрос подключения небольших приложений с помощью Java-технологии. Глава 14, «Стили сайтов: разработка, доступность и глобализация», заканчивает эту часть обзором различных настроек таблиц стилей, с помощью которых можно выбирать и изменять внешний вид документов, составляющих сайт. Часть IV: Взаимодействие с пользователями. Из этого раздела вы узнаете о некоторых технологиях, позволяющих собирать данные, вводимые пользователем, и каким-то образом реагировать на них. В главе 15 рассказывается о применении форм HTML для добавления разного рода флажков, переключателей, меню и других элементов управления. Глава 16, «CGI и сбор данных», посвящена CGI-пpoграммированию, которое часто используется в связке с XHTML-формами для обработки введенных пользователем данных. Главы 17 и 18 обращают внимание читателя на JavaScript — популярный язык написания скриптов, который можно использовать для автоматизации различных действий на веб-странице. Наконец, глава 19, «Dynamic HTML», посвящена темам, касающимся так называемого «динамического HTML» (или DHTML), — это расширение языка HTML объединяет технологии JavaScript и таблиц стилей, заставляя внешний вид веб-страниц изменяться в соответствии с данными, полученными от пользователя. Часть V: Инструментарий для публикации в Сети. Последняя часть книги описывает различное программное обеспечение и службы, позволяющие расширить свои возможности и знания в области веб-публикации. Глава 20, «Графические редакторы», рассказывает о популярных редакторах, автоматизирующих процесс создания веб-страниц, — Macromedia Dreamweaver и Microsoft Frontpage. В главе 21, «Форумы, чаты и другие дополнительные возможности», рассказывается о том, какие элементы можно прикрутить к своему веб-серверу: описываются скрипты для добавления счетчиков посещения, создания интерактивных форумов и чатов. Глава 22, «Услуги веб-публикации», посвящена описанию различных серверных решений, включая бесплатные веб-серверы и решения для электронной коммерции. Кроме этого, в конце книги можно найти приложение со справочной информацией, касающейся элементов XHTML и таблиц стилей CSS. Соглашения, принятые в этой книге По мере чтения вы заметите, что некоторые элементы отличаются от обычного текста и содержат дополнительную информацию. ПРИМЕЧАНИЕ Примечания включаются в текст для того, чтобы дать вам дополнительную важную или просто интересную информацию на конкретную тему. СОВЕТ Совет — это обычно некое указание, которое немного выпадает из темы обсуждения Если вы находите, что совет полезный, используйте его в своей практике создания веб-страниц; в противном случае можно его проигнорировать. В тексте есть некоторые типографские соглашения. Определения и термины выделяются курсивом. То, что вы должны нажать или напечатать, выделяется моноши ринным шрифтом. Листинги, занимающие более одной строки, отделяются от основного текста и пишутся таким шрифтом. Тем же шрифтом выделяются отдельные команды, встречающиеся в тексте. Дополнительная информация Чтобы задать вопрос, сообщить об ошибке, получить дополнительную информацию, посетите сайт автора: http://mac-upgradecom/abgcwp/. Вы найдете там авторские обновления, ответы на вопросы (если таковые возникнут), ссылки на мой адрес e-mail и сетевые форумы. Спасибо за то, что вы выбрали эту книгу, я желаю вам извлечь из нее максимум полезной для вас информации и научиться создавать качественные веб-проекты.

Глава 1. Основы технологии публикации в Сети

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

В первой главе мы рассмотрим следующие темы:

Двухминутное сообщение на тему «История Интернета»

Прародительницей Интернета можно считать сеть ARPANet — вычислительную сеть, основанную американской правительственной организацией Advanced Research Projects Agency (Агентство передовых исследований) в конце 60-х годов Сеть могла работать во время военных действий и стихийных бедствий. Самым необычным в ARPANet было то, что сеть была децентрализованной, пакеты данных гуляли по ней, сами находя путь от одного узла к другому. Это означало, что от отправителя к получателю пакет мог проходить различными путями, что, без сомнения, повышало устойчивость такой системы.

В начале 1980-х годов был создан протокол управления передачей данных TCP/IP (Transmission Control Protocol/Internet Protocol). Он стал доминирующим в процессах обмена пакетами в ARPANet. Примерно в это же время стало понятно, что TCP/IP может использоваться для соединения различных компьютерных сетей, что позволяло обмениваться данными на национальном или даже на международном уровне. Термин Интернет впервые был использован для обозначения такой «сети сетей».

В конце 1989 года проект ARPANet благополучно пришел к своему завершению, но к тому моменту многие университеты и научные организации имели, что называется, «доступ к Интернету». В начале 90-х корпорации стали активно использовать Интернет для передачи данных по электронной почте, однако запрет на коммерческое использование трафика, наложенный Национальным научным фондом, еще существовал и препятствовал коммерческому использованию Всемирной сети В 1991 году запрет был снят, что сделало Интернет доступным для частных лиц, предприятий и организаций, не являющихся правительственными либо образовательными, а также расширило возможности его коммерческого использования (Интернет-магазины, реклама через Интернет).

В 1991 году Тим Бернерс-Ли (Tim Berners-Lee) из швейцарской фирмы CERN, используя компьютер NeXt, написал код того, из чего вскоре выросла Всемирная сеть В 1993 году был выпущен первый графический браузер Mosaic. В 1994 году Марк Андреесен (Marc Andreesen), один из разработчиков Mosaic из университета при Иллинойском национальном центре приложений для суперкомпьютеров, переехал в Калифорнию и основал корпорацию Netscape совместно с предпринимателем по имени Джим Кларк (Jim Clark).

Вскоре после выхода в свет коммерческой версии браузера для персонального компьютера фирма Netscape выпустила Netscape Commerce Server. Это серверное приложение давало возможность организациям не только размещать веб-сайты и отправлять веб-страницы на удаленные персональные компьютеры, но и, например, используя защищенные соединения, работать с кредитными карточками. При этом данные посылались в шифрованной форме, так, чтобы их могли прочесть только отправитель и получатель. В 90-х годах Интернет-технологии стали интенсивно развиваться, в результате чего Сеть стала как стандартной средой передачи данных, так и механизмом для осуществления коммерческой деятельности.

Пройдя испытание множеством обновлений аппаратуры и сменой поколений пользователей, Интернет остается важной частью мировой коммуникационной инфраструктуры. Доступ к Сети стал возможен с помощью множества устройств, например мобильных телефонов и карманных ПК. Телевидение, радио и печатные издания часто отсылают зрителей, слушателей и читателей в Интернет за дополнительной информацией. Как показывает опыт, во время различных кризисных ситуаций Сеть способна быть самым оперативным средством связи.

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

Легко спутать два понятия: Интернет и World Wide Web Интернет — это глобальная сеть, состоящая из линий связи, серверов и протоколов, дающих возможность миллионам компьютеров во всем мире связываться друг с другом. WWW — это услуга, которая предоставляется при помощи Интернета.Это всего лишь один из методов доступа к информации, наряду с e-mail, чатами, системами передачи файлов и т. д.

World Wide Web — это не какое-то определенное место в Интернете, это не какой-то компьютер или нечто, с чем можно «установить сеанс связи». Всемирную паутину можно, скорее, назвать услугой, предоставляемой в рамках Интернета. Использование определенных протоколов, компьютеров, называемых веб-серверами (потому что они подключены к Сети и на них запущено серверное программное обеспечение) делает предоставление этой услуги возможным. То есть серверы могут отвечать на запросы клиента, на котором установлен веб-браузер.

Все, что нужно компьютеру, чтобы стать сервером, — это подключение к Интернету и наличие серверного программного обеспечения. Это ПО включено в состав многих популярных операционных систем: Windows, Mac OS, Unix, часто в виде простого решения «Web Sharing» (разделения веб-ресурсов). Веб-сервер постоянно «сидит» в Интернете и ждет запросов от клиентских браузеров типа Netscape, Internet Explorer и т. п. Клиентские компьютеры запрашивают документы, которые сервером и отсылаются по адресу, назначенному браузером.

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

Во время типичного сеанса «перемещения» по World Wide Web операции типа запрос-ответ происходят практически постоянно: поскольку не только текст должен быть «скачан» с сервера, но и все графические изображения, все звуковые файлы, цифровое видео и т. д. Все это становится возможным благодаря тому, что оба компьютера подключены к Интернету. Они оба распознают протокол передачи данных (команды передачи и приема); кроме того, клиентский компьютер должен распознать язык, команды которого заставляют перерисовывать изображение и отображать содержимое веб-странички в окне браузера. Итак, у нас имеются три разных протокола, или три различных языка.

Первый из протоколов — это TCP/IP С его помощью компьютеры связаны друг с другом в Интернете. У каждого из компьютеров есть адрес, который используется для его идентификации и обеспечения возможности передачи команд и данных из одного места в другое. Если имеется компьютер, который планируется подключить к Интернету, необходимо для него установить TCP/IP-соединение, при этом аппаратура и среда передачи данных никакой роли не играет. Это может быть обычный модем для телефонных линий, кабельный модем, DSL, корпоративное подключение и т. д.

После того как установлено соединение по TCP/IP, запускается веб-браузер, который использует протокол передачи гипертекста (HTTP, Hypertext Transfer Protocol) для обмена командами. Затем веб-сервер посылает специальным образом размеченные документы (HTML) на браузер клиента, который выводит их на экран. Рассмотрим подробнее понятия HTML и HTTP.