Доклад : Каскадные таблицы стилей 


Полнотекстовый поиск по базе:

Главная >> Доклад >> Информатика, программирование


Каскадные таблицы стилей




Каскадные таблицы стилей

Немного теории

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

Помните анекдот про выпускников института, которым в первый их рабочий день на производстве говорят: "А теперь забудьте все, чему Вас учили в институте и начинайте учиться работать!"? Так вот забудьте все, чему Вас учили... Все эти параметры и их значения, которые так нудно вставлять в каждый тег, если хочешь, чтобы сайт выглядел так, как ты хочешь. Забудьте, потому что все эти параметры и значения всех этих тегов можно указать один раз для всего сайта. Мало того, что это быстрее и удобнее, - вдобавок к этому все страницы сайта будут выполнены в одном стиле. Если, конечно, Вы этого хотите. Делается это при помощи таблиц стилей. Таблицы стилей, а если точнее - каскадные таблицы стилей (Cascade Style Sheets) - это один из трех компонентов DHTML - динамического HTML (Dynamic HTML). DHTML - это термин, обозначающий документы HTML, которые могут изменяться без повторной загрузки страницы. Два других компонента DHTML - это собственно HTML и языки сценариев. Технология DHTML позволяет создавать динамичные документы, которые могут изменяться при взаимодействии с пользователем, отвечать на его действия (например, движение мышки).

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

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

Гибкое размещение информации о стиле. Помещение таблиц стилей в отдельные файлы упрощает их повторное использование.

Независимость от языков таблиц стилей. Спецификация HTML 4.0 не привязывает HTML к конкретному языку таблиц стилей. Это позволяет использовать широкий диапазон таких языков. Например, простые языки для большинства пользователей и более сложные для специализированных случаев.

Каскады.

Эта возможность обеспечивается некоторыми языками таблиц стилей, в том числе и CSS, для объединения информации о стиле из нескольких источников. Это может быть, например, корпоративные положения о стиле, стили, общие для группы документов, а также стили, специфичные для одного документа. С использованием раздельного хранения эти таблицы стилей могут использоваться повторно, что упрощает работу авторов и повышает эффективность сетевого кэширования. Каскад определяет упорядоченную последовательность таблиц стилей, в которой правила более поздних таблиц имеют преимущество над более ранними. Не все языки таблиц стилей поддерживают каскады.

Зависимость от устройств.

"Чистый" HTML позволяет авторам разрабатывать документы независимо от устройств. Это позволяет пользователям обращаться к WEB-страницам с использованием различных устройств, например, графических дисплеев для компьютеров под управлением Windows, Mfcintosh OS и X11, телевизионных устройств, специальным образом адаптированных телефонов и портативных устройств на базе PDA, речевых браузеров и тактильных устройств на базе азбуки Бройля.

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

Альтернативные стили.

Авторы могут предлагать читателям несколько способов просмотра документа. Например, таблица стилей для представления компактных документов с мелким шрифтом, или таблица, задающая крупные шрифта для удобства чтения. Автор может указать предпочитаемую таблицу, а также альтернативные таблицы для определенных пользователей или устройств. Агенты пользователей должны предоставлять возможность выбора одной из таблиц или отключать все стили. (Добавлю, что, например, при использовании Internet Explorer 5.0 и выше, Вы можете создавать свои таблицы стилей, которые будут использоваться для просматриваемых Вами сайтов.)

Вопросы производительности.

Иногда (например, при использовании общей таблицы стилей для группы документов) использование таблиц стилей может привести к задержке общего представления материала. Эти проблемы решаются путем предоставления авторам возможности включать инструкции по представлению в каждый элемент HTML.

Это - общие положения о таблицах стилей, определенные спецификацией HTML 4.0.

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

Список литературы

Для подготовки данной работы были использованы материалы с сайта http://www.i2n.ru

Похожие работы:

  • Исследование использования программ дистанционного обучения для подготовки учебно-методической документации

    Дипломная работа >> Информатика, программирование
    ... стили, используемые в приложении, и их описание, приведено в таблице 2.12. Таблица 2.12 - Используемые каскадные таблицы стилей №п/п Название стиля Назначение стиля ...
  • Проектирование и создание современного web-сайта

    Реферат >> Информатика, программирование
    ... его внешнего представления. Информацию о стиле HTML 4.0 предлагает размещать в каскадных таблицах стилей; – навигационная помощь, например ... 2) – самая последняя рекомендация по каскадным таблицам стилей, предоставляет механизмы для улучшенной интерпретации ...
  • Разработка сайта с использованием CSS

    Реферат >> Информатика, программирование
    ... CSS мы понимаем фразу "Каскадные Таблицы Стилей". Они внедряются в HTML- ... интерпретируются оные обычным броузером. Каскадные таблицы стилей представляют собой описания различных ... отобразить CSS. Чаще всего каскадные таблицы располагаются в шапке документа, ...
  • Принципи роботи із засобами Web-сервісу

    Реферат >> Информатика, программирование
    ... сайту рекомендується використовувати технологію каскадних таблиць стилів. Іншою особливістю експлуатації HTML ... піднятий звичайний текст 3. Основи використання таблиць каскадних стилів Таблиці Каскадних Стилів (Cascading Style Sheets - CSS) - це ...
  • Разработка школьной информационной системы на основе IT-технологий

    Дипломная работа >> Информатика, программирование
    ... 2.4.1Язык гипертекстовой разметки HTML 2.4.2. Каскадные таблицы стилей CSS 2.4.3. HTML-редакторы 2.4.4. Использование ... различных технологий. [4] 2.4.2 Каскадные таблицы стилей CSS Cascading Style Sheets (Таблицы Каскадных Стилей) – это язык, содержащий ...
  • Розробка системи керування та актуалізації інформації web-сайту національного оператора енергоринку

    Дипломная работа >> Информатика, программирование
    ... іptі Cascadіng Style Sheets - каскадні таблиці стилів). З іншого боку, конкуренція між ... Opera 10.0 підтримує Java, каскадні таблиці стилів і DHTML. Хоча Opera і не ... важливо, коли в документі використовуються каскадні таблиці стилів. Деякі теги не мають ...
  • Технологии создания гипертекстовых документов

    Лабораторная работа >> Информатика, программирование
    ... . Листинг 1_usable_text_CSS – Оформление текста средствами каскадных таблиц стилей CSS. Оформление текста< ... <strong>каскадных</strong> <strong>таблиц</strong> <strong>стилей</strong> CSS. Рис.2. Отображение на экране монитора текста, не оформленного средствами <strong>каскадных</strong> <strong>таблиц</strong> <strong>стилей</strong> ... </div></li><li><h4><a href="http://topref.ru/referat/54836.html">Разработка web сайта на основе HTML с использованием JavaScript</a></h4>Дипломная работа >> <a href="http://topref.ru/category/33/1.html"><i>Информатика, программирование</i></a><div class="p_text_box"> ... показана с рамкой: <strong>Таблицы</strong> <strong>стилей</strong> Уровни CSS Впервые <strong>каскадные</strong> <strong>таблицы</strong> <strong>стилей</strong> CSS были реализованы ... на некоторых аспектах использования <strong>каскадных</strong> <strong>таблиц</strong> <strong>стилей</strong>, а именно: на ... HTML> Структурное форматирование Также <strong>каскадные</strong> <strong>таблицы</strong> <strong>стилей</strong> CSS привнесли много ... </div></li><li><h4><a href="http://topref.ru/referat/89623.html">Проектирование интернет-магазина для предприятия розничной торговли</a></h4>Дипломная работа >> <a href="http://topref.ru/category/53/1.html"><i>Маркетинг</i></a><div class="p_text_box"> ... - магазина 1.4.1 Языки разметки и <strong>таблицы</strong> <strong>стилей</strong> 1.4.2 Web-сервер 1.4.3 Языки сценариев ... . 1.4.1 Языки разметки и <strong>таблицы</strong> <strong>стилей</strong> Основой любой web-страницы является ... конечном итоге будут полностью вытеснены <strong>каскадными</strong> <strong>таблицами</strong> <strong>стилей</strong> (Cascading Style Sheets, ... </div></li><li><h4><a href="http://topref.ru/referat/56418.html">Глобальні інформаційні мережі</a></h4>Учебное пособие >> <a href="http://topref.ru/category/33/1.html"><i>Информатика, программирование</i></a><div class="p_text_box"> ... ПЛАТФОРМА І КЕРОВАНІСТЬ Покращення в <strong>каскадних</strong> <strong>таблицях</strong> <strong>стил</strong>ів (CSS) Виправлено більшість ... Також не є складними для вивчення <strong>таблиц</strong>і <strong>каскадних</strong> <strong>стил</strong>ів – CSS – додатковий засіб, ... в результатах пошуку. ЗАСОБИ CSS <strong>Каскадн</strong>і <strong>таблиц</strong>і <strong>стил</strong>ів або CSS (від англійського ... </div></li></ul></div><div style="margin-left:35px;"> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-4310170390019457" data-ad-slot="0065312748"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div><br><br> </div> </div> <div class="clear"></div> <div id="footer"> . </div> </div> </div> </body> </html>