- •Основы web-дизайна Основы Web-дизайна
- •Требования к дизайну сайта в соответствии со стандартами w3c
- •Ве́б-обозрева́тель, или бра́узер.
- •Internet Explorer (версия 5.5 и выше):
- •Разработка структуры web-проекта
- •Основные компоненты Web-страницы
- •Основные элементы дизайна сайта.
- •Оптимизация графики Web, подготовка изображений для Web-страницы. Принципы работы с картинками.
- •Основные правила набора текста
- •Требования к шрифтам сайта в соответствии со стандартами w3c.
- •Тэги форматирования. Маркированные и нумерованные списки, различные виды маркировки списков.
- •Нумерованный список
- •Язык разметки гипертекста html. Правила построения html –документа.
- •Особенности сайтов во фреймах и таблицах.
- •Карты изображений, их назначение.
- •Метатэги их свойства и особенности.
- •Язык иерархических стилевых спецификаций или каскадные таблицы стилей css, их значимости при разработке дизайна сайта.
- •Вставка музыкальных и видео файлов на страницы сайта.
Тэги форматирования. Маркированные и нумерованные списки, различные виды маркировки списков.
HTML имеет 6 уровней заголовков разделов страницы, имеющих номера от 1 до 6. Заголовок высшего уровня имеет номер 1. Отличаются заголовки от текста и между собой толщиной и высотой букв, в заголовке <H1> самые крупные символы. Тэги <H1>..</H1>, <H2>..</H2>, ... , <H6>..</H6>.
Абзацы в тексте выделяются тэгами <P>..</P>. При просмотре браузером абзацы отделяются друг от друга пустой строкой. Надо заметить, что в существующих версиях HTML закрывающий тэг </P> не используется. Но все-таки рекомендуется его употреблять, так как он может быть введен в последующих версиях. К ошибке это не приведет - браузер просто проигнорирует все незнакомые тэги. А вам потом не придется переделывать свои документы. В версии HTML+ предлагается использовать закрывающий тэг </P>.
И заголовки, и абзацы по умолчанию выключены влево (т.е. прижаты к левому краю окна). Атрибут ALIGN позволяет выключить текст по центру или вправо. Синтаксис: <P ALIGN=RIGHT>, может принимать значения LEFT (влево), CENTER (по центру), RIGHT (вправо).
Аналогично форматируются и заголовки: <H1 ALIGN=RIGHT> .. </H1> и т.д. Еще один полезный способ выравнивания по центру, это использование тэгов <CENTER>..<CENTER>. Они позволяют отформатировать сразу несколько заголовков и абзацев.
Чтобы перейти на новую строку, не прерывая абзаца (т.е., чтобы не вставлять пустую строку между абзацами), применяется тэг <BR>. Закрывающего тэга у него нет.
Тэг <HR> описывает горизонтальную линию.
Еще один способ форматирования текста - использование меток <PRE>..</PRE> (prefomatted text - предварительно форматированный текст). Обычно браузеры игнорируют множественные пробелы и символы конца строки. Однако с использованием тега <PRE> текст выводится в окне браузера точно в том виде, как он есть в исходном HTML-документе.
В языке HTML предусмотрен специальный набор тэгов для представления информации в виде списков. Списки являются одним из наиболее часто употребляемых форм представления данных как в электронных документах, так и в печатных. Возможность организации списковых структур имеется во многих текстовых редакторах, в частности, мощный текстовый процессор Microsoft Word обладает удобными средствами форматирования списков различного вида. Бывают: нумерованные списки; маркированные списки; многоуровневые списки; списки определений
Одним из типов списков, реализованных в языке HTML, является маркированный список. Иначе списки такого типа называют ненумерованными или неупорядоченными. Последнее название часто используется как формальный перевод названия соответствующего тэга <UL>, с помощью которого и организуются списки такого типа в HTML-документах (UL — Unordered List, неупорядоченный список).
В маркированном списке для выделения его элементов используются специальные символы, называемые маркерами списка (часто их называют буллетами, что является формальным озвучением английского термина bullet — пуля). Вид маркеров списка определяется браузером, причем при создании вложенных списков браузеры автоматически разнообразят вид маркеров различного уровня вложенности.
Для создания маркированного списка необходимо использовать тэг-контейнер <UL> </UL>, внутри которого располагаются все элементы списка. Открывающий и закрывающий тэги списка обеспечивают перевод строки до и после списка, отделяя, таким образом, список от основного содержимого документа, поэтому здесь нет необходимости использовать тэги абзаца <P> или принудительного перевода строки <BR>.
Каждый элемент списка должен начинаться тэгом <LI> (LI — List Item, элемент списка). Тэг <LI> не нуждается в соответствующем закрывающем тэге, хотя его наличие в принципе не возбраняется. Браузеры обычно при отображении документа начинают каждый новый элемент списка с новой строчки.
В качестве маркеров списка можно использовать графические изображения, что широко применяется для создания привлекательных, красиво оформленных HTML-документов. На самом деле такая возможность не предоставляется непосредственно языком HTML, а реализуется несколько искусственно. Это вовсе не означает, что так делать не рекомендуется или предосудительно, а лишь означает, что здесь не будут применяться никакие специальные языковые конструкции HTML.