🗊Презентация Основы 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


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

Слайд 2


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

Слайд 3


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

Слайд 4


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

Слайд 5


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

Слайд 6


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

Слайд 7


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

Слайд 8


(Не) Простая таблица
Описание слайда:
(Не) Простая таблица

Слайд 9


Атрибуты элемента TABLE
Описание слайда:
Атрибуты элемента TABLE

Слайд 10


Атрибуты элемента TR
Описание слайда:
Атрибуты элемента TR

Слайд 11


Атрибуты элемента TD (TH)
Описание слайда:
Атрибуты элемента TD (TH)

Слайд 12


Объединение ячеек
Описание слайда:
Объединение ячеек

Слайд 13


Создаем заголовок таблицы
Описание слайда:
Создаем заголовок таблицы

Слайд 14


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

Слайд 15


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

Слайд 16


Таблицы, вложенные друг в друга
Описание слайда:
Таблицы, вложенные друг в друга

Слайд 17


Группируем таблицу по блокам (HTML 4.0)
Описание слайда:
Группируем таблицу по блокам (HTML 4.0)

Слайд 18


Группируем таблицу по колонкам
Описание слайда:
Группируем таблицу по колонкам

Слайд 19


Группируем таблицу по колонкам
Описание слайда:
Группируем таблицу по колонкам

Слайд 20


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

Слайд 21


Форма
Описание слайда:
Форма

Слайд 22


Атрибуты элемента FORM
Описание слайда:
Атрибуты элемента FORM

Слайд 23


Элементы формы
Описание слайда:
Элементы формы

Слайд 24


Элементы формы
Описание слайда:
Элементы формы

Слайд 25


Элементы формы
Описание слайда:
Элементы формы

Слайд 26


Элементы формы
Описание слайда:
Элементы формы

Слайд 27


Элементы формы
Описание слайда:
Элементы формы

Слайд 28


Атрибут type
Описание слайда:
Атрибут type

Слайд 29


Атрибут type html 5
Описание слайда:
Атрибут type html 5

Слайд 30


Атрибут type html 5 поддержка
Описание слайда:
Атрибут type html 5 поддержка

Слайд 31


Лабораторная работа
Описание слайда:
Лабораторная работа

Слайд 32


Методы определения
Описание слайда:
Методы определения

Слайд 33


Встроенная информация о стиле (inline)
Описание слайда:
Встроенная информация о стиле (inline)

Слайд 34


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

Слайд 35


Метод связывания (linking) - Внешние таблицы стилей
Описание слайда:
Метод связывания (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("изображение")
Описание слайда:
Свойства курсора 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%;}
Описание слайда:
Импорт 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, после чего следует условие, в котором используются типы носителей, логические операторы и медиа-функции
Описание слайда:
Типы носителей Все запросы начинаются с правила @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) { ... }
Описание слайда:
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} }
Описание слайда:
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 в браузере
Описание слайда:
Media screen and print в браузере

Слайд 62


Медиа-функции
Описание слайда:
Медиа-функции

Слайд 63


Практика: как выровнять колонку по центру?
Описание слайда:
Практика: как выровнять колонку по центру?

Слайд 64


Практика: верстаем стилями
Описание слайда:
Практика: верстаем стилями

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию