Программы создания Web-страниц

Содержание
 Введение1. Языки программирования1.1 JavaScript1.2 PHP2. Программы создания Web-страниц2.1 HTML2.1 HTML-редакторы2.2 HTML-редактор FrontPage и Dream Weaver       ЗаключениеСписок использованных источников

Введение
World Wide Web – глобальная компьютерная сеть насегодняшний день содержит миллионы сайтов, на которых размещена всевозможнаяинформация. Люди получают доступ к этой информации посредством использованиятехнологии Internet. Для навигации в WWW используются специальные программы –Web-браузеры, которые существеннооблегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузереотображается в виде Web-страниц,которые являются основным элементом байтов WWW.
Web-страницы, поддерживая технологиюмультимедиа, объединяют в себе различные виды информации: текст, графику, звук,анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успехв Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, неотягощены чрезмерно графикой и анимацией, быстро загружаются и правильноотображаются в окне Web-браузера.
Создать качественную Web-страницунепросто, для этого потребуются не только навыки дизайнера для красивого истильного оформления, но и опыт программирования. Сложность и объем программ,требуемых для создания того или иного сайта, зависит от множества факторов,таких, как структура, цель, требуемая функциональность, обеспечение надежностии т.п.
Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, AllaireHomeSite или Front Page. А кто-то пользуется простым текстовымредактором, например Блокнотом (Notepad).
Текстовые редакторы, возможно, использовать только для создания небольшихстраниц, так как у них есть много минусов: не поддерживаются проекты,отсутствует «подсветка» текста..., в общем, работать с ними можеттолько профессионал, знающий язык HTML.
Цель нашей работы: Рассмотретьвозможности визуального редактора DreamWeaver и Front Page, а так жеязыки программирования PHP и JavaScript.
Для достижения нашей цели были поставлены следующие задачи:
1)Познакомиться непосредственно с редактором DreamWeaver и Front Page;
2)Рассмотреть основные требования, предъявляемые к Web-странице;
3) языки создания Web-страниц.
В своей курсовой работе я сделал попытку разобраться в том, чтонеобходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментариемсоздания Web-страниц и как его эффективно использовать.
1. Языкипрограммирования1.1JavaScriptWeb,как гипертекстовую систему, можно рассматривать с двух точек зрения. Во-первых,как совокупность отображаемых страниц, связанных гипертекстовыми переходами.Во-вторых, кaк множество элементарных информационных объектов, составляющихотображаемые страницы (текст, графика, мобильный код и т.п.). В последнемслучае множество гипертекстовых переходов страницы — это такой жеинформационный фрагмент, как и встроенная в текст картинка.
При втором подходе гипертекстовая сеть определяется на множествеэлементарных информационных объектов самими HTML-страницами, которые ивыступают в роли гипертекстовых связей. Этот подход более продуктивен с точкизрения построения отображаемых страниц «на лету» из готовыхкомпонентов.
При генерации страниц в Web возникает дилемма, связанная с архитектурой«клиент-сервер». Страницы можно генерировать как на стороне клиента,так и на стороне сервера. Последнее реализуется через механизм подстановок настороне сервера (Server Site Includes). Компания Netscape распространила в 1995году механизм управления страницами и на клиента, разработав языкпрограммирования JavaScript.
Таким образом, JavaScript — это язык управления сценариями просмотрагипертекстовых страниц Web на стороне клиента. Если быть более точным, тоJavaScript — это не только язык программирования на стороне клиента. Liveware,прародитель JavaScript, является средством подстановок на стороне сервераNetscape. Однако, наибольшую популярность JavaScript обеспечилопрограммирование на стороне клиента.
К возможностям JavaScript можно, например, отнести следующее:
•отображать изменяющиеся данные,такие как текущее время или дата;
•программировать переменноесодержание в зависимости от даты, браузера пользователя или других условий;
• изменять внешний вид элементовстраницы, если пользователь щелкнул мышью или провел курсор мыши над элементом.
Для языка высокого уровня JavaScript обладает довольно сильными возможностями. Он не позволяет работать науровне машинных кодов, однако вы получаете доступ ко многим возможностямброузеров, Web-страниц, а иногда и системы, вкоторой работает броузер. В отличие от Java™ или С, программы на JavaScript обходятся без компиляции, а вашемуброузеру не придется загружать виртуальную машину для выполнения программногокода. Программируй и загружай!
JavaScript также работает в объектно-ориентированной архитектуре, напоминающей Java или C++. Такие возможности языка,как конструкторы или наследование на базе прототипов, добавляют в схемуразработки новый уровень абстракции, что способствует многократномуиспользованию программного кода.
Одна из главных причин, по которой Web-разработчики приняли JavaScript, — возможность выполнения на сторонеклиента многих функций, которые ранее выполнялись исключительно на сторонесервера. Лучшим примером является проверка форм. Программисты старой школы ещепомнят, что несколько лет назад для проверки пользовательского ввода в формах HTML приходилось пересылать информацию наWeb-сервер и передавать ее сценарию CGI, где и проходила проверка введенныхданных.
Если данные не содержали ошибок, сценарий CGI продолжал работу. Однако при обнаружении ошибоксценарий возвращал пользователю сообщение с описанием проблемы. Хотя эторешение работает, представьте, сколько лишней работы при этом происходит. Дляпередачи формы необходим специальный запрос HTTP от сервера. После пересылки данных в Сети приходитсязаново выполнять сценарий CGI.Этот процесс повторяется каждый раз, когда пользователь допускает ошибку призаполнении формы. Пользователь узнает об ошибке лишь после того, как сообщениеоб ошибке вернется к нему.
Но вот на сцене появляется JavaScript. Теперь элементы формы можно проверить до того, как пользовательпередаст информацию Web-серверу. Этоприводит к уменьшению количества транзакций HTTP, а также заметному снижению вероятности ошибки приповторном заполнении формы. Кроме того, JavaScript позволяет читать и записывать cookie — когда-то эта операция выполняласьисключительно средствами Web-серверадля работы с заголовками.
Наверно Вы не раз видели, как картинка сменяется другой картинкой принаведении на нее мышкой. Этот эффект реализуется при помощи Java-скрипта.Скрипт состоит из двух частей. Первая часть (см. Приложении А) вставляется вhtml всего один раз. А вторую (см. Приложение Б) придется вставить столько раз,сколько у Вас на страничке будет сменяющихся картинок.
/>В конце первой части скрипта производится подгрузка изображенийнажимающихся кнопок. Необходимо подгрузить картинки нажатой и не нажатой кнопок.
...aX=new Image;aX.src=«imageX.gif»;
/>Эти две строчки показывают то, что необходимо прописать подгрузкувсех картинок. В работающем скрипте не должно быть троеточия и вместо X должнобыть число.
Что есть что: page.htm — имя файла ссылки image_name — Имя картинки,необходимо чтобы java-скрипт знал какую картинку менять. У каждой картинкидолжно быть свое имя. image1.gif — Файл не нажатой кнопки.
image2.gif — Файл нажатой кнопки (будет на месте картинки image1.gif принаведении на нее мышкой)
1.2 PHPРНРизобретен Расмусом Лердорфом в конце 1994 года. Первая версия выпущена в 1995году под именем «Инструментарий Персональных Домашних Страниц», затем она былапереработана и названа PHP/FI Version 2 (FI — модуль обработки данных для форм). Также была добавленаподдержка баз данных mSQL. С этого момента в разработке стали принимать участиедобровольцы.
Статистика используемости РНР приблизительна, но, согласно исследованию,проведенному Netcraft, в начале 2001 года РНРиспользовался на более чем 5 300 000 сайтах по всему миру. Для сравнения: в этовремя число IIS серверов было примерно таким же (5млн). Разработка интерпретатора РНР приняла форму организованного командногопроцесса, ядро интерпретатора разрабатывает компания Zend.com.При этом РНР распространяется свободно: его последнюю версию можно загрузить ссайта PHP.net. Модули РНР поставляются в комплекте с сервером Apache, в комплектах систем Linux.
Изначально аббревиатура РНР означала Preprocessor of Home Pages — препроцессор домашних страниц. Это язык внедряемых в HTML-страницы сценариев, исполняемых на сервере. Побольшей части его синтаксис заимствован из таких языков, как С, Perl, Java, и при этом добавлена масса возможностей, которыхэтим языкам недостает. Проще говоря, синтаксис РНР — это разумная альтернативаи строгости С, и «беспредельности» Perl.
РНР наделен практически полным набором функциональности, о которой (допоявления РНР) мог только мечтать web-программист. Его цель — позволить максимально быстро создавать динамическигенерируемые web-страницы. С полным основанием можнозаявить, что изучение и использование РНР будет выгодно как начинающим, так ипрофессиональным программистам.
Основными конкурентами РНР являются технологии JSP (Java Server Pages и Java Scriptlets), ASP (Active Server Pages), Perl, SSI (Server SideIncludes), Cold Fusion Server Pages.
Рассмотрим те недостатки, которые присущи указанным технологиям. JSP — достаточно сложный для изучения ииспользования язык. ASP, основанный насинтаксисе VBScript (Visual Basic), имеет всего несколько десятков собственных функцийи поэтому вынужден использовать СОМ-объекты; кроме того, он ориентированисключительно на работу под Windows.Perl — язык головоломный, и его вольностизатрудняют его понимание. SSIпозволяет всего лишь компоновать HTML-страницуиз нескольких файлов. CF —коммерческий продукт, что является его основным недостатком.
Основные достоинства РНР:
— бесплатен; постоянносовершенствуется; работает на UNIX иWindows платформах;
— допускает работу с большинством СУБД;
— имеет широкий набор функций (более 3тыс.);
— допускает объектно-ориентированноепрограммирование;
— способен использовать протоколы HTTP, FTP, ШАР, SNMP, NNTP, РОРЗ, net sockets и другие;
— позволяет выполнять все операции, чтои перечисленные его конкуренты, и даже работать с файлами графики. Можно такжезапускать РНР-скрипты как интерпретируемые файлы и компилировать исполняемыеприложения (в том числе с поддержкой графического интерфейса GTK).
Если вы обнаружите, что РНР не способен на что-то (или работает не так,как вам хотелось бы), никто не будет препятствовать вам вносить в исходный кодРНР (написанный на С) желаемые изменения. РНР является программным продуктом соткрытым исходным кодом, и внесение в него улучшений и дополнений путемсоздания собственных модулей расширения всегда приветствуется.
Для начала,чтобы сервер знал, в каком из файлов используются РНР-команды и, следовательно,мог передать такую страничку для дальнейшей обработки, необходимо изменитьрасширение файла с *.html на *.php3. Поэтому, когда вы видите файлы с такимрасширением, можно с почти полной уверенностью утверждать, что при их созданиииспользовался РНР.
Каждаякоманда РНР обычно начинается с тэга . Если выиспользуете несколько команд подряд, они могут быть объединены внутри однойпары тэгов — в этом случае каждую команду необходимо отделять друг от другасимволом ;. В любом месте РНР-скрипта можно размещать комментарии. Для началакомментария используется символы /*, а для его завершения — */. Есликомментарий небольшой, удобней использовать символы // — тогда все, что следуетза ними до конца строки, будет игнорироваться, подобно лишним символам пробела,табуляции и новой строки.
РНР позволяетиспользовать переменные — при этом их не нужно описывать так, как это делаетсяв Visual Basic или Pascal. Вы просто вводите необходимую переменную там, гдевам нужно и тогда, когда вам это нужно. Имена переменных начинаются с символа$.
Переменныемогут быть трех типов: целые, с плавающей запятой и символьные строки. Хотяразделение на типы скорее условное, и каждая функция стремится использоватьправильный тип автоматически. Например:
 

$a = 7;
$b = 9.5;
$c = «Hello»; ?>
Здесьпеременной а присваивается значение 7, и она приобретает тип целочисленной.Переменная b обретает вещественный тип и становится равной 9,5. Строка Hello присваиваетсяпеременной с, в результате чего она становится строковой.
Дляотображения переменных или результатов работы скрипта используется команда echo.Вот небольшой пример рабочей страницы, для того, что бы можно было оценить, какпросто включить PHP-скрипт в обычный html-документ:
 

Пример


echo «Последние обновления: $d »; ?>

В результатезагрузки такой страницы, РНР обработает все команды, которые находятся междуспециальными тэгами, и вы увидите, в данном случае, строку вроде Последниеобновления: 2.08.2000. Браузер получает чистый HTML-код и если просмотреть его,вы не найдете там никаких следов пребывания РНР. Таким образом, вы создадите«вечно обновленную» страницу J.
Встроеннаяфункция date() способна выводить текущие время и/или дату — в любом необходимомдля вас виде.
С помощью PHPочень просто обрабатывать данные, полученные из форм, так как для каждого поляввода в вашей форме автоматически создается переменная. Предположим, например,что у вас есть форма:
 




Тогда в файлеthanx.php3 можно написать что-нибудь вроде:

Тем самым выпорадуете посетителей своей странички такой оперативной работой, и онинаверняка захотят вернуться к вам еще разок.
Письмо можнодействительно послать, и это делается одной строкой. Если вы добавите в тот же thanx.php3нижеследующее:

 «Простите, проспекты уже закончились»);?>
Письмо уйдетна адрес, который пользователь еще минуту назад неосмотрительно вводил в вашуформу.
РНРподдерживает HTTP-cookies. Cookies — это механизм для сохранения данных в удаленномбраузере. Таким образом можно отслеживать или идентифицировать пользователя.Для того, чтобы сохранить переменную на компьютере посетителя вашей странички,используется функция SetCookie(). Любое значение cookies, сохраненное такимобразом, автоматически превращается в переменную, так же как и в случае сформами. Например:
 

echo $TrojanHorse; ?>
На экранепоявится строка: Я вас где-то видел. Все достаточно просто, сохранять можнолюбые переменные, а затем их использовать.
Именнопоэтому в формах, которые вы хотя бы раз заполняли, при их последующихзагрузках вы можете увидеть ваши имя, электронный адрес и прочую подобнуюинформацию в соответствующих полях.
В РНРприсутствует достаточно большой набор функций для работы с файлами. Причемможно работать как с локальными файлами, так и с теми, что расположены наудаленных серверах.
Процедуразаписи/чтения осуществляется очень просто.

$c = c + 1; rewind($fp); fputs($fp,$c); fclose($fp); echo $c; ?>
Этот примердемонстрирует принцип создания на РНР, простейшего счетчика посещений вашейстраницы. Функция fopen() открывает файл counter.txt для чтения и записи. Впеременную с с помощью функции fgets() считывается строка длиной 10 байт. Затемзначение счетчика увеличиваем на единицу. Здесь хорошо видно, как переменная с,которая вначале имела строковый тип, становится целочисленной: $c = c + 1.Функция rewind($fp) перемещает файловый указатель на начало файла. Новоезначение счетчика записывается в файл fputs($fp,$c), после чего он закрывается fclose($fp).В том месте страницы, где будет расположен этот скрипт, всегда можно будетвидеть, сколько раз эта страница посещалась.
Интересныевозможности открываются при использовании HTTP-заголовков. Частным случаем ихиспользования может служить такой пример. Допустим, вы имеете каталог ссылок ихотите знать, какие из них пользуются наибольшей популярностью. В этом случаеможно использовать функцию header(). Например:

В данномслучае пользователь будет перенаправлен на сайт РНР. При этом можно увеличитьзначение счетчика, которое-то вам и расскажет, что именно интересует вашихпосетителей. Заголовки (как, впрочем, и cookies) необходимо использовать довывода данных командой echo или ей подобными функциями — иначе ничего неполучится.
Чтобы большеузнать о ваших посетителях (а именно для этого, как вы теперь знаете, в началеи создавался этот язык), можно использовать предопределенные переменные, доступк которым предоставляет РНР. Например, с помощью переменной REMOTE_ADDR выузнаете IP-адрес, с которого пользователь просматривает вашу страничку.Переменная HTTP_USER_AGENT расскажет вам о том, какие браузеры и операционныесистемы используют ваши посетители. Существует еще множество других переменных,которые можно использовать для изучения аудитории посетителей вашего сайта илистраницы.
2. Программы созданияWEB-страниц
2.1 HTMLДляпубликации информации и её глобального распространения необходим универсальныйязык типа основного всеобщего языка, который потенциально понятен всемкомпьютерам. Таким языком, используемым в World Wide Web, является HTML (от HyperTextMarkup Language/Язык Гипертекстовой Разметки).
HTML даёт авторам средства для того, чтобы:
· публиковатьonline-документы с оглавлением, текстом, таблицами, списками, фотографиями ит.д.;
· запрашиватьonline-информацию, переходя по гиперссылкам, нажимая кнопки;
· создавать формыдля взаимодействия с удалённым сервисом, для поиска информации, созданияархивов, продажи товаров и т д.;
· включать таблицы данных,видео и аудиоклипы и другие приложения прямо в документы.
Отличительный признак HTML-документа.Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так какмежду его стартовым и конечным тегами должна находиться вся Web-страница.
Также основным тегом является
Область заголовка Web-страницы.Иными словами, ее первая часть. Так же как и HTML, HEADслужит только для формирования общей структуры документа.

Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа, которуюразрабатывает автор страницы и которая отображается броузером. Соответственно,конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные длядизайна Web-страницы. Внутри стартового тега элементаBODY можно расположить ряд атрибутов,обеспечивающих установки для всей страницы целиком.
Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур.Это объясняется тем, что документы создаются по определенным правилам. В основусинтаксиса языка HTML лег стандарт ISO 8879:1986 “Information processing. Text and office systems. Standard Generalized Markup Language (SGML)”. Правда, существует большое различие междустандартом официальным и стандартом фактическим.
Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие принципы построения HTML-страниц.
Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие вприведенный листинг.
Комментарий к документу

Структура Web-страницы
H2 {font-family: Arbat;}
CODE {font-family: Arbat;}

name=’’Author’’
content=’’Irina’’>

name=’’Keywords’’
content=’’WWW, HTML, document, element’’>



Переход в конец документа
Переход к ссылке 1

Заголовок1
Заголовок2
Заголовок3
Заголовок4
Заголовок5
Заголовок6
Здесь расположена ссылка 1
Здесь должен располагаться оригинальный текст Web-страницы

Переход в начало документа

Текст комментария. В любом языке программирования есть конструкции, позволяющиесоздавать произвольные ремарки. HTML вэтом смысле — не исключение. Текст, помещенный внутри COMMENT, игнорируется броузером. COMMENT может располагаться в любом месте кода Web-страницы. Без конечного тега, здесь,по-видимому, не обойтись: комментарий должен быть отделен от основного текста.
Существует, правда, одно ограничение: внутри комментария не должнырасполагаться другие элементы. Так должно быть, разумеется, только в томслучае, когда необходимо, чтобы все содержимое элемента COMMENT не отображалось на экране монитора.Если в комментарии будет присутствовать другой элемент, то его содержимое будетвыведено на экран, отформатированное соответствующим образом. С этой проблемойсвязана другая, похожая: обычный текст не может содержать фрагменты, имеющиевид тегов. Для того чтобы включать в текст подобные конструкции, существуетэлемент PLAINTEXT, о котором речь пойдет ниже.
Существует и другой способ обозначения комментария. Он заключается виспользовании восклицательного знака и обрамлении текста комментария двойнымтире. Например:


Внутри подобной конструкции можно помещать и теги: они не будутвосприниматься браузером.

Отличительный признак HTML-документа.Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так какмежду его стартовым и конечным тегами должна находиться вся Web-страница. В принципе, этот элементможно рассматривать как формальность. Он имеет атрибуты version, lang и dir,которыми в данном случае мало кто пользуется и допускает вложение элементов HEAD, BODY и PLAINTEXT, определяющих общую структуру Web-страницы. Естественно, что конечным тегом заканчиваются все гипертекстовые документы.

Область заголовка Web-страницы.Иными словами, ее первая часть. Так же как и HTML, HEADслужит только для формирования общей структуры документа. Этот элемент можетиметь атрибуты lang и dir и допускается вложение элементов TITLE, ISINDEX, BASE, META, LINK, NEXTID.

Элемент для размещения заголовка Web-страницы. Строка текста, расположенная внутри,отображается не в документе, а в заголовке окна броузера. Эта особенность частоиспользуется для организации поиска в WWW. Поэтому авторы, создающие Web-страницы, должны позаботиться о том, чтобы строка внутри TITLE, не будучи слишком длинной,достаточно отображала назначение документа.

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

Этот элемент содержит служебную информацию, которая не отображается припросмотре Web-страницы. Внутри него нет текста вобычном понимании, поэтому нет и конечного тега. Каждый элемент META содержит два основных атрибута,первый из которых определяет тип данных, а второй — содержание. Далее приведенынесколько примеров meta-данных.
Дата, обозначающая “срок годности”документа:
name=’’Expires’’ content=’’Дата’’
Адрес электронной почты:
name=’’Reply-to’’ content=’’Имя@Адрес’’
Указание приложения, в котором был создан Web-документ:
name=’’Generator’’ content=’’Название HTML-редактора’’
Атрибут name используется приложением-клиентомдля получения дополнительной информации о Web-страницах и их упорядочения. Этот атрибут частозаменяют атрибутом http-equiv. Он используется сервером длясоздания дополнительных полей при выполнении запроса.
Кроме этого, элемент МЕТА может содержать URL. Шаблон соответствующего атрибута таков:
URL=’’http://адрес’’

Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа,которую разрабатывает автор страницы и которая отображается браузером.Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы,предназначенные для дизайна Web-страницы.Внутри стартового тега элемента BODYможно расположить ряд атрибутов, обеспечивающих установки для всей страницыцеликом. Рассмотрим их по порядку.
Один из самых полезных для дизайна — атрибут, определяющий фон страницы.Его появление можно уподобить маленькой революции в WWW, так как одинаковые серые Web-страницы благодаря нему расцвели яркими цветнымиузорами: background=’’Путь к файлу фона’’
Более простое оформление фона сводиться к заданию его цвета: bgcolor=’’#RRGGBB’’
Цвет фона задается тремя двухразрядными шестнадцатеричными числами,которые определяют интенсивность красного, зеленого и синего цветовсоответственно.
Оба вышеперечисленных атрибута не являются альтернативными и частоиспользуются совместно.
Поскольку фон страницы может изменяться, необходимо иметь возможностьподбирать соответствующий цвет текста. Для этого имеется следующий атрибут: text=’’#RRGGBB’’
Для задания цвета гиперссылок используется атрибут: link=’’RRGGBB’’
Также можно задать цвет для использованных гиперссылок: vlink=’’RRGGBB’’
Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют впервую очередь назначение Web-страницыи фантазия разработчика.

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

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

Элемент для установки базового адреса (URL) для ссылок. Это позволяет опускать их начальнуючасть. Для использования элемента необходима следующая конструкция:

Фрагмент путь1 не является обязательным. При форматировании полногоадреса он будет отброшен.
В том случае, когда надо задать базовый адрес для локального диска(например D:), должна быть использована такаяконструкция:

Тогда при указании относительной ссылки можно задать не только имя файла,но и имена папок, в которых он находиться. Иными словами, путь к файлам можетбыть разбит на две части: абсолютную и относительную. Это полезно в том случае,когда для файлов указанных в документе, есть общий начальный фрагмент пути.
В выражении абсолютной ссылки можно также опустить указание на схемудоступа (file://). В этом случае будут учитыватьсятолько левая часть абсолютной ссылки до первого левого символа “\”, то есть имялокального диска.

2.1 HTML-редакторы
Web-страницы могут существовать в любом формате, но вкачестве стандарта принят Hyper Text Markup Language — язык разметкигипертекстов, предназначенный для создания форматированного текста, насыщенногоизображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками надругие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервереили являющиеся составной частью этого же Веб-проекта.
При помощи языка HTMLможно создавать Web-страницы вобычном блокноте или Word-е.Но текстовые редакторы, возможно, использовать только тем, кто являетсяпрофессионалом и очень хорошо знает язык HTML. Также можно работать на Web и без знания языка HTML,поскольку тексты HTML могут создаваться разными специальными редакторами иконвертерами. Писать же непосредственно на HTML достаточно нетрудно. Возможно,это даже легче, чем изучать HTML-редактор или конвертер, которые частоограничены в своих возможностях, содержат ошибки или проводят плохой HTML код,который не работает на разных платформах.
Все в языке осуществляется при помощи тегов, т.е. команд, которыезаключены в скобки такого вида: “”. Например, Энциклопедия WEB 2000 Ver. 1.02.
Язык HTML существует в нескольких вариантах и продолжает развиваться, ноконструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTMLи познавая его глубже, создавая документ в начале изучения HTML и расширяя егонасколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многимибраузерами Web, как сейчас, так и в будущем. Это не исключает возможностииспользования других методов, например, метод расширенных возможностей, которыйпредоставляется Netscape Navigator, Internet Explorer или некоторыми другимипрограммами.
Работа по HTML — это способ усвоить особенности создания документов встандартизированном языке, используя расширения, только если это действительнонеобходимо.
HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространеннымиброузерами, и, возможно, станет основанием почти всего программногообеспечения, которое имеет отношение к Web.
Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, AllaireHomeSite или Page 2000. А кто-то пользуется простым текстовымредактором, например Блокнотом (Notepad).
Текстовые редакторы, возможно, использовать только для создания небольшихстраниц, так как у них есть много минусов: не поддерживаются проекты,отсутствует «подсветка» текста..., в общем, работать крайне неудобно.
Редактор — HomeSite 4 — для создания страниц вручную, т. е. для знатоковHTML. Вы получаете полный контроль над HTML-кодом, причем существуетвозможность оптимизировать свою страничку под один из трех популярных браузеров(MSIE, NN, Opera).
HomeSite содержит два основных режима: Edit и Design. Режим Design — этоподобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужойHTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получитьполный контроль над страничкой. Здесь вы можете настроить практически все,сможете прописать функции каждого тега (тогда ваша страничка в любом браузеребудет смотреться одинаково).
Еще одна отличительная особенность HomeSite — это его «склейка» сDreamweaver. HomeSite обладает кнопкой «Dreamweaver», а также входит в егостандартный пакет поставки. Впрочем, и DreamWeaver имеет возможностьподключения HomeSite, как редактора для коректировки HTML-кода.
Одним из последних HTML-редакторовявляется EVR Soft 1st Page 2000.
Его лозунг — «Create 1st classwebsites!» («Создавайтепервоклассные веб-сайты!»). Редактор содержит несколько режимов — Normal,Easy, Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень, а современем перейти на более высокий. Еще одна особенность — довольно большаяколлекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито покатегориям. 2.2 HTML-редактор FrontPage иDream WeaverКакрезультат развития языка HTML появляются HTML-редакторы.Одним из первых редакторов является FrontPage. Редактор входит впрограммный пакет MS Office. Этотпрограммный продукт упрощает работу с HTML-языком. Основнымнедостатком MS FrontPage является то, что он генерирует очень большой HTML-код(слишком много лишнего), поэтому страницы получаются большими, что сказываетсяна скорости загрузки. Более того, при создании Web-страницв этом редакторе видишь одно, а в окне браузера — совсем другое (особенно этокасается Netscape Navigator). Поэтому для создания качественных Web-страницрекомендуется использовать пакет, который будет рассмотрен ниже.
Основным недостатком MS FrontPage является то, что он генерирует оченьбольшой HTML-код (слишком много лишнего), поэтому страницы получаются большими,что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишьодно, а в окне браузера — совсем другое (особенно это касается NetscapeNavigator). Странички получаются какими-то кривыми, поэтому для созданиякачественных Web-страниц рекомендуется использоватьпакеты, которые будут рассмотрены ниже.
Последния версия HTML-редактораэтой компании — DreamWeaver 3, который относится к категории WYSIWYG-редакторов,и этот пакет имеет очень много достоинств: удобный интерфейс, настройкафункций, поддержка больших проектов и ShockWave технологий, возможность закачкифайлов через FTP, поддержка SSI и многое другое. Для работы в этой программе ненужно досконально знать HTML (в этом и заключается преимущество технологииWYSIWYG — что вижу, то и получаю). Одна из последних версий HTML-редактора компании Macromedia- DreamWeaver 3, который относится ккатегории WYSIWYG-редакторов(т.е.What You See Is What You Get), и этот пакет имеет очень много достоинств: удобныйинтерфейс, настройка функций, поддержка больших проектов и многое другое. Дляработы в этой программе не нужно досконально знать HTML (в этом и заключаетсяпреимущество технологии WYSIWYG — что вижу, то и получаю).
Но DreamWeaver на несколько шагов опережает другие редакторы,использующие технологию WYSIWYG, в первую очередь тем, что генерирует оченьчистый HTML-код. DreamWeaver позволяет избавиться от однотипной работы присоздании страниц (например, верстка текста) при помощи использования опции«запись последовательности команд» вы можете записыватьпоследовательность производимых вами команд, потом нажимаете, например, CTRL+P,и DreamWeaver воспроизводит всё в той же последовательности.
Глобальное отличие DreamWeaver от FrontPage вфилософии. FrontPage полагает, что пользователь абсолютно не способенпородить код HTML самостоятельно, поэтому программа должна сделать все за него.DreamWeaver полагает, что пользователь все может сделать сам, апрограмма должна создать максимальные условия для творчества.
Таким образом, мы видим, что прогресс не стоит на месте и вдоказательство этому послужило создание наиболее эффективного средствапроектирования Web-страниц DreamWeaver.
Но DreamWeaver на несколько шагов опережает другие редакторы,использующие технологию WYSIWYG, в первую очередь тем, что генерирует оченьчистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы присоздании страниц (например, верстка текста) при помощи использования опции «записьпоследовательности команд» вы записываете последовательность производимыхвами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит всев той же последовательности.
Заключение
Глобальная информатизация общества приводит к тому, что потребность винформации, растет с каждым новым пользователем сети. При этом задачейспециалистов в области информационных технологий обеспечить пользователейполной и достоверной информацией путем простого и удобного для пользователейдоступа к накопленным массивам данных.
Таким образом, мы изучили возможности языка HTML для создания Web-страниц, узнали, какие HTML-редакторы лучше использовать в Web-дизайне, каковы преимущества инедостатки тех или иных программных пакетов. Итак, поняв принцип построения Web-страницы, изучиввозможности соединения в ней различных видов информации, мы можем смелосказать, что Web-страницы, с их потенциалом могут применятся для различныхцелей.
Web-страница – это лицо той фирмы, того учреждения, человека,который разместил ее в WWW.Именно поэтому сегодня Web-дизайнууделяется такое огромное внимание, ибо от него на прямую зависит популярностьтого или иного информационного ресурса Сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых.
Человек, создающий Web-страницу, соединяет свои знания и навыки со своимтворческим потенциалом. Умение творить – вот что отличает настоящего Web-дизайнера. Для того чтобы создать Web-страницу, которая бы радовала глаз,нужно сочетать в себе качества художника и программиста.
Таким образом можно положить, что будущее развитие Интернета во многомопределяется консолидацией усилий и слаженностью действий специалистов иразработчиков, задействованных в данной отрасли.
/>/>/>/>/>Список использованныхисточников
1         Айзекс С. Dynamic HTML.- Санкт-Петербург, 2001
2         Айзекс С. Dynamic HTML.- Санкт-Петербург, 2001
3         Айзекс С. Dynamic HTML.- Санкт-Петербург, 2001
4         Вишневский А. Сетевые средства Windows 2000. – СПб.: Питер, 2000
5         Гук М. Аппаратные средства локальныхсетей, — СПб.: Питер, 2000
6         Джейсон Мейнджер. Java: основыпрограммирования: Пер. с англ. — К.: Издательская группа BHV,1997
7         Дронов В.А. JavaScript в Web-дизайне.- Санкт- Петербург, 2001.
8         Кристиансен Т., Торкингтон Н. Perl:Библиотека программиста: Пер. с англ.- СПб.: Издательство «Питер», 2000
9         Кудряшова А.В. Методические указанияпо курсовому и дипломному проектированию. – СПб.: «ЛРПТ». 1987.
10       Матросов А.В., Сергеев А.О., ЧаунинМ.П. HTML 4.0. – Санкт-Петербург, 1999.
11     Олифер В.Г., Олифер Н.А. Компьютерныесети. Принципы, технологии, протоколы. — СПб.: Питер, 2002.
/>/>/>/>/>Приложения
Приложение А
Первая часть:


browser_version= parseFloat(navigator.appVersion);
if(browser_name == «Netscape» && browser_version >= 3.0) {roll = 'true'; }
elseif (browser_name == «Microsoft Internet Explorer» &&browser_version >= 3.0) { roll = 'true'; }
else{ roll = 'false'; }
functionover(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }
functionout(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }
if(roll == 'true')
{
a1=newImage;a1.src=«image1.gif»;
a2=newImage;a2.src=«image2.gif»;
...
aX=newImage;aX.src=«imageX.gif»;
} //-->

Приложение Б
Вторая часть: