Реферат: Создание документов HTML

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

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

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

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

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

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

ЛюбойWeb-документ состоит из тегов<span Times New Roman"; mso-hansi-font-family:«Times New Roman»;mso-char-type:symbol;mso-symbol-font-family: Symbol">¨

, причемобычно начальные теги пишутся большими буквами, а конечные — маленькими.

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

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

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

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

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

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

Еслисравнить исходные тексты различных Web-страниц,можно легко увидеть сходство их структур. Это объясняется тем, что документысоздаются по определенным правилам. В основу синтаксиса языка HTMLлег стандарт ISO8879:1986 «Informationprocessing. Textandofficesystems. StandardGeneralizedMarkupLanguage(SGML)». Правда, существует большое различие между стандартомофициальным и стандартом фактическим.

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

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

<COMMENT> Комментарий к документу </comment>

СтруктураWeb-страницы

CODE{font-family: Arbat;}

<<st1:place w:st=«on»>META</st1:place>

name=’’Author’’

content=’’Irina’’>

<<st1:place w:st=«on»>META</st1:place>

name=’’Keywords’’

content=’’WWW,HTML, document, element’’>

<BODYbgcolor=#FFFFFF>

<Aname=’’top’’>

Переход в <Ahref=’’#bottom’’>конец </a>документа <P>

Переходк<A href=’’#S001’’>ссылке1

<P>

<HR>

<H1>Заголовок1<h1>

<H2>Заголовок2<h2>

<H3>Заголовок3<h3>

<H4>Заголовок4<h4>

<H5>Заголовок5<h5>

<H6>Заголовок6<h6>

<HR>

Здесь расположена <B>ссылка 1</b><Aname=’’S001’’></a>

<HR>

<P>Здесь должен располагаться оригинальный текст Web-страницы

<Aname=’’bottom’’>

Переход в <Agref=’’top’’>начало </a>документа

Тексткомментария. В любомязыке программирования есть конструкции, позволяющие создавать произвольныеремарки. HTMLв этомсмысле — не исключение. Текст, помещенный внутри COMMENT, игнорируется броузером<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:RU;mso-fareast-language:KO;mso-bidi-language:AR-SA">[1].

COMMENTможет располагаться в любомместе кода Web-страницы.Без конечного тега<span Times New Roman",«serif»; mso-fareast-font-family:«Times New Roman»;mso-ansi-language:RU;mso-fareast-language: KO;mso-bidi-language:AR-SA">[2],здесь по-видимому не обойтись: комментарий должен быть отделен от основноготекста.

Существует,правда, одно ограничение: внутри комментария не должны располагаться другиеэлементы<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:RU;mso-fareast-language:KO;mso-bidi-language:AR-SA">[3].Так должно быть, разумеется, только в том случае когда необходимо, чтобы всесодержимое элемента

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

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

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

Отличительныйпризнак HTML-документа.Одним из принципов языка является многоуровневое вложение элементов. HTMLявляется самым внешним, таккак между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе, этот элемент можнорассматривать как формальность. Он имеет атрибуты<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:RU;mso-fareast-language:KO;mso-bidi-language:AR-SA">[4]

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

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

Элементдля размещения заголовка Web-страницы.Строка текста, расположенная внутри, отображается не в документе, а в заголовкеокна броузера. Эта особенность часто используется дляорганизации поиска в WWW<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:EN-US;mso-fareast-language:KO;mso-bidi-language:AR-SA">[5]

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

Описаниестиля некоторых элементов 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://адрес’’

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

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

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

bgcolor=’’#RRGGBB’’

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

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

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

text=’’#RRGGBB’’

Длязадания цвета гиперссылок<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:RU;mso-fareast-language:KO;mso-bidi-language:AR-SA">[6]используется атрибут:

link=’’RRGGBB’’

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

vlink=’’RRGGBB’’

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

<A></a>

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

<Aname=’’Метка’’></a>

Вэтом случае для перехода внутри документа можно использовать следующуюконструкцию:

<P>Переход к <Ahref=’’#Метка’’>метке</a></p>

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

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

<BASEhref=’’http://компьютер/путь1’’>

Фрагментпуть1 не является обязательным. При форматировании полного адреса он будетотброшен.

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

<BASEhref=’’file://D:путь’’>

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

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

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

2.2. Гипертекстовые ссылки

Однимиз самых важных элементов языка, обеспечивающий создание гиперссылок является:

<A></a>

Чащевсего используется такой шаблон:

Произвольный текст <Ahref=’’Адрес ссылки’’>текст для щелчка</a>

Илитакой:

<Ahref=’’Адрес ссылки’’> <IMGsrc=’’Ссылка на рисунок’’></a>

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

Второйшаблон предназначен для тех случаев,когда видимая часть гиперссылки представляет собой рисунок. Если для последнегоопределена рамка, то она тоже меняет цвет при использовании. Если ссылкауказывает на рисунок, который находиться на локальном диске, она обязательнодолжна начинаться со слова «file», то естьсодержать указание на схему доступа:

file://Диск: Путь к файлу

или

file:///Диск:/Путь к файлу

Подобномногим другим элементам языка, элемент А требует использование атрибутов.Атрибут гиперссылки мы уже знаем, шаблон его таков:

href=’’URL’’

или

href=’’Протокол://Адрес ссылки’’

Например:

href=’’http://www.netscape.com’’

Кодовоеслово, стоящее вначале URL<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:EN-US;mso-fareast-language:KO;mso-bidi-language:AR-SA">[7]

,обозначает так называемую схему доступа. Она определяет тип сервера, доступныйпри помощи данной ссылки. Для пользователя это представляется как доступ кодной из «разновидностей» Internet. В этомсмысле можно сказать, что Internet — это какбы несколько сетей в одной. У каждой из них существуют свои правила доступа,достоинства, недостатки, свои приверженцы и противники. Но все ее клиентыиспользуют одни и те же каналы связи. Похожая ситуация наблюдается и в обычныхтелефонных сетях. Их можно использовать для связи голосом, передачи факсов,межкомпьютерной связи и т. д.

WWW, как самая современнаясистема, должна обеспечивать совместимость с более ранними, поэтому от старыхпротоколов не отказываются, а стараются приспособить их к современным нуждам(например, ftp).Существуют следующие схемы доступа:

file — доступ к файлу на локальном диске;

ftp — доступ к архивам файлов при помощипротокола передачи файлов ( file transferprotocol);

gopher — доступ к системе Gopher;

http — доступ к WWW;

mailto — отправка сообщений по электронной почте;

news — доступ к новостям USENET;

nntp — доступ к новостям USENETс использованием протокола NNTP;

telnet — подключение по протоколу telnet;

wais — подключение к системе WAIS.

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

<Ahref=’’mailto:alexs@pccenter.ru’’>

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

<Aname=’’Метка’’>

2.3. Редакторы Webдокументов.

Как толькомировой компьютерной общественности стало ясно, что система Gopherне является последним этапомразвития Internetи отнынепридется работать с гипертекстом, многие фирмы начали разработкуспециализированных редакторов, позволяющих создавать HTML-документы. Эти программы сразу же завоевали популярность,несмотря на то что гипертекстовую структуру можно получить и в самом обычномредакторе, работающем с текстом в MS-DOS.

Редакторгипертекста необходим, в первую очередь, для начинающих пользователей, так какпозволяет обойтись (конечно, только на первых порах) поверхностными знаниями оструктуре гипертекстового документа и синтаксисе HTML. Поскольку элементы гипертекста создаются в режиме диалога,пользователь может изучать язык параллельно с созданием Web-страницы. Вдобавок редакторы обладают способностьюпроверять правильность написания кода HTML<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:EN-US;mso-fareast-language:KO;mso-bidi-language:AR-SA">[8]

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

В этомпараграфе мы рассмотрим основные редакторы Web-документов.

2.3.1. HoTMetaLPRO 3.0.

Редакторгипертекста HoTMetaLбыл однимиз первых программных продуктов подобного рода. Основная цель редакторазаключалась в том, чтобы красиво прорисовывать на экране изображение тегов.Здесь сказались преимущества графического интерфейса Windowsперед интерфейсом командной строки MS-DOS. В среде Windowsгипертекст в своеместественном виде лучше читается и редактируется. Одновременно фирмы-разработчикиразвивали в своих программах возможность анализа синтаксиса HTML, что помогало пользователю избежать некоторых ошибок,таких, например, как неправильное вложение документов.

В1997 году фирма SoftQuardразработала редактор HoTMetaLPROверсии 3.0.в рабочей области созданазаготовка Web-страницы.Теги отмечены особым образом и хорошо заметны. На панелях редактора размещенобольшое количество кнопок. Следовательно, разработчики продукта предполагают,что пользователь должен активно их использовать во время создания страниц.Останавливаться на подробном обзоре кнопок мы не будем, так как они непредставляют особой сложности для изучения.

Краткорассмотрим создание гипертекстового документа путем сравнения.

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

Гипертекстовыйдокумент создается совершенно по иному принципу. Здесь тоже можно использоватьпонятие стиля: это совместное использование элементов форматирования FONT, B, I, BQи имподобным. Существенное же отличие от обычного Word-документа состоит как раз в том, что пользователь можетувидеть все параметры оформления и область их действия прямо в HTML-документе. Изменить их может только он сам, путемредактирования текста документа. Дает ли это какое-нибудь преимущество? Думаю,что в некоторых случаях работать с файлом в формате гипертекста намного удобнееи легче, чем с таким же файлом в формате традиционного редактора для Windows.

Отдельноследует упомянуть использование кириллицы в HoTMetaL. Если пользователь выбирает дляввода не английский язык, то редактор автоматически преобразует введенные буквыв спецсимволы. Разумеется, разработчики редактора не предусматриваливозможность использования кириллицы. Просто русские буквы занимают в кодовойтаблице место «экзотических» букв из разных языков. В языке можетиспользоваться латинский алфавит и некоторые его «расширения». При вводерусского текста символы прорисовываются обычным образом, но исходный кодзаписывается по особому: буква А обозначается как À буква Б — как Á и т.д. Для броузеровс установленными русскими шрифтами это не имеет значения: кириллица в любомслучае будет воспроизведена верно. Если вы используете HoTMetaL в работе, но создаете документы скириллицей, набирайте русский текст в другой программе, например, в режимепросмотра источника в броузере.

2.3.2. HotDogProfessional 3

РедакторгипертекстаHotDogсозданфирмойSausageSoftware. От других его выгодно отличает обилие инструментов, подпрограмми сервисных возможностей. Такой инструмент можно рекомендовать темпользователям, которые много и серьезно работают со своими Web-страницами. Версия 3 редактора разработана в 1996году и предназначена для работы в среде Windows95.

Окноредактора разделены на две области. Слева расположена панель так называемого«менеджера ресурсов» (resourcemanager). Он выполняет в редакторете же функции, что и Проводник в Windows95, тоесть организует наглядный доступ к папкам и файлам. Вкладка Pagesпозволяетувидеть документы, открытые в редакторе. Вкладка Filesобеспечивает просмотр папок на дискете. Пользователь можетприменять технологию DragandDrop, то есть перетаскивать файлы при помощи мыши. ВкладкаFavesслужит дляпросмотра избранных источников информации. Вкладка WWWобеспечивает просмотр сайтов<span Times New Roman",«serif»;mso-fareast-font-family:«Times New Roman»; mso-ansi-language:RU;mso-fareast-language:KO;mso-bidi-language:AR-SA">[9]и наглядное представление их структуры. Если менеджер ресурсов занимает слишкоммного места на экране, его можно отключить при помощи меню

View.

Вправой части окна редактора размещаются окна с HTML-документами. Каждое из них содержит несколько вкладок.Вкладка HTMLпозволяет вывести документ в режиме исходного кода. Вкладка Roverобеспечивает просмотр документапри помощи встроенного броузера.

Основноеокно редактора содержит несколько вкладок. Каждая из них позволяет выполнятьопределенный тип операций редактирования. Смена вкладки означает только сменунабора инструментов; окно документа при этом остается неизменным. Многие кнопкиприсутствуют на нескольких вкладках.

Кнопкиформатирования напоминают используемые в текстовых редакторах. И те и другиеимеют похожие значки и выполняют одни и те же по смыслу операции. Но в данномслучае механизм форматирования другой. Он заключается в созданиисоответствующего элемента HTMLипомещении выделенного фрагмента страницы внутри этого элемента. Форматироватьможно не только текст, но и рисунки, гиперссылки и другие конструкциигипертекста.

2.3.3. Netscape Editor

Netscape Editor созданкаксоставнаячастьброузераNetscape Navigator Gold 3.0. Поэтому впрограмме в меню Fileсуществуют две команды: OpenFileinBrowser(открыть файл в броузере) и OpenFileinEditor(открыть файл в редакторе).Пользователю не нужно задумываться в каком режиме открыт документ. Оба онилегко переключаются при помощи кнопок, выведенных на панель инструментов.

ВNetscapeEditorгипертекстовый документ представлен в том же формате, что и в броузере. То есть код HTMLне виден полностью. Во время редактирования документапользователь должен выделять фрагменты или выбирать отдельные объекты для того,чтобы к ним можно было применить операции форматирования. Форматирование вбольшинстве случаев заключается в создании новых элементов или измененииатрибутов уже существующих. Щелкнув правой кнопкой на объекте и выбрав изконтекстного меню Properties, можноперейти к окну свойств элемента (объекта) и изменить их, заполняясоответствующие поля. Недостатком редактора является автоматическое (во времясохранения) преобразование кириллицы в спецсимволы. Редактор весьма терпимоотносится к параллельному редактированию открытого документа. Если в последнийвнесены изменения с помощью другого приложения, то NetscapeEditorфиксируетэтот факт и предлагает загрузить файл заново, чтобы увидеть текущие изменения.

2.3.4. Microsoft Word 97

Последовательностьфирмы Microsoftвовнедрении средств работы с Internetв офисныеприложения создает удобства, в первую очередь, для российских пользователей. Вотличии от англоязычных гипертекстовых редакторов, русифицированные программыне преобразуют кириллицу в спецсимволы. Приложения MSOffice97 могутиспользоваться для генерации Web-страниц.Источниками информации служат файлы в формате этих программ. Естественно, чтона вид страниц влияет специализация каждого приложения. MSWord97, являясь текстовым редактором, обеспечивает созданиегипертекстовых документов традиционного формата и общего назначения.

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

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

Редакторобеспечивает частичный доступ к редактированию Web-страницы. Пользователь может менять текст, но не можетредактировать гиперссылки. Кроме того, редактор обеспечивает вставку в документдополнительной информации, например даты создания страницы. При этом всередактирование происходит в рамках языка HTML3.2.

Полученныйдокумент сохраняется обычным образом, и ему присваивается расширение .html. Иногда в созданном таким способом документевозникает проблема со шрифтом. В этом случае можно перевести документ в режим просмотра кода командой Вид->ИсточникHTML.Необходимо убедиться, что внутри элемента METAприсутствует опция, задающая «нашу» кодовую страницу:

charset=windows-1251

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

Наупомянутой выше вкладке Webpagesимеется шаблон «Новая Web-страница», которому соответствует файл HTML.DOT.Он позволяет создать пустой файл, и пользовательдолжен заполнить его информацией от начала до конца.

ВWord97 не предусмотреныспециальные инструмент для форматирования Web-страниц, но можно использовать те, что предназначены дляобычного редактирования. Многие кнопки позволяют создавать адекватные эффекты вгипертексте. Это, в первую очередь, инструменты, позволяющие форматироватьтекст: выделение полужирным и курсивом, изменение размера и цвета букв,создание эффекта подчеркивания и т. п. Удается создавать и абзацные отступытаким же способом, как это делается в NetscapeEditor. Только в данном случаеиспользуется элемент DIR.

Вовремя редактирования HTML-файластановиться доступной кнопка Просмотр Web-страницы. Она позволяет подключить броузер(назначенный для просмотра гипертекстовых файлов по умолчанию), чтобы увидетьдокумент полностью отформатированным.

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

Впараграфе 2.1. мы рассмотрели на примере как создаются элементы страницы(титул, параграфы), ссылки на другие документы, адреса. Но этих знанийнедостаточно, чтобы создать документ среднего уровня.

Вэтом параграфе мы рассмотрим создание заголовков, форматирование и изменениестиля документа, а также списки на примере приведенном в 2.1.

3.1. Заголовки

Впримере для заголовка используются теги <H1></h1>.

Существуетшесть уровней заголовков, которые обозначаются Н1… Н6. Заголовок уровня 1самый крупный, а уровень 6 обеспечивает самый маленький заголовок.Представление об относительных размерах заголовков в них дает рис.3.1. Длязаголовков можно использовать атрибут, задающий выравнивание влево, по центруили вправо:

align=’’left’’

align=’’center’’

align=’’right’’

Заголовок1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

еще рефераты

Еще работы по компьютерным сетям

Реферат по компьютерным сетям