Создание html-документов icon

Создание html-документов




Скачать 480.82 Kb.
НазваниеСоздание html-документов
страница2/5
Дата конвертации08.08.2013
Размер480.82 Kb.
ТипДокументы
1   2   3   4   5
1. /Создание HTML/Создание HTML.doc
2. /Создание HTML - 2/Создание HTML - 2.doc
Создание html-документов
HyperText Markup Language (html) является стандартным языком, предназначенным для создания гипертекстовых документов в среде web. Html-документы могут просматриваться различными типами web-броузеров
, , , , и . Надо также включить элемент title, поскольку он является обязательным в HTML. И, наконец, добавьте в шаблон строку текста, которая будет напоминать вам о том, где должен располагаться основной текст документа. Все это показано ниже:

Шаблон простого документа



Этого вполне достаточно для простого документа, но вы можете без особых усилий сделать намного больше. Сначала добавим в документ простой фоновый рисунок - при этом дескриптор примет такой вид:



Ранее в этой главе было сказано о том, что при добавлении фонового изображения к документу, нужно настроить цвета таким образом, чтобы читатель увидел ваш текст. Сначала присвойте атрибуту BGCOLOR значение GRAY - это самый подходящий цвет для фона. Теперь определите цвета для других компонентов документа: text - BLACK, a LINK, ALINK И VLINK - BLUE, GREEN И RED, соответственно. Эти Дополнения изменят дескриптор на

Добавьте в свой документ элемент address:

Сайт создан Прибыльским Сергеем. Последнее обновление 18 июня 2000г.


Конечно же, в элементе address вы должны указать свое имя. Когда все это будет добавлено к исходному шаблону, то получится примерно такой код

Готовый шаблон базового документа



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

Разбиение текста на абзацы.

В школе нас учили разбивать текст на абзацы, которые выражают законченную мысль. При создании документов HTML также должно соблюдаться это правило. К сожалению, разбиение на строки и абзацы в HTMLявляется более сложным, чем можно было бы ожидать.

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

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

Чтобы разбить текст, необходимо использовать элементы абзаца. Если поместить открывающий дескриптор абзаца <Р> в начало каждого нового абзаца, то программа просмотра корректно разделит текст на абзацы. Добавление закрывающего дескриптора не обязательно, поскольку его функцию обычно выполняет следующий начальный дескриптор абзаца, который встретится в документе. Однако добавление дескриптора в конце абзаца поможет обработать ваш документ в тех программах просмотра, которые не полностью соответствуют стандарту HTML.

Относитесь серьезно к использованию открывающих и закрывающих дескрипторов абзаца. В последнее время все чаще для представления абзацев текста используются стили, поэтому корректное употребление дескриптора абзаца приобретает все большее значение.

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

Элемент абзаца имеет один атрибут align, который поддерживается как Netscape Navigator, так и Microsoft Internet Explorer. Возможные значения атрибута align и их назначение перечислены в таблице ниже. Если атрибут не используется, то по умолчанию принято выравнивание текста по левому краю.

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

Использование атрибута в этих целях будет описано в следующих главах.

Значения атрибута ALIGN и их назначение:

Значение

Назначение

LEFT

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

CENTER

Выравнивает текст по центру между полями окна просмотра

RIGHT

Выравнивает текст по правому краю в окне просмотра. Левый край неровный

Разрыв строк.

Как было отмечено, HTML выполняет форматирование текста в программе просмотра, а не в исходном документе. Этим обеспечивается независимость от оборудования. Но что делать, если вам нужно разорвать строку текста в строго определенном месте?

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

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

Пример использования дескриптора




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

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

Запрет разрыва строк может оказаться очень нужным для таких элементов, как адреса, где неправильное разбиение строки может привести к нежелательным результатам. Однако не злоупотребляйте использованием элемента
— если изменить естественное разбиение строк, текст может принять необычный вид.

Вы можете предположить, что если использовать несколько разрывов строки подряд, то в документе будут добавлены дополнительные пустые строки. Однако многие броузеры объединяют несколько разрывов строки (несколько дескрипторов
или <р>) в один разрыв строки.


СОВЕТ: Если вы думаете, что броузеру все-таки придется разорвать строки внутри элемента
, то можете указать подходящее место разрыва с помощью дескриптора (мягкий разрыв строки). Броузер будет использовать элемент только в случае крайней необходимости.

Структурирование текста.

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

Добавление заголовков.

Заголовки в HTML структурируют текст, составляющий тело документа. Они помогают читателям ориентироваться в документе и делают представленную в нем информацию более ценной. Вероятно, из всех дескрипторов форматирования в документах HTML чаще всего используется дескриптор заголовков.

Элемент заголовка является контейнером и должен иметь открывающий (<Н1>) и закрывающий () дескрипторы. В HTML шесть уровней заголовков: HI (самый важный), Н2, НЗ, Н4, Н5 и Н6 (наименее важный). Каждый из этих уровней выглядит определенным образом в броузере читателя, но вы не можете непосредственно управлять атрибутами заголовков. Это часть философии HTML: вы, как автор документа, отвечаете за содержание, а читатель — за его внешний вид. Рассмотрите пример, приведенный ниже.

Пример использование заголовков в HTML-документе.



Хотя совсем не обязательно использовать все уровни заголовков, лучше не пропускать некоторые из них, поскольку это может вызвать проблемы у автоматических конверторов текста. В частности, разрабатываемые сейчас алфавитные указатели Web смогут выполнять поиск в документах Web и структурировать их. Если некоторые уровни заголовков пропущены, то пользователи могут запутаться в такой структуре.

Учтите, что если не добавить закрывающий дескриптор заголовка, то это наверняка ухудшит внешний вид вашего документа. Заголовки являются дескрипторами контейнерноготипа и требуют обязательного использования открывающего и закрывающего дескрипторов. Учтите также, что до и после заголовка предполагается обязательный разрыв абзаца. Вы не сможете применить заголовок в середине абзаца, чтобы изменить размер шрифта или гарнитуру. Если вы попытаетесь это сделать, то получите в результате абзац, разделенный на три отдельные части, причем средняя — будет иметь формат заголовка. Лучше всего использовать заголовки, считая их элементами структуры документа.

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

В заголовках можно использовать атрибут ALIGN, как и в дескрипторе <Р>. Это важно запомнить, поскольку не все броузеры показывают заголовки с выравниванием по левому краю.

Добавление горизонтальных линий.

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

Горизонтальную линию можно создать с помощью элемента
1   2   3   4   5



Похожие:

Создание html-документов iconДокументы
1. /СКАЧАТЬ ЧАСТЬ ДОКУМЕНТОВ/1 САЙТ ЧИСЛЕННОСТ НАСЕЛЕНИЯ.pdf
2. /СКАЧАТЬ...

Создание html-документов iconС. Двулучное 2010 г. Введение
Разработка по теме: Создание составных документов в текстовом процессоре Microsoft Word

Создание html-документов iconТема 1: организация поиска нормативных документов по реквизитам документа в спс «консультант плюс» Цель занятия. Создание поисковых запросов в карточке поиска справочно-правовой системы (спс) «Консультант Плюс»
Цель занятия. Создание поисковых запросов в карточке поиска справочно-правовой системы (спс) «Консультант Плюс» для поиска документов...

Создание html-документов iconСоздание и отправка документов в банк
В вашей программе 1с необходимо создать платежные документы на сбербанк, а затем найти и запустить кнопку или пункт в меню под названием...

Создание html-документов iconДокументи
1. /Электронные дневники/1.doc
2. /Электронные...

Создание html-документов iconП/п Направления деятельности Сроки
...

Создание html-документов iconРабота со списком и текстом найденных документов. Справочная информация. Работа с папками в спс «консультант плюс» Цель занятия
Цель занятия. Информационные технологии работы со списком найденных в бд документов; сохранение найденных документов в папках базы...

Создание html-документов iconПеречень документов, проектов документов и материалов, обеспечивающих реализацию Стандарта Нормативные документы
Конституция Российской Федерации. Принята всенародным голосованием 12 декабря 1993 г

Создание html-документов icon1. Усыновление, удочерение детей
В отдел опеки и попечительства подается заявление о постановке на учет кандидатов в усыновители и представляются нижеуказанные подлинники...

Создание html-документов iconЗакон об обязательном экземпляре документов
Российской Федерации и развития системы государственной библиографии, предусматривает обеспечение сохранности обязательного экземпляра...

Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©libdocs.ru 2000-2013
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы