Разработка и дизайн Web-сайта
Разработка и дизайн Web-сайта
I. ВВЕДЕНИЕ
World Wide Web – глобальная компьютерная сеть на сегодняшний день
содержит миллионы сайтов, на которых размещена всевозможная информация.
Люди получают доступ к этой информации посредством использования технологии
Internet. Для навигации в WWW используются специальные программы – Web-
браузеры, которые существенно облегчают путешествие по бескрайним просторам
WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые
являются основным элементом байтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе
различные виды информации: текст, графику, звук, анимацию и видео. От того,
насколько качественно и красиво сделана та или иная Web-страница, зависит
во многом ее успех в Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное
оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются
и правильно отображаются в окне Web-браузера.
Создать Web-страницу непросто, но наверно каждый человек хотел бы
попробовать себя в роли дизайнера.
В своей дипломной работе я сделал попытку разобраться в том, что
необходимо знать и уметь для создания Web-страницы, какое программное
обеспечение является инструментарием создания Web-страниц и как его
эффективно использовать.
Также в данной работе мною рассмотрены основы языка программирования
Web-страниц – HTML, который является общепринятым стандартом WWW. Это даст
нам возможность ознакомиться со структурой Web-страницы и приемами ее
правильного оформления.
1.1 Концепция 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-страницы», поскольку без знания
основ этого языка невозможно создать Web-страницу для публикации в WWW.