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

Нажмите для полного просмотра!

Основы HTML и CSS. Списки и таблицы, слайд №1

Основы HTML и CSS. Списки и таблицы, слайд №2

Основы HTML и CSS. Списки и таблицы, слайд №3

Основы HTML и CSS. Списки и таблицы, слайд №4

Основы HTML и CSS. Списки и таблицы, слайд №5

Основы HTML и CSS. Списки и таблицы, слайд №6

Основы HTML и CSS. Списки и таблицы, слайд №7

Основы HTML и CSS. Списки и таблицы, слайд №8

Основы HTML и CSS. Списки и таблицы, слайд №9

Основы HTML и CSS. Списки и таблицы, слайд №10

Основы HTML и CSS. Списки и таблицы, слайд №11

Основы HTML и CSS. Списки и таблицы, слайд №12

Основы HTML и CSS. Списки и таблицы, слайд №13

Основы HTML и CSS. Списки и таблицы, слайд №14

Основы HTML и CSS. Списки и таблицы, слайд №15

Основы HTML и CSS. Списки и таблицы, слайд №16

Основы HTML и CSS. Списки и таблицы, слайд №17

Основы HTML и CSS. Списки и таблицы, слайд №18

Основы HTML и CSS. Списки и таблицы, слайд №19

Основы HTML и CSS. Списки и таблицы, слайд №20

Основы HTML и CSS. Списки и таблицы, слайд №21

Основы HTML и CSS. Списки и таблицы, слайд №22

Основы HTML и CSS. Списки и таблицы, слайд №23

Основы HTML и CSS. Списки и таблицы, слайд №24

Основы HTML и CSS. Списки и таблицы, слайд №25

Основы HTML и CSS. Списки и таблицы, слайд №26

Основы HTML и CSS. Списки и таблицы, слайд №27

Основы HTML и CSS. Списки и таблицы, слайд №28

Основы HTML и CSS. Списки и таблицы, слайд №29

Основы HTML и CSS. Списки и таблицы, слайд №30

Основы HTML и CSS. Списки и таблицы, слайд №31

Основы HTML и CSS. Списки и таблицы, слайд №32

Основы HTML и CSS. Списки и таблицы, слайд №33

Основы HTML и CSS. Списки и таблицы, слайд №34

Основы HTML и CSS. Списки и таблицы, слайд №35

Основы HTML и CSS. Списки и таблицы, слайд №36

Основы HTML и CSS. Списки и таблицы, слайд №37

Основы HTML и CSS. Списки и таблицы, слайд №38

Основы HTML и CSS. Списки и таблицы, слайд №39

Основы HTML и CSS. Списки и таблицы, слайд №40

Основы HTML и CSS. Списки и таблицы, слайд №41

Основы HTML и CSS. Списки и таблицы, слайд №42

Основы HTML и CSS. Списки и таблицы, слайд №43

Основы HTML и CSS. Списки и таблицы, слайд №44

Основы HTML и CSS. Списки и таблицы, слайд №45

Основы HTML и CSS. Списки и таблицы, слайд №46

Основы HTML и CSS. Списки и таблицы, слайд №47

Основы HTML и CSS. Списки и таблицы, слайд №48

Основы HTML и CSS. Списки и таблицы, слайд №49

Основы HTML и CSS. Списки и таблицы, слайд №50

Основы HTML и CSS. Списки и таблицы, слайд №51

Основы HTML и CSS. Списки и таблицы, слайд №52

Основы HTML и CSS. Списки и таблицы, слайд №53

Основы HTML и CSS. Списки и таблицы, слайд №54

Основы HTML и CSS. Списки и таблицы, слайд №55

Основы HTML и CSS. Списки и таблицы, слайд №56

Основы HTML и CSS. Списки и таблицы, слайд №57

Основы HTML и CSS. Списки и таблицы, слайд №58

Основы HTML и CSS. Списки и таблицы, слайд №59

Основы HTML и CSS. Списки и таблицы, слайд №60

Основы HTML и CSS. Списки и таблицы, слайд №61

Основы HTML и CSS. Списки и таблицы, слайд №62

Основы HTML и CSS. Списки и таблицы, слайд №63

Основы HTML и CSS. Списки и таблицы, слайд №64

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Основы HTML и CSS. Списки и таблицы. Доклад-сообщение содержит 64 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 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) В глобальную таблицу стилей: @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} }