Основы HTML и CSS. Списки и таблицы презентация в формате PowerPoint - скачать бесплатно

Скачать презентацию на тему: "Основы HTML и CSS. Списки и таблицы" с количеством слайдов в размере 64 страниц. У нас вы найдете презентацию на любую тему и для каждого класса школьной программы. Мы уверены, что наши слайды помогут найти вам свою аудиторию. Весь материал предоставлен бесплатно, в знак благодарности мы просим Вас поделиться ссылками в социальных сетях и по возможности добавьте наш сайт MirPpt.ru в закладки.

Содержание [Показать]

Нажмите для просмотра
Основы HTML и CSS. Списки и таблицы

2: Списки и таблицы: Структурирование информации на WEB-странице при помощи списков. Типы списков Таблица и ее элементы Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами Использование таблиц. Макетирование web-страницы с помощью таблиц Использование вложенных таблиц Приемы использования таблиц на web-странице

3: Маркированный список (unordered list)

4: Тип маркеров

5: Нумерованный список (ordered list)

6: Типы нумерации

8: (Не) Простая таблица

9: Атрибуты элемента TABLE

10: Атрибуты элемента TR

11: Атрибуты элемента TD (TH)

12: Объединение ячеек

13: Создаем заголовок таблицы

14: Схема отступов и объединения ячеек

15: Лабораторная работа Использование colspan и rowspan

16: Таблицы, вложенные друг в друга

17: Группируем таблицу по блокам (HTML 4. 0)

18: Группируем таблицу по колонкам

19: Группируем таблицу по колонкам

20: Домашняя работа Объединение ячеек и вложенные таблицы

21: Форма

22: Атрибуты элемента FORM

23: Элементы формы

24: Элементы формы

25: Элементы формы

26: Элементы формы

27: Элементы формы

28: Атрибут type

29: Атрибут type html 5

30: Атрибут type html 5 поддержка

31: Лабораторная работа

32: Методы определения

33: Встроенная информация о стиле (inline)

34: Информация о стиле в заголовке: элемент STYLE - Метод вложения (embeding)

35: Метод связывания (linking) - Внешние таблицы стилей

36: Каскадирование

37: Каскадирование

38: Единицы измерения размеров

39: Цвет

40: Селекторы типа элемента и класса

41: Другие селекторы

42: И еще о селекторах

43: Группировка селекторов

44: Псевдоклассы и псевдоэлементы

45: Оформление текстовых элементов

46: Оформление текстовых элементов

47: Оформление текстовых элементов

48: Оформление списков

49: Отступы и рамки

50: Отступы снаружи

51: Отступы изнутри

52: Рамки

53: Визуальные свойства

54: Параметры блока

55: Параметры слоя

56: Свойства курсора cursor: auto crosshair default pointer move text wait e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize url("изображение")

57: Импорт CSS (IE) В глобальную таблицу стилей: import url("/style/header. css"); H1 font-size: 120; В таблицу связанных стилей: import "/style/print. css" print; import "/style/palm. css" handheld; H1 font-size: 120;

58: Типы носителей Все запросы начинаются с правила media, после чего следует условие, в котором используются типы носителей, логические операторы и медиа-функции

59: Media screen and print в коде Пример. Стиль для всех цветных устройств media all and (color) . . . Стиль для всех устройств кроме смартфонов media all and (not handheld) . . . media not all and (color) . . . Стиль для новых браузеров media only all and (not handheld) . . . Стиль для устройств с альбомной ориентацией или минимальной шириной 480 пикселов. media all and (orientation: landscape), all and (min-width: 480px) . . .

60: Media screen and print в коде media screen BODY color: navy H1 border: 2px dashed maroon; color: sienna; padding: 7px media print BODY, H1 color: black

61: Media screen and print в браузере

62: Медиа-функции

63: Практика: как выровнять колонку по центру?

64: Практика: верстаем стилями

Скачать презентацию


MirPpt.ru