Добавлен: 08.07.2023
Просмотров: 48
Скачиваний: 1
Введение
Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах. Действительно, пользователь, который приобрел и установил на своем компьютере Microsoft Office 97, становится обладателем Internet-технологии в готовом виде, независимо от того, подключен его компьютер к Сети или нет.
Средства, предназначенные для работы с Сетью, стали использоваться и в других целях, с нею не связанных, а среди программного обеспечения, устанавливаемого на большинство персональных компьютеров, приложения для Internet заняли свое почетное место.
В результате работа многих пользователей стала иметь большее отношение к Сети. Так, одним из способов самовыражения стало размещение личных страничек в Internet.
Многие коммерческие фирмы стали использовать Сеть для рекламы и сбыта своей продукции. Людям, занятым поиском работы, стал доступен и такой сервис: составить резюме в формате Web-страницы и разместить эту информацию в Сети. Важную роль Internet стал играть для научных, учебных и общественных организаций.
Нужно заметить, что раньше подготовка документов для размещения в WWW была довольно сложной технической задачей, к решению которой привлекались высококвалифицированные специалисты по программированию. Только с появлением пакета Office 97, эта проблема была успешно решена.
Любой, кто освоит создание документов в среде Office 97, сможет также готовить документы в Web. Для того, чтобы быстро создать HTML-документ, не нужно специальных редакторов. Уже в Microsoft Word 97 есть встроенный конвертор, позволяющий сохранить документ в формате HTML.
При этом будет сохранено большинство параметров форматирования текста. В Office 97 HTML-конвертор по умолчанию не устанавливается, так что при инсталляции пакета приходится указывать соответствующую опцию.
Тема ««Создание Web-документов» является очень актуальной на сегодняшний день, так как сейчас даже не у каждого второго, а у каждого первого (среди лиц молодого возраста) есть компьютер, и им неплохо было бы узнать, как создать Web-документ. Ведь это обязательно пригодиться при изучении такой дисциплины, как информационные технологии
Цель данной контрольной работы заключается в рассмотрении немало важного, на наш взгляд, вопроса: «Создание Web-документов», путем решения определенных задач:
1. Раскрыть содержание понятия «Web-документ»;
2. Определить структуру текста Web-документов;
3. Поэтапно описать ход создания Web-документов;
4. Рассмотреть некоторые Web-редакторы.
Документ
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические, звуковые и т.п. файла, а также информационные ресурсы других сервисов.
Хотя Web-документ воспринимается пользователем как единое целое, в общем случае он описывается целой совокупностью файлов, включающей в себя:
основной файл, подготовленный с помощью языка HTML, содержащий текст документа и управляющую разметку - специальные "команды" (теги), определяющие внешний вид документа и описывающие состав и структуру Web-документа, а также его связи с другими документами и объектами;
файлы статических графических иллюстраций, представленные в форматах GIF, JPEG и PNG;
файлы анимированных графических изображений, представленные в формате GIF;
звуковые файлы, представленные в форматах WAV, MIDI, RMI;
файлы видеороликов, представленные в формате AVI;
внешние программы-сценарии, представленные как отдельные файлы, а также небольшие программы, написанные на аппаратно-независимом языке программирования Java (Java applets);
таблицы стилей (каскадные таблицы стилей, Cascading Style Sheets, CSS) - файлы, содержащие описание правил форматирования (стили) элементов Web-документа и позволяющие легко создавать множество Web-документов в одном стилистическом решении;
другие типы объектов, требующие установки дополнительных программных модулей - расширений Web-клиента (например, компьютерные анимации, построенные по технологиям Flash или Shockwave, разработанным фирмой Macromedia).
Структура текста 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>
<COMMENT></comment>
Текст комментария. В любом языке программирования есть конструкции, позволяющие создавать произвольные ремарки. HTML в этом смысле - не исключение. Текст, помещенный внутри COMMENT, игнорируется браузером. COMMENT может располагаться в любом месте кода Web-страницы. Без конечного тега, здесь, по-видимому, не обойтись: комментарий должен быть отделен от основного текста.
Существует, правда, одно ограничение: внутри комментария не должны располагаться другие элементы. Так должно быть, разумеется, только в том случае, когда необходимо, чтобы все содержимое элемента COMMENT не отображалось на экране монитора. Если в комментарии будет присутствовать другой элемент, то его содержимое будет выведено на экран, отформатированное соответствующим образом. С этой проблемой связана другая: обычный текст не может содержать фрагменты, имеющие вид тегов. Для того чтобы включать в текст подобные конструкции, существует элемент PLAINTEXT, о котором речь пойдет ниже.
Существует и другой способ обозначения комментария. Он заключается в использовании восклицательного знака и обрамлении текста комментария двойным тире. Например:
<! --Строка комментария--> <! --Комментарий- -Не комментарий- -Снова комментарий-->
<HTML></html>
Отличительный признак HTML-документа. Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе, этот элемент можно рассматривать как формальность. Он имеет атрибуты version, lang и dir, которыми в данном случае мало кто пользуется и допускает вложение элементов HEAD, BODY и PLAINTEXT, определяющих общую структуру Web-страницы. Естественно, что конечным тегом </html> заканчиваются все гипертекстовые документы.
<HEAD></head>
Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как и HTML, HEAD служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты lang и dir и допускается вложение элементов TITLE, ISINDEX, BASE, META, LINK, NEXTID.
<TITLE></title>
Элемент для размещения заголовка Web-страницы. Строка текста, расположенная внутри, отображается не в документе, а в заголовке окна браузера. Эта особенность часто используется для организации поиска в WWW. Поэтому авторы, создающие Web-страницы, должны позаботиться о том, чтобы строка внутри TITLE, не будучи слишком длинной, достаточно отображала назначение документа.
<STYLE></style>
Описание стиля некоторых элементов Web-страницы. В выше приведенном примере назначены шрифты для элементов Н2 и CODE. Естественно, что для каждого элемента существует стилевое оформление по умолчанию, поэтому употребление STYLE не обязательно.
<META>
Этот элемент содержит служебную информацию, которая не отображается при просмотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент META содержит два основных атрибута, первый из которых определяет тип данных, а второй - содержание. Далее приведены несколько примеров meta-данных.
Дата, обозначающая “срок годности” документа:
name=''Expires'' content=''Дата''
Адрес электронной почты:
name=''Reply-to'' content=''Имя@Адрес''
Указание приложения, в котором был создан Web-документ:
name=''Generator'' content=''Название HTML-редактора''
Атрибут name используется приложением-клиентом для получения дополнительной информации о Web-страницах и их упорядочения. Этот атрибут часто заменяют атрибутом http-equiv. Он используется сервером для создания дополнительных полей при выполнении запроса.
Кроме этого, элемент МЕТА может содержать URL. Шаблон соответствующего атрибута таков:
URL=''http: //адрес''
<BODY></body>
Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которая отображается браузером. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком. Рассмотрим их по порядку.
Один из самых полезных для дизайна - атрибут, определяющий фон страницы. Его появление можно уподобить маленькой революции в WWW, так как одинаковые серые Web-страницы благодаря ему расцвели яркими цветными узорами:
background=''Путь к файлу фона''
Более простое оформление фона сводиться к заданию его цвета:
bgcolor=''#RRGGBB''
Поскольку фон страницы может изменяться, необходимо иметь возможность подбирать соответствующий цвет текста. Для этого имеется следующий атрибут:
text=''#RRGGBB''
Для задания цвета гиперссылок используется атрибут:
link=''RRGGBB''
Также можно задать цвет для использованных гиперссылок:
vlink=''RRGGBB''
Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют в первую очередь назначение Web-страницы и фантазия разработчика.
<A></a>
HTML-документ может быть очень большим, и в этом случае пользователю должна быть предоставлена возможность быстро перемещаться к нужному разделу страницы. Для этого можно использовать механизм гиперссылок. Необходимо также в нужных местах текста расставить соответствующие метки.
<A name=''Метка''></a> В этом случае для перехода внутри документа можно использовать следующую конструкцию:
<P>Переход к <A href=''#Метка''>метке</a></p>
Несколько подобных строк могут образовать своеобразное оглавление Web-страницы, которое можно разместить в начале и в конце документа.
<BASE>
Элемент для установки базового адреса (URL) для ссылок. Это позволяет опускать их начальную часть. Для использования элемента необходима следующая конструкция:
<BASE href=''http: //компьютер/путь1''> Фрагмент путь 1 не является обязательным. При форматировании полного адреса он будет отброшен.
В том случае, когда надо задать базовый адрес для локального диска (например, D:) , должна быть использована такая конструкция:
<BASE href=''file: //D: путь>
Тогда при указании относительной ссылки можно задать не только имя файла, но и имена папок, в которых он находиться. Иными словами, путь к файлам может быть разбит на две части: абсолютную и относительную. Это полезно в том случае, когда для файлов, указанных в документе, есть общий начальный фрагмент пути.
В выражении абсолютной ссылки можно также опустить указание на схему доступа (file: //). В этом случае будут учитываться только левая часть абсолютной ссылки до первого левого символа “”, то есть имя локального диска
Создание Web-документов
Для создания Web-страниц семейства узлов можно использовать документы Office Word 2007. У данного подхода есть несколько преимуществ.
Быстрое создание. Важные документы Word 2007, например официальные документы или отчеты о состоянии, можно преобразовывать непосредственно в Web-страницы вместо того, чтобы повторно создавать соответствующие Web-документы.
Автономная работа. При создании Web-страницы в Word 2007 не требуется обязательного подключения к Интернету.
Большой ряд возможностей. Word 2007 обеспечивает значительно больше возможностей для работы с текстом, чем предлагается в Office SharePoint Server 2007.
Гибкость документов. Документы Word 2007 можно использовать также и для других целей. Например, можно создать извещение о выпуске новой продукции с использование Word, а затем разослать это извещение по электронной почте и разместить в Интернете.
Для создания Web-документов в Word выполните следующее:
1. Запустите текстовый редактор Word. Выберите в меню «Файл» пункт «Создать» и перейдите во вкладку «Web-страницы». Кликните по пиктограмме «Мастер Web-страниц.wiz». В окне «Создание Web-страницы» отметьте тип документа, который вас устраивает, и нажмите «Далее». В следующем окне выберите стиль оформления страницы и нажмите «Готово».