Создание Web-страниц. Введение в стандарт Html. Составные элементы технологии WWW, взаимодействие программного обеспечения

 

Министерство  образования и науки Российской Федерации

ФГБОУ ВПО «БАШКИРСКИЙ  ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»

Институт  управления и безопасности предпренимательства

 

 

Кафедра государственного муниципального управления

 

 

 

 

Контрольная работа

 

По дисциплине: Информационные технологии в управлении

На тему: Создание Web-страниц. Введение в стандарт Html. Составные элементы технологии WWW, взаимодействие программного обеспечения.

 

 

 

 

 

Выполнила: студентка 5 курса группы ГМУШЗУ-01-08 Кильдиярова Ксения

Проверил:  доцент Шатдинов Р.С.

 

 

 

 

 

Уфа, 2012

Оглавление

 

Введение 3

1. Составные элементы технологии WWW 4

1.1. Основные понятия World Wide Web 4

1.2. Основные компоненты World Wide Web 7

1.3. Язык гипертекстовой разметки документов HTML 10

2. Инструментарий для создания Web-страниц 11

2.1. HTML-редакторы 11

2.2. Графические редакторы 13

2.3. Создание сайта при помощи CMS Joomla 1.5.7 17

 

 

Введение

 

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

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

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

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

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

Также в данной работе мною рассмотрены основы языка программирования Web-страниц - HTML, который является общепринятым стандартом WWW. Это даст нам возможность  ознакомиться со структура Web-страницы и приемами ее правильного оформления. А так же при помощи CMS Joomla мы рассмотрим создание сайта.

1. Составные элементы технологии WWW

1. Основные понятия World Wide Web

 

Сегодня Интернет используется как источник разносторонней информации по различным областям знаний. Большинство  документов, доступных на серверах Интернета, имеют гипертекстовый формат. Службу Интернета, управляющую передачей таких документов, называют World Wide Web (Web, WWW). Этим же термином, или средой WWW, называют обширную совокупность Web-документов, между которыми существуют гипертекстовые связи.

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

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

Web-страница. Отдельный документ World Wide Web называют Web-страницей. Обычно это комбинированный документ, который может содержать текст, графические иллюстрации, мультимедийные и другие вставные объекты. Для создания Web-страниц используется язык HTML (HyperТext Markup Language — язык разметки гипертекста), который при помощи вставленных в документ тегов описывает логическую структуру документа, управляет форматированием текста и размещением вставных объектов. Интерактивные Web-узлы получают информацию от пользователя через формы и генерируют запрошенную Web-страницу с помощью специальных программ (сценариев CGI), динамического HTML и других средств.

Гиперссылки. Отличительной особенностью среды World Wide Web является наличие средств перехода от одного документа к другому, тематически с ним связанному, без явного указания адреса. Связь между документами осуществляется при помощи гипертекстовых ссылок (или просто гиперссылок). Гиперссылка — это выделенный фрагмент документа (текст или иллюстрация), с которым ассоциирован адрес другого Web-документа. При использовании гиперссылки (обычно для этого требуется навести на нее указатель мыши и один раз щелкнуть) происходит переход по гиперссылке — открытие Web-страницы, на которую указывает ссылка. Механизм гиперссылок позволяет организовать тематическое путешествие по World Wide Web без использования (и даже знания) адресов конкретных страниц.

Адресация документов. Для записи адресов документов Интернета (Web-страниц) используется форма, называемая адресом URL. Адрес URL содержит указания на прикладной протокол передачи, адрес компьютера и путь поиска документа на этом компьютере. Адрес компьютера состоит из нескольких частей, разделенных точками, например www.intel.ru. Части адреса, расположенные справа, определяют сетевую принадлежность компьютера, а левые элементы указывают на конкретный компьютер данной сети. Преобразование адреса URL в цифровую форму IР-адреса производит служба имен доменов (Domain Name Service, DNS). В качестве разделителя в пути поиска документа Интернета всегда используется символ косой черты.

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. Основные компоненты World Wide Web

 

Основу Web-системы составляют следующие компоненты:

·        универсальная адресация (идентификация) ресурсов, обеспеченная применением универсальных идентификаторов ресурсов (URI);

·        механизмы обменов и доступов к ресурсам, регламентируемые протоколом HTTP (протокол ресурса на рис. 1);

·        гипертекстовая технология, обеспечивающая навигацию и перемещение по мультимедиа-документам, реализована с помощью языка HTML (Hyper TextMarkup Language — язык гипертекстовой разметки), затем расширена средствами VRML (VRML — Virtual Reality Modeling Language — язык программирования виртуальной реальности);

·        CGI — Common Gateway Interface — стандарт, определяющий форматы данных для обмена информацией между сервером, другими программными средствами Web-узла и браузером.

Именно эти компоненты на основе общих принципов построения сети Internet и в особенности на базе системы протоколов TCP/IP сделали возможным функционирование WWW. Обратим внимание на тот факт, что, общаясь с WWW, пользователь в каждый конкретный момент времени устанавливает связь только с одним Web-узлом, т. е. взаимодействие пользователя с WWW всегда укладывается в схему клиент-сервер (см. рис. 1), несмотря на то, что серверы, т. е. Web-узлы, могут сменяться даже во время одного сеанса, а управляет этой сменой узлов пользователь (клиент) с помощью активации ссылок в изображении просматриваемого документа.

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

По запросу клиента (браузера) Web-сервер (нумерация на рис. 3) осуществляет следующие операции:

1. Отправляет ASCII-коды HTML-страниц (или VRML-документа), включающие при необходимости команды языка JavaScript.

2. Отсылает двоичный код запрошенного  ресурса (изображения, аудиопотока, видеопотока...).

3. Отсылает байт-код Java-аплета.

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

5. Принимает сообщения от пользователя  и регламентирует доступ к  ресурсам Web-узла на основе анализа принятой информации (проверка паролей, контроль оплаты за доступ и т. д.), т. е. обеспечивает авторизованный доступ.

6. Принимает информацию от пользователя  и в зависимости от нее динамически  формирует HTML-страницы, либо VRML-документы, обращаясь, при необходимости, к базам данных и существующим на Web-узле HTML-страницам и VRML-документам.

Пункты 1—3 являются типичными для  современных Web-серверов.

Пункты 4—6 могли бы исполняться Web-сервером, но программу-сервер в этом случае необходимо было бы специальным образом перепрограммировать каждый раз, когда требуется учитывать новые типы запросов от пользователей. Например, при подключении к серверу новой базы данных, информацию из которой нужно оформлять в виде динамических HTML-страниц, пришлось бы изменять программы Web-сервера. 

Чтобы устранить необходимость  таких модификаций программы Web-сервера, на Web-узле используются CGI-скрипты или CGI-модули — специальные программы, учитывающие требования CGI-стандарта.

Основные требования к CGI-скрипту — соответствие соглашениям той операционной системы, под управлением которой работает Web-узел. Другими словами,CGI-скрипты, как и Web-сервер, — это прикладные программы, работающие в операционной системе Web-узла. Исходный текст CGI-скрипта может быть написан на любом языке программирования, доступном в операционной системе Web-узла. Часто для написания CGI-скриптов используются языки Си, Си++,Perl, Tel и др.

Получив ответ Web-сервера, клиент осуществляет операции:

·        визуализирует HTML-страницу либо VRML-документ в окне браузера;

·        интерпретируя команды JavaScript, модифицирует (обогащает) образ HTML-страницы; Рис.

·        интерпретируя байт-код Java-аплета, дополняет новыми возможностями образ HTML-страницы;

·        ведет диалог с пользователем, заполняющим формы, и создает новые запросы к Web-серверу;

·        с помощью утилит воспроизводит коды аудиопотоков и видеопотоков, т. е. обеспечивает мультимедийный режим;

·        моделирует виртуальную реальность, просматривая VRML-документы.

 

 

 

 

 

3. Язык гипертекстовой разметки документов HTML

 

HTML (HyperText Markup Language) - это язык, принятый в World Wide Web для создания и публикации веб-страниц. HTML предоставляет авторам средства для: включения в Веб-документы заголовков, текста, таблиц, списков, фотографий и т. п.; перехода к другим Веб-страницам посредством щелчка кнопки мыши по гипертекстовой ссылке; создания и заполнения форм для транзакций с удаленными службами, например, для поиска информации, бронирования билетов, оформления заказов на товары и т. п. непосредственного включения в Веб-документы видеоклипов, звука и других внешних объектов. Фактически, современная Веб-страница формируется с помощью трех языковых средств: язык HTML используется для задания логической структуры документа (заголовки, абзацы, графические изображения и прочие объекты); язык каскадных стилей CSS используется для задания способа отображения документа (цвета текста и фона, шрифты, способы выравнивания и позиционирования отдельных объектов на странице и т. п.); языки программирования сценариев (чаще всего JavaScript) используются для написания сценариев, т. е. небольших программ, которые исполняются обозревателем в процессе отображения документа и обеспечивают его динамическое изменение в ответ на различные события. При этом именно HTML-документ является той средой, в которой размещаются остальные компоненты Веб-страницы.

 

 

 

 

 

2. Инструментарий для создания Web-страниц

1. HTML-редакторы

 

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

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