Требования к оформлению курсовой работы

Отчет по курсовой работе должен содержать:

• CD с текстом пояснительной записки (диск надписать, указать фамилию, группу, год, тему)

• Пояснительную записку (зарегистрировать в деканате)

Содержание пояснительной записки:

1. Титульный лист (новый)

2. Оглавление (с указанием страниц)

3. Введение и постановка задачи (что, как, в какой среде, с какой целью, какие задачи будут решаться)

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

5. Структура сайта

6. Краткое содержание каждой страницы (если страниц много, то содержание главных страниц, не менее 8-и)

• Какие тексты

• Таблицы

• Фреймы

• Картинки

• Видео

• Гиперссылки

• Эффекты

7. Print Screen избранных (лучших) страниц

8. Коды этих избранных страниц

9. Заключение и выводы

10. Библиографический список

Требования:

• Объем пояснительной записки не менее 20 стр.

• Объем сайта не менее 8-и страниц

• Пояснительная записка размещается в папке с подшитым конвертом с CD

• Нумерация страниц обязательна

• Оформление согласно ГОСТам

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

СЫКТЫВКАРСКИЙ ЛЕСНОЙ ИНСТИТУТ (ФИЛИАЛ) ФГБОУ ВПО

«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ ЛЕСОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ ИМЕНИ С. М. КИРОВА»

Курсовая работа

Название работы

КР.ТФ.О-З.230201.3.11053.ПЗ

Кафедра информационных систем

Зав. кафедрой к.т.н, доцент И.И. Лавреш

Руководитель работы к.т.н, доцент И.И. Лавреш

Исполнитель И.О. Фамилия

Работа допущена к защите

дата

Работа защищена

с оценкой

дата

Сыктывкар 2012

Библиографический список

1. Холмогоров, В. Windows XP. Самоучитель. 2-е изд. – СПб.: Питер, 2006. – 383 с.: ил.

2. Рендел, Н. Microsoft FrontPage в подлиннике/ Н. Рендел, Д. Джонс.: пер с англ. – СПб.:BHV – Санкт-Петербрг, 1997. – 432 с.: ил.

3. Джекобсон, Р. Microsoft Office 2000.: Автоматизация и Интернет возможности/ Пер с англ. – М.: Издательско-торговый дом «Русская редакция», 2000. – 352 с.: ил.

4. Шафран, Э. Создание Web-страниц: самоучитель – СПб: Издательство «Питер», 2000. – 320 с.: ил.

5. Информатика. Базовый курс. 2-е издание/ под ред. Симоновича С.В. – СПб: Питер, 2005. – 640 с.: ил.

6. Федорчук А. Как создаются Web-сайты: краткий курс – СПб: Питер, 2000ю – 224 с.: ил.

Федорчук А. Как создаются Web-сайты: краткий курс – СПб.: Питер, 2000. – 224 с.: ил.

Оглавление.

1. Содержание отчета………………………………………………………….2

2. Библиографический список……………………………………….…..….3

3. Оглавление….………………………………….……………………………..5

4. Что такое сайт………………………………….……………………………..6

Броузеры………………………………………………………..………………………………….6

HTML………………………………………………………………..………………………………7

Сетевая графика…………………………………………………………………..…………….10

Средства интерактивности………………………………………………………..…………..11

Какие бывают сайты…………………………………………………………………..………..12

5. Чем создаются сайты……………...……………………………………...14

WYSIWYG-редакторы……………………………………………………………….………….15

Macromedia Dreaweaver…………………………………………………………..……….15

AOLPress……………………………………………………………………………….……18

HTML-редакторы………………………………………………………………………….……..19

Arachnophilia………………………………………………………………………….……..19

WebMaker………………………………………………………………………………..…..20

6. Чем иллюстрируются сайты……………………………………….……23

Традиционная растровая графика……………………………………………………...……23

Web Graphics Optimizer……………………………………………………………...…….24

GIMP…………………………………………………………………………………...……..25

Compupic фирмы Photodex………………………………………………………..……..28

Нетрадиционные графические форматы…………………………………………..……….30

DjVu………………………………………………………………………………….……….30

Macromedia Flash и Shockwave……………………………………………….…………33

7. Веб в движении…………………………………………………….……….39

Оцифровка……………………………………………………………………………….………39

Обработка…………………………………………………………………………………..…….40

Трансформация………………………………………………………………………….……...41

GIF-анимация………………………………………………………………………….……42

RealVideo……………………………………………………………………………….……43

8. Чем смотрят сайты…………………………………………………….…..46

9. Где размещаются сайты…………………………………………….……48

1. Что такое сайт

Действительно, что? Как и всякое интуитивно ясное по­нятие, строго определить его довольно сложно. До­словный перевод с английского слова «site» способен только ввести в заблуждение. Поскольку как раз «местом» (пусть даже в смысле — «место на диске» сервера) сайт является в наименьшей степени. Ведь физически он может находиться на самых разных серверах и на разных континентах.

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

Что общего между газетой, рекламным буклетом и полным собранием сочинений Шекспира? Казалось бы, ничего, кро­ме технологического процесса, изобретенного полтысячи лет назад Гуттенбергом. Различие — в способах подачи ин­формации и эмоциональном воздействии.

Если при устной передаче информации (технологии, исто­рически предшествовавшей книгопечатанию) для подчер­кивания чего-то важного можно воспользоваться тоном и силой голоса, а то и просто паузой, для технологии печат­ной следует прибегнуть к другим средствам. Вот почему речь устная и печатная — принципиально различны. Это можно видеть на примере расплодившихся в последнее вре­мя сборников анекдотов: редкий из них читается без скуки, хотя в устах умелого рассказчика почти каждый анекдот способен вызвать взрыв гомерического хохота...

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

Другими словами, сайт — это электронная публикация любого размера и содержания, доступная во Всемирной Сети Интернет, причем любой направленности, информа­ционной или эмоциональной.

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

Итак, первое, абсолютно необходимое требование к сайту, — доступность в Сети. А Сеть (то есть Интернет) основана на определенном протоколе данных, именуемом ТСР/1Р. Если вы не знаете, что это такое, — на первых порах достаточно просто запомнить данный термин. А если вас интересуют детали — об этом можно прочитать в специальных книгах.

Собственно веб-технологии покоятся на трех столпах — это НТМЬ, веб-графика и средства придания интерактивности. А для доступа к этим технологиям предназначены

Броузеры

Вот с них-то и начнем, поскольку их особенности всегда нужно держать в голове при применении любых веб-тех­нологий. Броузеры — это в первую очередь программы-интерпретаторы языка HTML (о нем — чуть ниже). Различают броузеры, работающие в текстовом и графическом ре­жимах (далее они именуются, не вполне строго, текстовы­ми и гарфическими броузерами).

Подавляющее большинство посетителей Всемирной сети все же использует броузеры, дающие возможность отображения графических элементов. Среди них с переменным успехом лидируют MS Internet Explorer и Netscape Navigator. Есть еще броузер Opera, имеющий определенную популяр­ность в Европе. Пользователи UNIX-совместимых операци­онных платформ (например, операционной системы Linux) весьма часто применяют Lynx — чисто текстовый броузер. Доля всех остальных браузеров пренебрежимо мала.

Почему нужно знать об этом? Потому что, грубо говоря, разные броузеры и разные их версии показывают одну и ту же страницу по-разному: от незначительных отличий в ширине полей или виде шрифта до весьма существенных изменений, в результате которых содержимое веб-страни­цы отображается совершенно некорректно. Об этом будет отдельная повесть, пока же достаточно запомнить, что эле­мент, хорошо видимый в MS Internet Explorer 5.0, может выглядеть иначе в Netscape Navigator 4.06 (и наоборот) и вообще исчезнуть в любом из броузеров других версий.

Итак, мы выяснили, что броузеры — это интерпретаторы языка, именуемого

HTML

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

HTML — это язык гипертекстовой разметки (HyperText Markup Language). В его основе лежат управляющие кон­струкции, именуемые тегами, и элементы, составляющие собственно html-документ. Теги определяют структуру и вид html-страниц: именно благодаря им интерпретаторы HTML, встроенные в броузеры, формируют изображение документа на экране компьютера. А элементы страниц — это текст и (возможно) графика, определяющие их содер­жание.

Теги HTML разделяют элементы html -документа — заго­ловки различных уровней, абзацы, иллюстрации и прочее; они заключаются в угловые скобки: <имя_тега>. Для некоторых тегов (например, <br> — разрыв строки без образования нового абзаца) этого достаточно. Но большинство конструк­ций HTML требует еще и закрывающего тега, имеющего вид </имя_тега>: например, <title>Название сайта</title>.

Сколько тегов и какие они бывают — можно посмотреть в любом справочнике по HTML. Но, согласно официальной спецификации языка, каждый html-документ должен содер­жать по крайней мере два тега — <title> (закрывающий тег обязателен) и <!DOCTYPE> (закрывающего тега просто нет). Первый из них — заглавие html-документа, аналогичное заглавию книги на обложке; или, скорее, на корешке — его видно почти всегда, даже когда окно броузера свернуто.

Второй тег определяет, что данный файл — именно html-документ, а не что-либо иное. По иронии судьбы тег <!DOCTYPE > может благополучно отсутствовать в реальном html-документе (и отсутствует в доброй их части, вернее — худой) без малейшего вреда для его представления, понимания и на­хождения. Таковы уж чудеса «броузерного правописания»... Но об этом — чуть позже.

Кроме двух формально обязательных тегов практически каждый html-документ содержит тег <head></ head >, внут­ри которого располагается всякого рода служебная инфор­мация, не отображаемая в главном окне броузера (в том числе и тег <title>).

В большинстве html-файлов (за исключением фреймовых наборов, о чем — ниже) присутствуют теги <body> (закры­вающий тег </body> обязателен; то, что между ними — и есть содержимое html-документа, отображаемое в броузере) и <p> (ограничение абзаца, закрывающий тег </p> не обя­зателен, но, с точки зрения строгости синтаксиса, лучше его ставить).

Теги могут иметь атрибуты. Так, в теге <body> можно задать цвет фона, текста, гиперссылок и т. д. (например, следующим образом:

<body bgcolor= "#FFFFFF" text :="#000000" link="#ООООFF"

vlink="#800080">

Такая запись позволит отображать черный текст на белом фоне, цвет не посещенных гиперссылок будет синим, посе­щенных — фиолетовым). Значения атрибутов обязательно заключаются в кавычки. Некоторые теги непременно должны иметь атрибуты (например, тег <а>, о котором пойдет речь ниже), другие, подобно тегу <body>, могут обойтись без них.

Особую роль играет тег <a></a>, заключающий собственно гипертекстовую ссылку. Он имеет несколько атрибутов, по крайней мере, наличие одного из двух — href или name — обя­зательно. Первый указывает на ссылку за пределы данного html-документа (в виде

<a href="http://www.имя_сайта.зона/ .../имя_файла.html">название ссылки</а>). Второй позволяет перейти к определенным образом отмеченному (anchor или bookmark) месту того же самого документа (в виде <а name= "#имя_якоря">название ссылки</а>).

Достаточно важны теги заголовков различных уровней <h#> </h#> (здесь и далее — закрывающий тег приводится, если он необходим). При этом, с точки зрения логики и специ­фикации языка, желателен правильный порядок их вложен­ности (то есть необходимо, чтобы за тегом <h1></h1> следо­вал тег <(h2></h2>, а не, скажем, <h4></h4>). В подавляющем большинстве броузеров эти теги выделяются полужирным шрифтом крупного кегля (тем более крупным, чем меньше цифра ранга заголовка). Аналогично печатной продукции это облегчает восприятие текста. Но дело не только в этом.

Вообще говоря, по своему замыслу HTML создавался так, чтобы максимально отделить структуру (и содержание) до­кумента от его визуального представления. То есть тексту, заключенному в тег <h1></h1>, теоретически будет прида­ваться большая значимость, чем тексту в теге <h2></h2>, что имеет значение для некоторых поисковых машин (об этом' подробнее — в эпилоге). А уж как именно эта значимость выражается визуально — остается на совести авторов кон­кретной реализации данного броузера.

Аналогично, если, например, в печатном тексте требуется подчеркнуть мудрую или содержащую какие-либо непре­ходящие истины мысль, прибегают к курсивному или полужирному начертанию (иногда — к тому и другому одно­временно; это для авторов, которым не грозит смерть от скромности). В html-документе можно воспользоваться для данных целей тегами <b></b> и <i></i> (от английских слов «bold» и «italic») или даже обоими вместе (в любом порядке вложенности). Кстати, еще одно правило простанов­ки тегов — они не должны пересекаться, то есть <тег></тег2> обязательно должен располагаться внутри <тег1></тег1>. Иными словами, допустима конструкция <b><i>текст</i> </b>, но никак не <b><i>текст</b></i>. В большинстве случаев ошибка не наказуема, но иногда возникающий в результате эффект бывает совершенно сверхъестественным. Зачас­тую в указанном случае правильнее пользоваться тегами <strong></strong> и <em></em>. В первом варианте боль­шинство броузеров отображает подобный текст полужир­ным начертанием, во втором — курсивом. Но, главное, оба эти тега подчеркивают большую значимость заключенных в них элементов относительно всех остальных.

В качестве небольшого «лирического отступления» можно сказать, что подготовка текстов для их дальнейшего пре­вращения в html-документ сродни процедуре перевода ка­кого-либо материала на иностранный язык: скажем, с рус­ского флективного на английский аналитический. И то, и другое здорово дисциплинирует мысль.

Кроме обычных тегов существуют еще и так называемые метатеги. Они не отображаются броузером, но могут содер­жать некую информацию, значимую для поисковых систем (например, ключевые слова, указание на авторство, описа­ние). Располагаются они внутри тега <head></head>.

Суммируя, приведу обычный набор подобных тегов про­стого html-документа:

<!DOCTYPE HTML PUBLIC "-//WЗC//DTD HYML 4.0//EN”>

<HTML>

<HEAD>

<META name= "author" content:= "Имя создателя сайта">

< META name = "description" content= "Описание">

< META name = "keywords" content:= "Перечень ключевых слов">

<title>Заголовок страницы<title>

</HEAD>

<BODY>

<hi >3а головок</h1>

<h2>Подзаголовок</h2>

< p>Абзац первый</p> ...

</BODY>

</HTML>

Кроме обычных html-документов (принадлежность к которым определяется наличием тега <body></body>) существуют так называемые фреймовые наборы. Для них обязательным явля­ется наличие тегов <frameset></frameset>, между которыми заключено не менее одного тега <frame> (практически — два и больше, иначе существование фреймового набора лишено смысла). Строго говоря, самостоятельными html-документами упомянутые фреймовые наборы не являются, а представляют собой ссылки на существующие (два или больше) html-файлы (указанные в теге <frame> как атрибут src="имя_файла.html"). Визуально фреймовый набор выглядит разделенным на два (или больше) окна, содержимое которых может прокручи­ваться или изменяться независимо друг от друга.

Вот как выглядит Ьйп1-код фреймового набора:

<!DOCTYPE HTML PUBLIC "-//WЗC//DTD HYML 4.0//EN”>

<HTML>

<HEAD>

<title>Заголовок фреймового набора<title>

</HEAD>

<framest rows= "30%, 70%" border= "0">

<frame src= “frame1.html”>

<frame src= “frame2.html”>

</frameset>

<noframes> Текст, отображаемый в броузерах, не поддерживающих фреймы </noframes>

Что необходимо рядовому пользователю для освоения НТМЬ? Вообще-то ничего, кроме какого-нибудь веб-редак­тора, позволяющего проводить параллельно визуальное создание страницы и просмотр (лучше — правку) html-кода. Однако не худо иметь под рукой также толковый справоч­ник по HTML. Среди подобных изданий хотелось бы отме­тить книгу Роберта Муллена «HTML 4: справочник про­граммиста» (СПб: «Питер», 1998). Отнюдь не потому, что остальные пособия — плохи.

Поскольку собственно к HTML я возвращаться больше не буду, скажу несколько слов о том, какие «сорта» HTML существуют в мире на сегодняшний день. Поскольку ука­занный язык развивался на протяжении уже без малого де­сяти лет, он имеет несколько реализаций (или версий). При >том больший номер версии вовсе не означает, что она явля­ется развитием и усовершенствованием версии с номером меньшим. Практическое значение на данном этапе сайтостроительства сохраняют три реализации HTML — 2.0,3.2 и 4.0.

Генетически HTML восходит к SGML (Standard Generalized Markup Language) — языку разметки и структурирования любых документов, электронных и бумажных, лежащему, в частности, в основе программы TEX — универсальной из­дательской системы, предназначенной для книгопечатания. Я подозреваю, что языки разметки, использованные в ком­мерческих текстовых процессорах типа MS Word, WordPerfect и AmiPro, происходят из того же семейства. Просто ввиду закрытости фирменных форматов это не столь бро­сается в глаза...

Как уже упоминалось, задумывался HTML именно в каче­стве языка разметки, созданного для структурирования до­кументов. А уж каким образом эта структура будет выгля­деть внешне, зависело, в первую очередь, от броузера и его пользовательских настроек, а также от самого создателя сайта. Данный принцип более или менее последовательно выдерживался вплоть до версии 2.0. (утверждена в 1995 году международным консорциумом World Wide Web, именуемым в народе W3C).

Так что, если вы пользуетесь в своей работе HTML 2.0, это почти гарантирует адекватное воспроизведение результатов практически во всех существующих ныне броузерах.

Исторически следующим возник HTML 3.2. Данная версия языка не является усовершенствованием версии 2.0 (кото­рым должен был стать так и не реализованный проект HTML 3.0). Напротив, это, скорее, своего рода отход от основополагающих принципов реализации предыдущего стандарта, поддерживающий, тем не менее, большинство его функций. Именно в этой версии появились (вернее, были официально узаконены) теги, напрямую указывающие на форму представления html-документа (вроде тех же <b> </b> и <i></i>). Тем не менее HTML 3.2 — и ныне живу­щий вариант рассматриваемого нами языка, поддерживае­мый большинством широко используемых броузеров.

Последняя на сегодня веха — HTML 4.0. При его создании разработчиками была сделана попытка избавиться от нега­тивного влияния на отображение документов визуальных тегов путем выделения их в группу нерекомендованных, тогда как к рекомендованным отнесены теги структурные (унаследованные от HTML 2.0) вместе с многочисленными нововведениями типа каскадных таблиц стилей.

Ныне HTML 4.0 можно лишь условно назвать стандартом завтрашнего дня. С одной стороны, он поддерживается толь­ко последними версиями броузеров, да и то не в полном объеме и совершенно по-разному. А с другой стороны, совсем недавно был принят новый стандарт — XHTML, основанный на XML (eXtended Markup Language). Он более последовательно развивает традиции SGML и поддержка его декларируется в грядущих вскоре версиях программ, предназначенных для просмотра HTML-страниц.

Ну, а теперь перехожу к следующей важной теме веб-техно­логий. Именуется она

Сетевая графика

Данной немаловажной теме ниже будет посвящена отдель­ная повесть. А пока — лишь несколько предварительных за­мечаний.

Исконно Сетевыми графическими форматами являются GIF и JPEG. Они поддерживаются практически всеми броузе­рами (за исключением, разумеется, чисто текстовых). Гораздо позже к ним присоединился формат PNG; его поддержка реализована практически во всех версиях современных броузеров, позволяющих отображать графику. Однако реально используется он достаточно редко. Ныне PNG имеет шанс получить более широкое распространение, так как нынеш­ний обладатель прав на алгоритм GIF-компрессии в очеред­ной раз пожелал получать за использование данного стан­дарта деньги (разумеется, с нас, пользователей).

Все эти форматы (как и еще один мало распространенный тип графических файлов — DjVU) являются растровыми. Общепринятого стандарта векторной графики в Сети нет. Таким стандартом имеет шанс стать Macromedia Shock Wave, но пока до этого еще далеко: изображения в форматах GIF или JPEG можно найти практически на любом сайте (хотя бы в виде логотипов), тогда как ShockWave — все еще экзотика.

В чем причина? Файл в форматах GIF, JPEG и PNG можно и изготовить практически в любом графическом редакторе, добрая часть которых является бесплатными. И сами форматы — открыты, написание программ для работы с ними для профессионального программиста не представляет ка­ких-либо трудностей. А вот файл ShockWave может быть создан исключительно посредством фирменного инструментария — Macromedia Flash, программы платной (и достаточ­но дорогой). Техническая спецификация указанного фор­мата до сих пор закрыта, так что создание независимыми разработчиками альтернативного инструментария на сегод­няшний день невозможно. Кроме того, если поддержка GIF, JPEG и, с некоторого времени, PNG изначально включена в броузеры, то возможность отображения ShockWave обычно требует дополнительного программного обеспече­нии (так называемых plug-in; подобные дополнения необхо­димы и во многих других случаях).

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

Средства интерактивности

Сам по себе html-документ (или, как его еще принято называть, веб-страница) — вещь сугубо статическая. Пользователь может только загрузить его и просматривать в своё удовольствие. Однако существуют средства для встраивания в html-документ интерактивных управляющих элементов. Это Perl, JavaScript и Java, VBScript и ActiveX, а также некоторые другие (например, популярный на Linux-сайтах PHP). В отличие от HTML, упомянутые технологии представляют собой настоящие языки программирования, позволяющие создавать достаточно сложные управляющие конструкции. Одни из них исполняются на сервере и требют обязательной установки соответствующего программного обеспечения, другим достаточно наличия интерпретатора на клиентской машине. Расскажу о них вкратце.

Perl — интерпретируемый язык, являющийся основой для создания cgi-скриптов — управляющих элементов, исполняемых на сервере. Любой солидный сервер, предоставляющий услуги веб-хостинга (то есть поддержания веб-сайтов своих клиентов) обычно предоставляет доступ к некоторому готовому набору таких скриптов (заполнение и отправка форм, счетчики посещений, гостевые книги и т.п. А некоторые по согласованию с администратором сервера дают возможность клиентам использовать и собственные скрипты. Подробности можно прочитать, например, в книге «Perl: библиотека программиста» Тома Кристиансена и Натана Торкингтона (СПб: «Питер», 1999).

JavaScript — также интерпретируемый язык, поддержка которого встроена во все современные броузеры. Соот­ветственно, он не требует инсталляции каких-либо допол­нительных plug-in. Используется этот язык, с одной сторо­ны, для создания интерактивных управляющих элементов (кнопок, форм, средств навигации по сайту), с другой — для динамического изменения содержания страницы во время или после ее загрузки.

Java же — это полноценный язык программирования, область применения которого не исчерпывается одними лишь веб-технологиями. Он основывается на C++ и позволяет делать практически все, что доступно последнему. Язык этот интерпретируемый, однако для функционирования создан­ных на нем продуктов требует компиляции в так называ­емый промежуточный байт-код (это еще не настоящий машинный код компилятора, но уже и не исходный текст программы). Поэтому, хотя поддержка Java и встроена в текущие версии большинства броузеров, в некоторых случаях для работы java-программ могут потребоваться дополнительные средства.

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

Java-программы выступают в двух ипостасях, именуемых апплетами и приложениями. Первые вызываются при помощи соответствующего набора команд непосредственно из текста html-документа и не могут существовать независимо, вторые способны работать самостоятельно. Так вот, практически для процесса изготовления сайта (за редки­ми исключениями) имеет значение только первый подкласс программ.

Применение апплетов Java весьма многообразно: от созда­ния управляющих и навигационных элементов (аналогично JavaScript, но с более широкими возможностями) до слож­ных систем доступа к базам данных и страниц с обратной связью. Однако это требует уже программирования на достаточно высоком уровне и довольно сложной отладки в режиме on-line (часто апплет, прекрасно функционирующий па локальной машине, категорически отказывается работать после размещения на веб-сервере). Поэтому разговор о Java я закончу, отослав интересующихся подробностями к много­численной литературе, опубликованной в последние годы. Если вы хотите узнать о Java практически все, читайте «Программирование на Java» хорошо известного пользователям персональных компьютеров программиста Питера Нортона (СПб: «Питер», 1999). А с JavaScript можно по­знакомиться, например, по справочнику Рика Дарнелла «JavaScript» (СПб: «Питер», 1998).

VBScript и ActiveX — разработанные фирмой Microsoft аналоги JavaScript и апплетов Java. В отличие от послед­них, они жестко привязаны к определенной платформе (догадались, к какой?) и полноценно функционируют толь­ко в броузере MS Internet Explorer (в полном объеме — только начиная с четвертой версии). Эти технологии часто объединяются в некое метафизическое понятие, именуемое динамическим HTML (DHTML).

DHTML — это, в сущности, просто HTML версии 4.0 со встроенными в него интерактивными средствами, реали­зованными преимущественно с помощью инструментов VBScript и ActiveX. Однако, поскольку DHTML одно вре­мя претендовал (может быть, и сейчас претендует) на поло­жение если не юридического, то фактического стандарта, для совместимости, скажем, с Netscape Navigator, преду­смотрены альтернативные решения на основе JavaScript и Java. Технически это весьма трудоемко, и результат, на мой взгляд, не всегда адекватен затраченным усилиям.

Наконец, одно из наиболее эффективных средств придания интерактивности html-страницам — уже упоминавшаяся ранее Macromedia Flash. Данная технология позволяет ре­ализовать многое из того, что доступно с помощью Java (вплоть до сложной интерактивной анимации), совершен­но не требуя при этом ручного кодирования. Впрочем, на эту тему поговорим подробнее в одной из следующих глав. Скажу только, что все ограничения, свойственные формату ShockWave для представления векторной графики, распро­страняются и на интерактивные элементы Flash.

Вот вкратце и все о том, что такое сайт. Теперь я в несколь­ких словах расскажу вам,

Какие бывают сайты

К первой условной категории подобных ресурсов Интернета можно отнести личные страницы (home pages), созданные исключительно для самовыражения их авторов.

Вторая категория — сайты зоны .org, то есть принадлежащие некоммерческим организациям. Я отнес бы сюда и сайты зоны .edu — это университеты, правда, практически только американские. В эту же группу следует, пожалуй, включить и личные страницы, несущие соответствующее информационное наполнение.

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

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

И наконец, так называемые контент-сайты — генераторы информации самой различной направленности и назначе­ния, от сборников последних новостей до онлайновых научных журналов.

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

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