Содержание

       Введение ……………………………………………………………………...

1. World Wide Web (WWW) ………………………………………………...

                  1.1 Концепция WWW …………………………………………………….

            1.2. Язык HTML …………………………………………………………..

       2. Основные принципы создания Web-страниц ……………………………

             2.1 Основные принципы создания Web - страниц в Word ……………

              2.2 Инструменты для создания Web-страниц………………………….

       Заключение……………………………………………………………………

       Список  используемых источников ………………………………………… 
 
 
 
 
 
 
 
 
 

       Введение

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

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

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

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

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

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

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

1. World Wide Web (WWW)

       Интернет  – это самая большая мировая  компьютерная сеть, которая объединяет более 48 тысяч сетей, распределенных по всему земному шару. Интернет имеет приблизительно 150 миллионов пользователей более чем в 50 странах. Сеть интернет является эффективным средством рекламы, маркетинга, сбыта продукции и обслуживания клиентов.

       WWW – это распределенная информационная система мультимедиа, основанная на гипертексте. Информация сохраняется на огромном великом множестве так называемых WWW-серверах. То есть компьютерах, на которых установлено специальное программное обеспечение и которые объединены в сеть Интернет. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов. Программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

       Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.

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

       Такие ссылки называют гиперссылками или  гиперсвязями. На экране компьютера в  окне программы просмотра ссылки выглядят как выделенные другим цветом и подчеркнутые: участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.

       Web-страница  может содержать стилизованный  и форматированный текст, графику  и гиперсвязи с разными ресурсами  Интернет. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, язык разметки гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Интернет. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

     1.2. Язык HTML

      Web-страницы  могут существовать в любом  формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же 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. Основные принципы создания Web-страниц

       2.1 Основные принципы  создания Web - страниц в Word

       Web-страница – текстовый документ, размещенный на сайте, созданный с помощью HTML для отображения в WWW.

       Для создания web-страниц нужен любой браузер, например Internet Explorer или Opera для просмотра и контроля сделанной web-страницы, а также текстовый редактор Word для создания web-страниц. Чтобы создать web-страницу, первым делом создают структуру сайта. Сайт – это сервер, имеющий уникальное имя и постоянный адрес, физически подключенный к WWW, или виртуально размещенный на другом, более крупном сервере. На доступном диске создают главную папку с именем на английском языке. В этой папке создают структуру подчиненных папок, например, папки: images, parent, friends и т. д. Папка images должна присутствовать обязательно, так как в ней будут находиться используемые в дальнейшем графические объекты, рисунки. После создания структуры сайта запустить текстовый редактор Word, создать новый документ и сохранить его как web-страницу, далее приступить к созданию web-страницы.

       Существуют  два способа создания Web-страниц:

• с помощью мастера или шаблона
• преобразовать существующий документ Word в формат HTML

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

       Web - страницу можно сделать более интересной, разместив на ней маркированные и нумерованные списки, горизонтальные линии, цвета фона, узоры, таблицы, рисунки, видеозаписи, бегущую строку и формы. Большинство этих элементов вводятся в страницу так же, как в документ Word. Однако для упрощения редактирования Web-страниц в Word для этих целей предусмотрены некоторые новые специальные функции и команды.

       Для наглядного представления информации на web-страницах часто используют списки. Списки могут быть нумерованными и маркированными. Помимо маркеров в списках можно использовать графические изображения. Набор таких изображений находится в диалоговом окне Список, меню Формат. Кроме графических изображений, в диалоговом окне предлагаются текстовые маркеры, поддерживаемые HTML для Web- страниц. Графические маркеры сохраняются в формате GIF с расширением gif в тот же каталог, что и Web-страница.

       Для создания горизонтальной линии нужно выбрать команду Горизонтальная линия в меню Вставка. Из списка Вид выбрать нужную линию. При сохранении Web-страницы такая линия сохраняется вместе с Web-страницей как графический файл с именем image.gif.

       Чтобы сделать документы Word и Web-страницы более привлекательными, используют различные виды фона, в том числе текстурную заливку. Можно создать подложку, которая будет видна только в напечатанном документе. Хотя черный текст на белом фоне читается хорошо, но это может быстро надоесть. Добавление текстуры фона может сделать внешний вид более привычным, и также снизить зрительное напряжение.

       На  практике иногда бывает необходимо расположить  текст в двух или трех колонках. Помочь в этом может таблица. Она нужна для отображения информации в табличном виде. Для создания и редактирования структуры таблицы используется команда Нарисовать таблицу. Сетку таблицы можно вставить в текст с помощью команды Добавить таблицу. Так как на Web-страницах таблицы часто используются как скрытое средство форматирования, например, для размещения текста и рисунков, вставляемые в текст таблицы не имеют границ. Для добавления границ к таблицам используйте команду Границы меню Таблица. Границы, добавленные к таблицам на Web-страницах, изображаются средствами просмотра Web в объемном виде.

       На  каждую web-страницу можно поместить любое количество иллюстраций. Можно использовать готовые графические изображения. Графические изображения должны быть созданы в таком формате, который поддерживается браузером. Когда Web-страница сохраняется в формате HTML впервые, все рисунки преобразуются в форматы GIF или JPEG. Только эти два вида графических изображений поддерживаются в Web. Чтобы вставить рисунок в Web-страницу, нужно выбрать команду Рисунок в меню Вставка, а затем команду Из файла или Картинки. Если вставляемый рисунок записан в формате JPG, он сохраняется в формате JPG. Если рисунок записан в другом формате, например, TIF, он преобразуется в формат GIF. Если рисунок вставляется из файла, при сохранении он копируется в ту же папку, что и Web - страница, если не установлен флажок. Вставленный на Web-страницу, рисунок по умолчанию выравнивается по левому полю. Можно изменить формат рисунка, определить размер и положение рисунка. Расположение текста и рисунков можно задать дополнительно с помощью таблицы. Графические объекты — автофигуры, надписи и фигурный текст можно использовать в качестве объектов типа "Рисунок Microsoft Word". После закрытия документа эти элементы нельзя будет вновь отредактировать. Они будут преобразованы в изображения формата GIF.