Тема  курсовой работы: «Сервисы Интернет». 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Введение 

     HTML – (язык разметки гипертекста) – язык компоновки документов и спецификаций гиперссылок, используемый для кодирования документов в системе WWW.

     Средствами  HTML задаются синтаксис (правильное написание) и размещение специальных встроенных указаний в соответствии с которыми браузер (программа просмотра) отображает содержимое документа: текст, изображения и данные других типов, поддерживаемых данным браузером. Текст самих встроенных указаний Web-браузером не отображается. В языке HTML, кроме того, реализована поддержка механизма специальных гипертекстовых ссылок, которые обеспечивают связь данного документа с другими документами (последние могут находиться в локальной системе, в системе WWW или могут быть получены с помощью других ресурсов Internet – FTP, Gopher и т.д.). Применение механизма гипертекстовых ссылок позволяет сделать документ интерактивным.

     Для просмотра HTML-документов необходимо воспользоваться браузером, например, Internet Explorer или Опера.

     Для формирования HTML-документа используются различные теги и элементы оформления. Теги HTML вставляются между знаками «меньше» (<) и «больше» (>) <HTML>. Для создания документов HTML используются различные текстовые (сложные и простые) редакторы.

     Большинство  HTML-тегов работают парами, поэтому требуется использовать начальный и конечный теги. Конечный тег HTML выглядит точно также, как и начальный тег, однако начинается с прямого слэша (/). Например, тег <HTML> отмечает начало HTML-документа, тег </HTML> отмечает его конец.

     HTML-тег состоит из имени, за которым может следовать необязательный список атрибутов тега. Атрибуты тега отделяются друг от друга одним или несколькими знаками табуляции, пробелами или символами возврата к началу строки. Например, если мы хотим сделать цвет фона красным, а цвет всего текста документа – белым, то в теге <BODY> необходим ввести следующие атрибуты:

     <BODY bgcolor=red   text=white>. 

     Некоторые атрибуты могут иметь конкретные значения (например, size=20).

           Вложенные теги нужно  закрывать, начиная с самого последнего и двигаясь к первому (например):

     <B> <CENTER> Курсовая работа </CENTER> </B>

     СТРУКТУРА HTML-ДОКУМЕНТА

     Текст всего документа заключается в теги: <HTML>. . . </HTML>.

     В заголовке (<HEAD> . . . </HEAD>) указывается название HTML-документа и другие параметры, которые браузер будет использовать при отображении документа.

      Тело (<BODY> . . . </BODY>) – это та часть, в которой помещается собственно содержимое HTML-документа.

     Структура HTML-документа.

     Рассмотрим  основные теги, которые  я использовала для  курсовой работы:

<HTML> и </HTML>

     Эти теги сообщают браузеру, что текст  между ними следует интерпретировать как текст HTML.

<HEAD> и </HEAD>

     Эти теги отмечают вводную и заголовочную части документа HTML-документа. Между тегами <HEAD> всегда располагаются теги <TITLE>.  

<TITLE></ TITLE>

     Между этими тегами помещается название HTML-документа. Заголовок должен описывать цель документа и содержать не больше 5-6 слов. Название домашней страницы выводится браузером на строке заголовка. Кроме того, когда вы устанавливаете закладку на определенную страницу, выводится и ее название. 

<BODY></BODY>

     Текст, охваченный этими тегами, является основной частью документа, т.е. его  содержимым.

      СОЗДАНИЕ  ЗАГОЛОВКОВ

      Язык  HTML поддерживает 6 уровней заголовков, для которых используются теги <Hn> и </Hn>. n - это уровень заголовка. Он принимает значение от 1 до 6. Причем, первый номер соответствует самому крупному шрифту. Заголовки должны быть информативны и привлекательны для читателя. Текст заголовка пишется между открывающим и закрывающим тегом.

ВВОД  ТЕКСТА И ИНОЙ ИНФОРМАЦИИ

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

      Тег нового абзаца.

      Для форматирования абзацев используется тег <Р>, его следует располагать  в начале нового абзаца, за исключением  тех мест, где используется тег  прерывания строки. <P> предписывает браузеру разделить два фрагмента текста пустой строкой. Закрывающий тег </P> использовать необязательно.

      Теги  заголовков автоматически выполняют  возврат каретки и оставляют  пустую строку после текста между  тегами <Hn> и </Hn>. 

      Тег перевода строки.

      Тег перевода строки <BR> аналогичен тегу нового абзаца, но он не вводит пустую строку после отделяемого им текста. После этого тега текст продолжает отображаться с начала следующей строки.

      В HTML существует два тега, производных от <BR>.

      Тег разбивки слова <WBR> означает, что браузер должен разбить указанное слово, если его придется перенести на следующую строку.

      Если, напротив, браузеру не следует переносить текст на другую строку, его окружают тегами <NOBR> и </NOBR>. Теги запрета переноса блокируют автоматический перенос строк. Они полезны, когда вам необходимо, чтобы определенная группа слов всегда отображалась на одной строке. 

      Тег горизонтальной линии.

      Тег горизонтальной линии <HR> может быть средством организации текста и дизайна. Он помогает посетителям страницы понять, какие части информации соотносятся друг с другом, а также разделяет страницу на несколько частей. Например, тег <HR> можно применить непосредственно над адресом электронной почты, чтобы отделить эту информацию от обычного текста. Используя атрибуты тега <HR> можно видоизменить горизонтальную линию.

СТИЛЕВОЕ  ОФОРМЛЕНИЕ ТЕКСТА

      Изменить внешний вид страницы (отформатировать текст) можно при помощи тегов, приведенных в таблице.

УПРАВЛЕНИЕ  ЦВЕТОМ

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

      Имя цвета можно написать словом (например, red - красный), а можно при помощи шестнадцатеричных кодов цветов (#FF0000 – красный).  

      Шестнадцатеричные коды.

        Механизм задания цвета основан  на описании цветов с помощью модели RGB (red – красный, green – зеленый, blue - синий). Определенные цвета задаются шестнадцатеричной комбинацией из шести знаков, показывающей компьютеру, как следует смешать красный, зеленый и синий для получения нужного цвета. Шестнадцатеричные цифры – это цифры от 0 до 9 и буквы от А до F. Смешивая различные по степени насыщенности оттенки этих цветов, можно получить огромное количество вариантов для выбора.

      Каждому из основных цветов – красному, зеленому и синему – соответствует два  знака кода. 

Фоновые изображения.

     Можно задавать не только стандартные цвета, но и фоновые рисунки. При правильном применении эта графика дает интересный эффект. Фоновые узоры состоят  из крошечных изображений в формате .GIF, покрывающих весь  фон. Текст и изображения, естественно, располагаются поверх фона.

      Фоновые изображения задаются так же, как  и цвета фона, только для этого  применяется ключевое слово BACKGROUND. Просто введите в тег <BODY>  ключевое слово BACKGROUND=”имя файла”, и браузер автоматически загрузит фоновое изображение.

      Прежде, чем вы начнете экспериментировать с фоновые цветами и узорами, обратите внимание на некоторые нюансы.

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

      Кроме того, использование фоновых узоров может существенно увеличить  время загрузки страницы. Желательно, чтобы фоновый узор занимал не более 10 Кбайт 

     Опишем немного WWW (World Wide Web - всемирная паутина) - самый популярный и интересный сервис Интернет сегодня, самое популярное и удобное средство работы с информацией. Самое распространенное имя для компьютера в Интернет сегодня - www, больше половины потока данных Интернет приходится на долю WWW. Количество серверов WWW сегодня нельзя оценить сколько-либо точно, но по некоторым оценкам их более 30 тысяч. Скорость роста WWW даже выше, чем у самой сети Интернет. Сегодня WWW - самая передовая технология Интернет, и она уже становится массовой технологией - возможно, недалек тот день, когда каждый человек, знающий, что такое телефон, будет знать, что такое WWW.  
WWW - информационная система, которой весьма непросто дать корректное определение. Вот некоторые из эпитетов, которыми она может быть обозначена: гипертекстовая, гипермедийная, распределенная, интегрирующая, глобальная. WWW работает по принципу клиент-сервер, точнее, клиент-серверы: существует множество серверов, которые по запросу клиента возвращают ему гипермедийный документ - документ, состоящий из частей с разнообразным представлением информации (текст, звук, графика, трехмерные объекты и т. д.), в котором каждый элемент может являться ссылкой на другой документ или его часть. Ссылки эти в документах WWW организованы таким образом, что каждый информационный ресурс в глобальной сети Интернет однозначно адресуется, и документ, который Вы читаете в данный момент, способен ссылаться как на другие документы на этом же сервере, так и на документы (и вообще на ресурсы Интернет) на других компьютерах Интернет. Причем пользователь не замечает этого, и работает со всем информационным пространством Интернет как с единым целым. Ссылки WWW указывают не только на документы, специфичные для самой WWW, но и на прочие сервисы и информационные ресурсы Интернет. Более того, большинство программ-клиентов WWW (browsers, навигаторы) не просто понимают такие ссылки, но и являются программами-клиентами соответствующих сервисов: ftp, gopher, сетевых новостей Usenet, электронной почты и т.д. Таким образом, программные средства WWW являются универсальными для различных сервисов Интернет, а сама информационная система WWW играет интегрирующую роль. Вот некоторые термины, использующиеся в WWW. Первый термин - html (hypertext markup language, язык разметки гипертекста). Это формат гипермедийных документов, использующихся в WWW для предоставления информации. Формат этот не описывает то, как документ должен выглядеть, но его структуру и связи.

     Внешний вид документа на экране пользователя определяется навигатором - если мы работаем за графическим или текстовым терминалом, то в каждом случае документ будет выглядеть по-своему, но структура его останется неизменной, поскольку она задана форматом html. Имена файлов в формате html обычно оканчиваются на html (или имеют расширение htm в случае, если сервер работает под MS-DOS или Windows). Второй термин - URL (uniform resource locator, универсальный указатель на ресурс). Так называются те самые ссылки на информационные ресурсы Интернет. Еще один термин - http (hypertext transfer protocol, протокол передачи гипертекста). Это название протокола, по которому взаимодействуют клиент и сервер WWW. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

     Глава 1

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

     Среди них есть настоящие готовые редакторы – Microsoft Frontpage 2003, Allaire Homesite 4.5, Microsoft Office Publisher из комплекта Microsoft Office 2003 – в графическом режиме создают HTML-страницы. Например, в Word можно записать любой файл, в том числе и с графикой. А затем нажав, «ФАЙЛ» – «СОХРАНИТЬ КАК…» и сохранить его, выбрав в ТИП ФАЙЛА – HTML-документ или WEB-документ. Файл сохранится в нужном нам формате и будет открываться и просматриваться в Internet Explorer или Netscape Navigator.

     Однако, вместе с положительными качествами есть и отрицательные, например, Microsoft Word оставляет много служебной информации внутри html-файла. При редактировании затрудняется возможность что-либо изменить.

     Можно воспользоваться простейшим текстовым  редактором. Таковым является БЛОКНОТ – это редактор, который находится в C:\WINDOWS – корневом каталоге Windows. Имя файла – NOTEPAD.EXE – данный редактор прост в использовании.

     Однако  Блокнот нужен тем людям, кто  уже профи в создании WEB-страниц, ведь чтобы что-то написать в кодах (с помощью тэгов HTML) необходимо их как минимум знать.

      Поэтому воспользуемся специальной программой создания HTML-страниц – специализированным редактором Allaire Homesite версии 4.5.

Загрузим спец. редактор Allaire Homesite для создания HTML-страниц.  

     Технология  создания и просмотра  Web-страницы с помощью Allaire Homesite.

1. В закладке EDIT набираем HTML –теги для создания страниц;
2. В закладке BROWSE – смотрим что получилось;
3. В закладке EDIT редактируем HTML –теги;
4. В закладке BROWSE – смотрим что получилось;
5. И так до тех пор, пока мы не будем удовлетворены картинкой.
6. Сохраняем под определенным именем.
7. Смотрим окончательный результат в браузере – например, Internet Explorer.

     Технология  создания и просмотра  Web-страницы с помощью БЛОКНОТА.

1. В текстовом редакторе БЛОКНОТ набираем HTML-текст.
2. Сохраняем HTML-файл с расширением .htm или .html.
3. Загружаем браузер.
4. Откроем этот файл. Для этого необходимо выполнить следующие команды: Файл: Открыть. В открывшемся диалоговом окне введем полное имя файла (если помним) или воспользуемся опцией Обзор.
5. Если нас не устраивает то, что отобразил браузер, необходимо вернуться к HTML-файлу (источнику) и внести изменения.

Чтобы вернуться к HTML-файлу (источнику), выполним следующие команды: Вид: В виде HTML (или Источник). Второй способ – щелкнем правой кнопкой мыши на документе. В появившемся контекстном меню выберем В виде HTML (или Источник). Откроется наш HTML-файл. Внесем изменения в HTML-текст. Сохраним изменения (Файл: Сохранить).  Закроем Блокнот. Теперь окно браузера стало активным.

6. Выполним команду Обновить.

     Для этого на панели инструментов нажмем кнопку обновить.     

• При выполнении курсовой работы я создам несколько  файлов. Создаю на дискете А: свою личную папку (например, Жанна). Сохраняю свои файлы и другую необходимую информацию в эту папку (например, рисунки, файлы пр.).

Глава 2.

Структура web-страниц -  Любой html-файл состоит из файла в который мы накладываем необходимую информацию.  

<html>  -начало документа

<head>

      <title>   заголовок       </title>

</head> 

<body bgcolor>  - тут указывается начало тела документа и цвет фона или фон-рисунок из каталога 

тут находится  само тело документа – или конкретно  информация по работе 

</body>

</html>   - конец документа 

Ссылки осуществляются путем вставки A HREF, например:

<a href="index.html"><div align="center"><h4>Перейти на другую страницу?</h4></div></a> 

Главная страница – index.html

     Можно последовательно читать информацию следуя с главной страницы до последней. Такая навигация выбрана для  того, чтобы можно было свободно передвигаться по страницам не выбирая главную, а с нее идти на остальные. 

Как я делала страницы? Технология разработана и описана подробно в 1 главе.

1. Создать в Homesite  страницы:  Страница1.html, Страница2.html
2. Создать ссылки между страницами.
3. Записать файлы на дискету в папку ЖАННА.

Структура web-страницы в общем случае описана во введении.  

Конкретно структура  web-страницы по моей работе описана ниже: 
 

В работе реализован нумерованный список.

Создан он путем  использования тегов

<ol>

      <li>- World Wide Web (WWW);

      <li>- Серверы File Transfer Protocol (FTP);

      <li>- Электронная почта, Web Mail, IRC Mail;

      <li>- Telnet;

      <li>- Новости;

      <li>- Video Conferencing;

      <li>- Gopher.

</ol>

Технологии  создания сайтов (web-документов).

     Выбран способ навигации такой – так как в работе всего две HTML страницы – то соответственно и навигация будет линейной- то есть ссылка с одного файла на другой в конце файла и наоборот, со второго файла на первый (ссылка реализована также в конце файла). 

      СТРАНИЦА1.HTML   СТРАНИЦА2.HTML 
 
 
 
 
 
 
 
 

Заключение 

     Я создала 2 моих первых HTML-файла. Конечно, это – примитив. Однако, постоянно совершенствуясь, можно придти к весомым результатам. Тренируясь по созданию html-файлов – можно создать такие файлы, которые можно в дальнейшем опубликовать в WEB.

     В профессиональном сайте должно быть больше информации, он может быть выполнен с использованием более гибких инструментов. Переходы между страницами можно  оформить в виде красивых кнопок, а  не просто ссылками.

     JavaScript позволяет существенно расширить возможности создания действительно интерактивных WEB-страниц.

     Используя фреймы можно разнообразить вывод  на экран страницы HTML. Фреймы представляют собой наличие двух разделенных вертикальной (или горизонтальной) линией, HTML страниц, причем в одной из страниц – ссылки , во второй странице открываемые html-файлы по этим ссылкам.

      Я создала два html –файла, которые связаны между собой ссылками. Навигация в работе – линейная. Но можно сделать другим образом – увеличить количество файлов в работе, тем самым увеличить количество ссылок. Поэтому навигация будет носить другой характер. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

ПРИЛОЖЕНИЯ