Создание Web документа

Содержание

1. Подготовка к созданию Web документа.

  1. Цель и место размещения документа Web

2. Язык гипертекстовой разметки.

  1. Структура текста Web документа
  2. Гипертекстовые ссылки
  3. Редакторы Web документов

3. Создание документов в стандарте HTML

  1. Заголовки
  2. Форматирование, изменение стилей
  3. Списки
    1. Цель и место размещения документа Web

Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах. Действительно, пользователь, который приобрел и установил на своей машине Microsoft Office 97, становится обладателем Internet-технологии в готовом виде, независимо от того, подключен его компьютер к Сети или нет.

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

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

1.2. Сценарий и структура Web-документа.

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

Любой Web-документ состоит из тегов, причем обычно начальные теги пишутся большими буквами, а конечные — маленькими.

Итак, рассмотрим основные теги, входящие в каждый Web-документ. Прежде всего, это <HTML></html>

Отличительный признак HTML-документа. Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница.

Также основным тегом является <HEAD></head>

Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как и HTML, HEAD служит только для формирования общей структуры документа.

<BODY></body>

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

Без этих тегов невозможно создать ни одну Web-cтраницу. Более подробно эти и другие теги мы рассмотрим в параграфе 2.1.

2.1. Структура текста Web-документа

Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879: 1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML) ». Правда, существует большое различие между стандартом официальным и стандартом фактическим.

Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие принципы построения HTML-страниц.

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

<COMMENT> Комментарий к документу </comment> <HTML> <HEAD> <TITLE> Структура Web-страницы</title> <STYLE> H2 {font-family: Arbat;} CODE {font-family: Arbat;} </style> <META name=''Author'' content=''Irina''> <META name=''Keywords'' content=''WWW, HTML, document, element''> </head> <BODY bgcolor=#FFFFFF> <A name=''top''></a> Переход в <A href=''#bottom''> конец </a> документа <P> Переход к <A href=''#S001''><B> ссылке 1 </b></a><P> <P> <HR> <H1>Заголовок1<h1> <H2>Заголовок2<h2> <H3>Заголовок3<h3> <H4>Заголовок4<h4> <H5>Заголовок5<h5> <H6>Заголовок6<h6> <HR> Здесь расположена <B>ссылка 1</b><A name=''S001''></a> <HR> <P>Здесь должен располагаться оригинальный текст Web-страницы <HR> <A name=''bottom''></a><P> Переход в <A gref=''top''> начало </a> документа </body> </html>