Нужна индивидуальная работа?

Подберем литературу

Поможем справиться с любым заданием

Подготовим презентацию и речь

Оформим готовую работу

Узнать стоимость своей работы

Дарим 200 руб.
на первый
заказ

Дипломная работа

Русский язык

Дипломная работа на тему: Подготовка к созданию Wеb-документа. Цель и место размещения документа Wеb

Купить за 600 руб.

Страниц

Размер файла

26.86 КБ

Просмотров

Покупок

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

Введение

Если сравнить исходные тексты различных 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> Н2 {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> <А name=''top''></а> Переход в <А href=''#bottom''> конец </а> документа <Р> Переход к <А href=''#S001''><В> ссылке 1 </b></а><Р> <Р> <НR> <Н1>Заголовок1<h1> <Н2>Заголовок2<h2> <Н3>Заголовок3<h3> <Н4>Заголовок4<h4> <Н5>Заголовок5<h5> <Н6>Заголовок6<h6> <НR> Здесь расположена <В>ссылка 1</b><А name=''S001''></а> <НR> <Р>Здесь должен располагаться оригинальный текст Web-страницы <НR> <А name=''bottom''></а><Р> Переход в <А gref=''top''> начало </а> документа </body> </html>

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

Существует, правда, одно ограничение: внутри комментария не должны располагаться другие элементы. Так должно быть, разумеется, только в том случае, когда необходимо, чтобы все содержимое элемента COMMENT не отображалось на экране монитора. Если в комментарии будет присутствовать другой элемент, то его содержимое будет выведено на экран, отформатированное соответствующим образом. С этой проблемой связана другая, похожая: обычный текст не может содержать фрагменты, имеющие вид тегов. Для того чтобы включать в текст подобные конструкции, существует элемент PLAINTEXT, о котором речь пойдет ниже.

Существует и другой способ обозначения комментария. Он заключается в использовании восклицательного знака и обрамлении текста комментария двойным тире. Например:

<! --Строка комментария--> <! --Комментарий- -Не комментарий- -Снова комментарий-->

Внутри подобной конструкции можно помещать и теги: они не будут восприниматься броузером.

Отличительный признак HTML-документа. Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе, этот элемент можно рассматривать как формальность. Он имеет атрибуты version, lang и dir, которыми в данном случае мало кто пользуется и допускает вложение элементов HEAD, BODY и PLAINTEXT, определяющих общую структуру Web-страницы. Естественно, что конечным тегом </html> заканчиваются все гипертекстовые документы.

Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как и HTML, HEAD служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты lang и dir и допускается вложение элементов TITLE, ISINDEX, BASE, META, LINK, NEXTID.

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

Описание стиля некоторых элементов Web-страницы. В выше приведенном примере назначены шрифты для элементов Н2 и CODE. Естественно, что для каждого элемента существует стилевое оформление по умолчанию, поэтому употребление STYLE не обязательно.

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

Дата, обозначающая "срок годности" документа:

name=''Expires'' content=''Дата''

Адрес электронной почты:

name=''Reply-tо'' content=''Имя@Адрес''

Указание приложения, в котором был создан Web-документ:

name=''Generator'' content=''Название HTML-редактора''

Атрибут name используется приложением-клиентом для получения дополнительной информации о Web-страницах и их упорядочения. Этот атрибут часто заменяют атрибутом http-equiv. Он используется сервером для создания дополнительных полей при выполнении запроса.

Кроме этого, элемент МЕТА может содержать URL. Шаблон соответствующего атрибута таков:

URL=''http: //адрес''

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

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

background=''Путь к файлу фона''

Более простое оформление фона сводиться к заданию его цвета:

Цвет фона задается тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивность красного, зеленого и синего цветов соответственно.

Оба вышеперечисленных атрибута не являются альтернативными и часто используются совместно.

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

Для задания цвета гиперссылок используется атрибут:

Также можно задать цвет для использованных гиперссылок:

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

HTML-документ может быть очень большим, и в этом случае пользователю должна быть предоставлена возможность быстро перемещаться к нужному разделу страницы. Для этого можно использовать механизм гиперссылок. Необходимо также в нужных местах текста расставить соответствующие метки. Подробно гиперссылки мы обсудим в параграфе 2.2., а здесь мы рассмотрим только шаблон для создания меток:

<А name=''Метка''></а> В этом случае для перехода внутри документа можно использовать следующую конструкцию:

<Р>Переход к <А href=''#Метка''>метке</а></р>

Несколько подобных строк могут образовать своеобразное оглавление Web-страницы, которое можно разместить в начале и в конце документа.

Элемент для установки базового адреса (URL) для ссылок. Это позволяет опускать их начальную часть. Для использования элемента необходима следующая конструкция:

<BASE href=''http: //компьютер/путь1''> Фрагмент путь 1 не является обязательным. При форматировании полного адреса он будет отброшен.

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

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

В выражении абсолютной ссылки можно также опустить указание на схему доступа (file: //) . В этом случае будут учитываться только левая часть абсолютной ссылки до первого левого символа "\" , то есть имя локального диска.

Другие конструкции мы рассмотрим ниже.

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

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

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

Как купить готовую работу?

Авторизоваться
или зарегистрироваться
в сервисе

Оплатить работу
удобным
способом

После оплаты
вы получите ссылку
на скачивание