Презентация, доклад 103672.pptx

Здесь Вы можете изучить и скачать урок презентацию на тему 103672.pptx бесплатно. Доклад-презентация для класса на заданную тему содержит 64 слайдов. Для просмотра воспользуйтесь проигрывателем, если презентация оказалась полезной для Вас - поделитесь ей с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!
500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500


Слайды и текст этой презентации
Слайд 1
Описание слайда:

Слайд 2
Описание слайда:
Тізімдер мен кестелер: WEB-парақта тізімнің көмегімен ақпаратты құрылымдау. Тізімдер типі Кесте және оның элементтері Кесте және оның ұяшықтарына арналған көлемін көрсету ережесі. Ұяшықтарды біріктіру. Кестемен жұмыс істеуде болатын қателіктер. web-парақты кесте көмегімен макеттеу. Кірістірілген кестені қолдану web-парақта кестені қолдану ерекшеліктері.

Слайд 3
Описание слайда:
Маркированный список (unordered list)

Слайд 4
Описание слайда:
Тип маркеров

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

Слайд 6
Описание слайда:
Типы нумерации

Слайд 7
Описание слайда:

Слайд 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) В глобальную таблицу стилей: <style type="text/css"> @import url("/style/header.css"); H1 { font-size: 120%;} </style> В таблицу связанных стилей: @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
Описание слайда:
Практика: верстаем стилями


Скачать урок презентацию на тему 103672.pptx можно ниже:

Похожие презентации