Сервисы Интернет

Автор: Пользователь скрыл имя, 04 Ноября 2011 в 00:13, курсовая работа

Описание работы

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

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

Скачать полностью (244.16 Кб) Сколько стоит заказать работу?
Работа содержит 1 файл

Doc1.doc

— 377.50 Кб (Скачать)

     Внешний вид документа на экране пользователя определяется навигатором - если мы работаем за графическим или текстовым терминалом, то в каждом случае документ будет выглядеть по-своему, но структура его останется неизменной, поскольку она задана форматом 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-текст. Сохраним изменения (Файл: Сохранить).  Закроем Блокнот. Теперь окно браузера стало активным.

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

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

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

Глава 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-страницы по моей работе описана ниже: 
     

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

      <title>Жанна</title>

</head>

<body bgcolor="#33cc66"> 

<div align="center"><h1>Сервисы Интернет:</h1></div> 

<h3><div align="center">К  наиболее известным сервисам  Интернета относятся:</div></h3>

<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>

<div align="center"><h1>World Wide Web</h1></div>

(разработан  в 1993 г. в CERN, Швейцария)

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

World Wide Web - это  гипермедийная служба Интернета,  содержащая огоромное количество  гипертекстовых документов, созданных  на HTML (HyperText Markup Language - язык подготовки  гипертекстовых документов).

Гипертекст - это  метод представления текста, изображений, звука и видео, связанных друг с другом произвольной (не последовательной) ассоциативной сетью. Формат гипертекста позволяет пользователям просматривать темы в любом порядке. Существуют средства и протоколы, которые помогают "путешествовать" в Интернете, т.е. найти ресрусы и переслать их с одного компьютера на другой.

<h3><div align="center"><a href="Страница2.html">Перейти на  страницу № 2?</a></div></h3> 

</body>

</html>

 Объявление  типа HTML-файла

Начало HTML-файла

Начало заголовка

Заголовок «Жанна»

Конец заголовка

Установить зеленый  цвет фона в начале тела файла

По центру написать с заголовком H1 «Сервисы Интернет»

Заголовок H3 по центру …. Текст… 

Начало списка нумерованного

Нумерованный  список

Нумерованный  список

Нумерованный  список

Нумерованный список

Нумерованный  список

Нумерованный  список

Нумерованный  список

Конец списка

По центру шрифтом  H1 написать текст… 
 
 
 
 
 
 

Текст 
 
 
 
 
 
 
 

По центру с  шрифтом H3 сделать ссылку на СТРАНИЦА2.HTML с текстом ссылки «ПЕРЕЙТИ НА СТРАНИЦУ № 2»

Конец тела файла

Конец файла

 
 
 

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

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

<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-документов).

  Статические сайты Динамические  сайты TreeGraphTM
описание
Классический (и  наиболее распространенный) подход, при  котором не применяются базы данных и программирование, либо используются в минимальном объеме. Сайт представляет собой набор статических файлов (страниц).
 
Применение  индивидуального интернет-программирования и баз данных. На основании требований технического задания проектируется  уникальная структура базы данных и программные средства для ее обновления и реализации бизнес-процессов.
 
Использование типовой структуры базы данных и  общих алгоритмов управления сайтом. Разработка индивидуального дизайна  и специфических (для данного  проекта) бизнес-процессов.
 
плюсы
Небольшие материальные затраты на разработку.
Не  требуется участия профессиональных интернет-разработчиков (специалистов по базам данных и программистов).
 
Профессиональный  уровень разработки.
Низкая  стоимость сопровождения при  удачной постановке задачи
Как правило, простой и удобный способ обновления информации, если это не затрагивает базовую структуру  сайта, т.е. находится в рамках реализованного технического задания.
Возможность организации сложных бизнес-процессов.
 
Профессиональный  уровень разработки.
Невысокая стоимость и небольшие сроки  выполнения работ (даже для сложных  проектов).
Простой и удобный механизм управления сайтом, не требующий знаний интернет-технологий.
Полнофункциональная система web-публикаций в любой раздел сайта с возможностью загрузки сложных документов.
Регистрация и авторизация посетителей. Поддержка  групп и пользователей с разными  правами.
Поддержка бизнес-процессов.
Встроенные  системы сбора и анализа статистики, резервного копирования и восстановления информации.
Большой набор готовых дополнительных функциональных модулей (поиск, карта, форум, чат и  др.).
Отсутствие  жестких связей дизайн - контент  и дизайн - функциональность, что  дает возможность быстрой и полной смены оформления сайта.
 
минусы
Стоимость и время разработки напрямую зависят от объема информации и сложности проекта.
Поддержка и обновление требует обязательного  участия технического специалиста  и знаний интернет-технологий (HTML, FTP и других).
Изменение структуры и содержимого сайта - очень трудоемкий, чреватый ошибками процесс. Чем сложнее структура сайта и больше объем информации, тем сложнее процесс обновления и, следовательно, затраты на поддержку.
Жесткая взаимосвязь между дизайном (внешним  видом) и содержимым страниц. В результе чего, изменение дизайна влечет за собой полную переработку всего сайта.
Отсутствие  регистрации и авторизации посетителей.
Сложность взаимодействия с посетителями и  организации бизнес-процессов.
 
Высокая стоимость разработки.
Длительное  время разработки, зависящее от сложности проекта.
При серьезном изменении требований к проекту (создание новых разделов, добавление специальных возможностей, реорганизация рубрик и т.п.) заказчик будет вынужден вновь обращаться к разработчикам для модификации  программных средств и базы данных, что потребует определенного времени и дополнительных финансовых затрат.
Тесная  взаимосвязь между дизайном и  функциональными возможностями  проекта. Поэтому, изменение дизайна  или структуры сайта требует  модификации программных средств  и базы данных.
Сложность изменения алгоритма реализованных  бизнес-процессов.
 
Для подготовки к вводу сложных документов, содержащих таблицы, графики или  рисунки, от автора требуются навыки работы с Microsoft Office или аналогичными приложениями.
 
 
 

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

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

Заключение 

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

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

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

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

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

ПРИЛОЖЕНИЯ 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Информация о работе Сервисы Интернет