Внедряем таблицы стилей

/

Внедряем таблицы стилей

Таблицы сталей (CSS — Cascading Style Sheets) были предложены W3C еще при разработке спецификации HTML 3.0. Однако фактически они стали доступны в четвертых версиях Internet Explorer и Netscape Navigator.

В основу таблиц стилей была положена простая идея: IITML позволяет описывать язык, используя разные теги. Эти теги (большую часть) можно настраивать. Например, тег Р описывает абзац. Для неё в листах стилей можно задать:

  • шрифт;
  • его размер;
  • стиль (начертание — обычный, курсив, полужирный, полужирный курсив);
  • эффекты (подчеркнутый, перечеркнутый, без эффектов);
  • цвет;
  • выравнивание (влево, вправо, по центру).

То же самое можно сделать для заголовков (Н1, Н2 ... Н6), для гипертекстовых ссылок А и многих Других элементов.

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

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

Давайте создадим свои таблицы стилей теми способами, что предлагает FrontPage.

Самое простое — это включить CSS в каждый файл. Для этого в меню «Format» надо выбрать опцию «Style».

Окно Style — окно редактирования стилей

В нем вы можете выбрать любое имя стиля (Р — это текст абзаца, А — ссылка, В и STRONG — это полужирный, I и ЕМ — эго курсив, HI. Н2 и так далее — это заголовки) и, нажав на кнопку «Modify», перейти в окно Modify Style. Нажав кнопку «Format» вы сможете настроить:

  • Font — параметры шрифта (с этим окном мы познакомились);
  • Paragraph — параметры абзаца (отступы, выравнивание, красная линия);
  • Border — обтекание текста рамкой или бордюры таблицы;
  • Numbering — параметры списков (маркированных, нумерованных);
  • Position — выравнивание рисунка относительно текста.

Мы настроим параметры шрифта для следующих имен предлагаемых стилей: Р, A, HI, Н2 на странице «Хобби» (hobbies.htm). Причем наши настройки останутся теми же, что мы применяли до этого при настройке текстуры и основных цветов (окно Page Properties закладка Background) и при изменении параметров шрифтов для заголовка «Мои увлечения» и подзаголовков «Литература» и «Музыка» на странице «Хобби.

Теперь можно в настройках окна Page Properties в закладке Background параметрам раздела Colors установить цвета по умолчанию (значение Automatic»).

Выделим словосочетание «Мои увлечения» и в панели инструментов в списке «Style» выберем стиль «Heading 1». Выделим слово Литература в списке «Style» выберем стиль «Heading 2». Выделим первый абзац текста и нажмем на кнопку «Align Left» в панели инструментов. И так далее.

Также таблицу стилей, используемую на страницах сайта, можно хранить в отдельном файле.

Я вновь возвращаюсь к окну New, но уже закладке Style Sheets

Автор статьи Алина


Кем создан (имя): (SpiriT) Леонид


Оставить комментарий


Популярное


Подпишись на канал в Telegram
Подпишись на канал в Яндекс.Дзен

Обзоры