естування сторінок на всіх популярних у ці час браузерах.
В результаті, використання всіх можливостей Dynamic HTML стало долею програмістів досить великих організацій, де є умови для розробки складних програм і всебічного їх тестування. Творцям особистих WEB-сторінок часом доводиться шукати компроміс між надійністю і новаторством, щоб отримати досить грамотний HTML-код.
2. ТАБЛИЦІ СТИЛІВ, РІВНІ CSS
Вперше каскадні таблиці стилів CSS були реалізовані в браузері Internet Explorer 3.0. Однак у той час розвиток CSS знаходилося в зародковому стані, тому правила складання стильових шаблонів були вельми розрізненими.
З моменту свого виникнення структура CSS була кілька разів переглянута, в неї були додані нові елементи і прибрані (видозмінені) старі. Існують три рівні CSS, що визначаються наявністю завершеною редакції структури. Це: CSS 1 (перший рівень структури стильових шаблонів, остаточно затверджений 11 січня 1999), CSS 2 (другий рівень стильових конструкцій, початок обговорення якого датується травнем 1998 року) і CSS 3 (третій рівень стильового оформлення електронних документів, прийнятий до обговорення 23 травня 2001, на момент написання книги перебував у стадії опрацювання).
На завершення розмови про рівні CSS слід додати, що перехід від одного рівня до іншого, в основному, супроводжувався деякими видозмінами у структурі та в правилах стильового оформлення, технологічними доповненнями, а також спробами систематизувати застосування CSS.
Саме третій рівень (CSS 3) позиціонується розробниками як якоїсь єдиної системи подання стилів в електронному документі, заснованої на використанні спеціальних модулів.
Способи визначення таблиць стилів. Як вже було сказано, будь-яка таблиця стилів CSS повинна бути інтерпретована браузером для того, щоб правила CSS, позначені для конкретних елементів електронного документа, вступили в силу.
Визначення таблиці стилів (стильового шаблону) можливо чотирма способами:
посилання на зовнішній файл. Якщо всі стильові шаблони для конкретного HTML-документа розмістити в одному текстовому файлі (з розширенням ess), то за допомогою спеціального тега lt; link gt; з поточного документа можна зробити посилання на зовнішній CSS-файл стильових шаблонів, наприклад:
lt; LINK REL= stylesheet TYPE= text/css HREF= style. css gt;
Браузер, аналізуючи HTML-код, звернеться по зазначеному шляху і, виявивши вказаний файл стильового оформлення, відобразить елементи сторінки у відповідності з певними правилами CSS.
Слід пам'ятати, що конструкція вказівки шляху до зовнішнього CSS-файлу повинна знаходитися в межах розділу head HTML-документа;
впровадження в документ. Під впровадженням в документ мається на увазі завдання стильової конструкції всередині самої HTML-сторінки, наприклад:
lt; STYLE TYPE= text/CS3 gt;
lt ;!- -
BODY {font-family: Arial, Helvetica;}
INPUT {background-color: ICECECE;}
gt;
lt;/STYLE gt;
Дана конструкція також повинна бути присутня в розділі head. Для браузерів, що не підтримують CSS взагалі або підтримують лише окремі правила стильового оформлення, опис шаблонів укладається між символами коментарів (при відсутності підтримки CSS браузер пропустить зміст стильових шаблонів, якщо ж підтримка є, то браузер інтерпретує правила CSS);
включення в тегів конструкції. Будь окремий HTML-елемент може бути підданий форматування засобами CSS. Для цього необхідно задати певне правило реалізації того чи іншого тега, наприклад:
lt; Р ALIGN= justify STYLE= color: 1000000; font-family: Verdana; gt; Текстпараграфа ...
У цьому випадку задано окреме правило для конкретного параграфа. Також можна привласнювати окремому HTML-елементу певний клас стильового шаблону:
lt; TABLE gt;
lt; TR gt;
lt; TD CLASS= header X/TD gt;
lt; TD CLASS= text X/TD gt;
lt;/TR gt;
lt;/TABLE gt;
Опис класів має будуватися наступним способом (на прикладі впровадження стильового шаблону в документ):
lt; STYLE TYPE= text/css gt;
lt ;!- -
. header {font-weight: bold; color: gray; }
. text {color: black; font-size...
