Презентация Основы HTML и CSS. Списки и таблицы онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Основы HTML и CSS. Списки и таблицы абсолютно бесплатно. Урок-презентация на эту тему содержит всего 64 слайда. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:64 слайда
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:1.89 MB
- Просмотров:119
- Скачиваний:1
- Автор:неизвестен
Слайды и текст к этой презентации:
№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 слайд
Содержание слайда: Практика: верстаем стилями
Скачать все slide презентации Основы HTML и CSS. Списки и таблицы одним архивом:
