Динамический HTML (dynamic HTML или DHTML) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяемый для обозначения HTML-страниц. - презентация

1 Динамический HTML (dynamic HTML или DHTML) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяемый для обозначения HTML-страниц с динамически изменяемым содержимым Реализация DHTML основывается на: непосредственно HTML, каскадных таблицах стилей (cascade style sheets – CSS) и языке сценариев (JavaScript или VBScript) ДИНАМИЧЕСКИЙ HTML

2 Каскадные таблицы стилей (Cascade Style Sheets – CSS) Каскадные таблицы стилей предоставляют удобный способ добавления к web-страницам сложных атрибутов форматирования С их помощью можно определить гарнитуры и размеры шрифтов, способ выравнивания и другие характеристики, до мельчайших деталей определить параметры текста, цветов, графики, линий, цитат и т.д. Можно создать таблицу стилей и использовать её для всех документов, расположенных на сервере, что придаст стройность и строгость всему web-сайту Таблица стилей – это набор правил, который управляет форматированием тэгов HTML в web-документе

3 Правило каскадных таблиц стилей

4 Синтаксис правил каскадных таблиц стилей не чувствителен к регистру (селекторы, свойства и их значения можно задавать как строчными, так и прописными буквами, или в смешанном порядке) Любая грамматическая ошибка приводит к тому, что правило пропускается анализатором браузера, и никакого предупреждающего сообщения не появляется

5 Встраивание таблиц стилей в документ

6

7

8 Группирование

9

10 Селекторы

11 Использование классов

12

13

14 Свойства форматирования элементов В каскадных таблицах стилей все доступные свойства форматирования элементов в документе HTML разбиты на 8 категорий 1. Шрифт 2. Цвет и фон 3. Текст 4. Блок 5. Визуальное форматирование 6. Печать 7. Фильтры и переходы 8. Псевдоклассы и другие свойства

15 Единицы измерения, используемые для задания значений свойств Относительные единицы измерения Абсолютные единицы измерения em - высота элемента шрифта in - дюйм (1 in = 2.54 cm) ex - высота буквыcm – сантиметр px - пикселmm – миллиметр % - процентpt - пункт (1pt= 1/72 in) рс - пика (1 рс = 12 pt)

16 Шрифты Шрифты различаются по внешнему виду (начертанию) размеру стилю (прямой, курсив или наклонный) "жирности" отображения (нормальный, полужирный)

17 Определение шрифта

18

19 Стиль шрифта

20

21 Жирность шрифта

22

23 Размер шрифта ключевые слова: xx-small, х-small, small, medium, large, x-large, xx-large абсолютное значение длины (pt) Абсолютное значение ключевые слова: larger и smaller проценты относительные единицы длины (em) Относительный размер

24

25

26

27

28 Цвет и фон цвет элемента фон элемента цвет изображение положение повторение фиксация

29 Цвет элемента

30

31 Фон

32

33

34

35 Форматирование текста Позволяет определить расстояние между словами расстояние между буквами в словах отступы и высота строк в абзацах

36

37

38

39

40 Пример

41

42