Вступление
World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит
миллионы сайтов, на которых размещенавсевозможная информация. Люди получают
доступ к этой информации посредством использования технологии Internet.Для
навигации в WWW используются специальные программы – Web-браузеры, которые
существенно облегчают путешествие побескрайним просторам WWW. Вся информация в
Web-браузере отображается в виде Web-страниц, которые являются основным
элементом байтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные
виды информации: текст,графику, звук, анимацию и видео. От того, насколько
качественно и красиво сделана та или иная Web-страница,зависит во многом ее
успех в Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное
оформление, не отягощены чрезмерно графикой и анимацией,быстро загружаются и
правильно отображаются в окне Web-браузера.
Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать
себя в роли дизайнера. И я, вданном случае, не являюсь исключением, потому и
выбрала такую тему для своей курсовой работы.
В своей курсовой работе я сделала попытку разобраться в том, что необходимо
знатьи уметь для создания Web-страницы, какое программное обеспечение является
инструментарием создания Web-страниц и как егоэффективно использовать.
Также в данной работе мною рассмотрены основы языка программирования Web-страниц
– HTML, который являетсяобщепринятым стандартом WWW. Это даст нам возможность
ознакомиться со структура Web-страницы и приемами ее правильногооформления.
1.World Wide Web
1.1 Распространение Internet
Internet - это самая большая мировая компьютерная сеть. Теперь Internet
имеетприблизительно 150 миллионов пользователей более чем в 50 странах. WWW
доступен в основном через Internet; но говоряWWW и Internet мы подразумеваем не
одно и то же. WWW можно отнести к внутреннему содержанию, то есть этокакой-либо
абстрактный мир знаний, в то время как Internet является внешней стороной
глобальной сети в виде огромногоколичества кабелей и компьютеров.
Рис. 1
На рис.1 страны, обозначенные черным цветом, имеют связь по Internet.
Количестволюдей, которые имеют такой доступ, в этих странах становится все
большее и большее. Страны, обозначенные белым цветоммогут работать по e-mail, в
локальных сетях или не имеют ничего подобного вообще.
1.2. Концепция WWW
Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web,
или еще более простое - 3W? WWW - это распределенная информационная система
мультимедиа, основанная на гипертексте. Давайте разберем этоопределение по
порядку.
Распределенная информационная система: информация сохраняется на огромном
великом множестве так называемыхWWW-серверов (servers). То есть компьютеров, на
которые установленное специальное программное обеспечение и которое объединенные
в сеть Internet.Пользователи, которые имеют доступ к сети, получают эту
информацию с помощью программ-клиентов, программ просмотра WWW-документов. При
этом программа просмотра посылает по компьютерной сети запроссерверу, который
сохраняет файл с необходимым документом. В ответ на запрос сервер высылает
программе просмотра этот необходимый файл или сообщение об отказе, если файл по
тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по
определенным правилам, или, как говорят иначе,протоколам. Протокол, принятый в
WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.
Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную
графику, видео и звук.
Гипертекст: информация в WWW представляется в виде документов, любой из которых
может содержать как внутренние перекрестные ссылки, так и ссылку надругие
документы, которые сохраняются на том же самом или на любом другом сервере.
Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в
окне программы просмотра ссылки выглядят как выделенныекаким-нибудь образом
(например, другим цветом и/или подчеркиванием) участка текста или графики.
Выбирая гиперссылки, пользователь программы просмотра можетбыстро перемещаться
от одной части документа к другой, или же от одного документа к другому. При
необходимости программа просмотра автоматическисвязывается с соответствующим
сервером в сети и запрашивает документ, на который сделанна ссылка. Кстати, идея
гипертекстового представления информациидолжна уже быть хорошо знакома
пользователям разных версий системы Microsoft Windows. Именно по этому принципу
построенна в Windows система подсказок(Help), с той лишь разницей, что
гипертекстовая система подсказок Windows не является распределенной.
Итак, Web-страница может содержать стилизованный и форматований текст, графику и
гиперсвязи с разнымиресурсами Internet. Чтобы реализовать все эти возможности,
был разработанный специальный язык, названная HyperText Markup Language (HTML),
то есть, ЯзыкРазметки Гипертекста. Документ, написанный на HTML, представляет
собой текстовый файл, который содержит собственно текст, несущий информацию
читателю,и флаги разметки. Последние представляют собой определенные
последовательности символов, которые являются инструкциями для программы
просмотра; в соответствиис этими инструкциями программа располагает текст на
экране, включает в него рисунки, которые сохраняются в отдельных графических
файлах, и формирует гиперсвязи сдругими документами или ресурсами Internet.
Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда,
когда он интерпретируетсяпрограммой просмотра. Об языке HTML будет детально
рассказано в следующем разделе, поскольку без знания основ этого языка
невозможно создать Web-страницу для публикации в WWW.
2.Создание Web-страницы с помощью языка HTML
2.1 Язык HTML
Web-страницы могут существовать в любом формате, но в качестве стандарта принят
HyperText Markup Language - язык разметки гипертекстов, предназначенный для
создания форматированного текста,насыщенного изображениями, звуком,
анимацией,видеоклипами и гипертекстовыми ссылками на другие документы,
разбросанные как по всему Web-пространству, так и находящиеся наэтом же сервере
или являющиеся составной частью этого же Веб-проекта.
Можно работать на Web без знания языка HTML, поскольку тексты HTML могут
создаватьсяразными специальными редакторами и конвертерами. Но писать
непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать
HTML-редактор иликонвертер, которые часто ограничены в своих возможностях,
содержат ошибки или проводят плохой HTML код, который не работает на разных
платформах.
Язык HTML существует в нескольких вариантах и продолжает развиваться, но
конструкции HTML скорее всего будут использоваться ив дальнейшем. Изучая HTML и
познавая его глубже, создавая документ в начале изучения HTML и расширяя его
насколько это возможно, мы имеем возможностьсоздавать Web-страницы, которые
могут быть просмотрены многими броузерами Web, как сейчас, так и в будущем. Это
неисключает возможности использования других методов, например, метод
расширенных возможностей, который предоставляется Netscape Navigator, Internet
Explorer илинекоторыми другими программами.
Работа по HTML - это способ усвоить особенности создания документов в
стандартизированном языке, используя расширения, только если это
действительнонеобходимо.
HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими
широкораспространенными броузерами, и, возможно, станет основанием почти всего
программного обеспечения, которое имеетотношение к Web.
2.2. Структура HTMLдокумента
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания
можетиспользован любой текстовый редактор.
Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст
размеченHTML-тегами (англ. tag - специальные встроенные указания). Средствами
HTML задаются синтаксис и размещение тегов, в соответствии скоторыми браузер
отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не
отображается.
Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется
пара тегов - стартовый(открывающий) и завершающий (закрывающий) тег (похоже на
открывающиеся и закрывающиеся скобки в математике), между которыми помещается
размечаемаяинформация:
<p>Информация</p>
Здесь стартовым тегом является тег <P>, а завершающим - </P>.Завершающий тег
отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит
символ '/' (слэш).
Браузер, читающий HTML-документ, отображает его в окне, используя структуру
HTML-тегов.В каждом HTML-документе должны присутствовать три главных части:
A) Объявление HTML;
B) Заголовачная часть;
C) Тело документа.
A) Объявление HTML
<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру)что
между ними заключен документ в формате HTML, причем первым тегом в документе
должен быть тег <HTML> (в самом начале документа), апоследним - </HTML> (в самом
конце документа).
<HTML>
.
.
.
</HTML>
B) Заголовочная часть.
<HEAD> и </HEAD>. Между этими тегами располагается информация о
документе(название, ключевые слова для поиска, описание и т.д.). Однако наиболее
важным является название документа, которое мы видим в верхней строке окна
браузера ив списках "Избранное (BookMark)". Специальные программы-спайдеры
поисковых систем используют название документа для построения своих баз
данных.Для того чтобы дать название своему HTML-документу текст помещается между
тегами <TITLE> и </TITLE>.
<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>
</HTML>
C) Тело документа.