Презентация Создание сайтов на HTML 5 и СSS онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Создание сайтов на HTML 5 и СSS абсолютно бесплатно. Урок-презентация на эту тему содержит всего 72 слайда. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Презентации » Устройства и комплектующие » Создание сайтов на HTML 5 и СSS
Оцените!
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:72 слайда
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:15.62 MB
- Просмотров:127
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№3 слайд
![Введение Введение это то, что](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img2.jpg)
Содержание слайда: Введение
“Введение – это то, что все обычно пропускают”. Согласны?
Добро пожаловать на наш курс Web-дизайн в Центре компьютерного обучения Специалист!
Наш курс (https://www.specialist.ru/course/eichtml-b) даст вам необходимый багаж знаний для занятия этой интересной и современной профессией. Эти знания вы можете в дальнейшем развивать и совершенствовать, и стать настоящим профессионалом в своей области. Для этого нужно лишь ваше желание.
№5 слайд
![Что такое HTML? HTML](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img4.jpg)
Содержание слайда: Что такое HTML?
HTML (HyperText Markup Language) — стандартный язык разметки документов
во Всемирной паутине.
Язык HTML интерпретируется браузерами; полученный
в результате интерпретации форматированный текст отображается на экране монитора компьютера
или мобильного устройства.
№6 слайд
![Версии HTML RFC HTML . ,](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img5.jpg)
Содержание слайда: Версии HTML
RFC 1866— HTML 2.0,
одобренный как стандарт 22 сентября1995 года;
HTML 3.0 — 28 марта 1995 года — IETF Internet Draft
(до 28 сентября 1995 года);
HTML 3.2 — 14 января 1997 года;
HTML 4.0 — 18 декабря 1997 года;
HTML 4.01 — 24 декабря 1999 года;
ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года;
HTML5 — 28 октября 2014 года;
HTML 5.1 начал разрабатываться 17 декабря 2012 года. Рекомендован к применению с 1 ноября 2016 года.
HTML 5.2 был представлен 14 декабря 2017 года.
№10 слайд
![Доменные имена Доменное имя](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img9.jpg)
Содержание слайда: Доменные имена
Доменное имя — это определенная буквенная последовательность, обозначающая имя сайта.
Доменное имя должно начинаться и заканчиваться буквой латинского алфавита или цифрой.
Например, у доменного имени yandex.ru есть две составных части, называемые уровнями и разделенные точками:
ru — доменное имя 1 уровня
yandex.ru — доменное имя 2 уровня
mail.yandex.ru – доменное имя 3 уровня
№19 слайд
![Виды сайтов Фиксированной](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img18.jpg)
Содержание слайда: Виды сайтов
Фиксированной ширины — задается фиксированная ширина. Все блоки сайта будут выглядеть так, как и было задумано и не будут изменять размеров зависимости от разрешения монитора или размера экрана браузера.
«Резиновые» — ширина строго не задается, а изменяет размер в зависимости от размера экрана браузера или разрешения монитора.
Адаптивные — адаптивная вёрстка/тип макета — дизайн, который подстраивается (адаптируется) под размер экрана.
№28 слайд
![Атрибуты тэгов Чтобы](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img27.jpg)
Содержание слайда: Атрибуты тэгов
Чтобы расширить возможности отдельных элементов применяются атрибуты.
Есть два типа атрибутов: атрибут со значением и логический атрибут, у которого нет значения.
Атрибуты пишутся внутри открывающего тега, несколько атрибутов перечисляются через пробел, порядок их значения не имеет.
Полный список https://html5book.ru/html-attributes/
№30 слайд
![Важные факты про HTML . HTML](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img29.jpg)
Содержание слайда: Важные факты про HTML5
1. HTML5 - это не новый язык, а расширение уже существующего HTML4 с хорошей обратной совместимостью
2. HTML5 - не цельная вещь, а набор компонентов разной степени готовности
3. Некоторые компоненты HTML5 уже давно работают во многих браузерах, их можно использовать уже сейчас
4. HTML5 - с нами надолго
№42 слайд
![Распространенные кодировки](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img41.jpg)
Содержание слайда: Распространенные кодировки
ASCII - одна из самых старых компьютерных кодировок, в которой каждому символу соответствует строго определенное число. Например, символу "a" соответствует число 97, а символу "A" — число 65. ASCII — базовая кодировка текста для латиницы.
KOI8 - кодовая страница, разработанная для кодирования букв кириллических алфавитов, дополнение к ASCII, содержит символы национальных алфавитов (KOI8-R – русская, KOI8-U – украинская и т.д.)
Windows-1251 (CP1251) – кодировка, являющаяся стандартной 8-битной кодировкой для всех русских версий Microsoft Windows.
UTF-8 - распространённый стандарт кодирования текста, позволяющий более компактно хранить и передавать символы Юникода, используя переменное количество байт (от 1 до 4).
№60 слайд
![Теги для форматирования](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img59.jpg)
Содержание слайда: Теги для форматирования текста
Тег <b>
Задаёт полужирное начертания шрифта. Выделяет текст без акцента на его важность.
Тег <em>
Отображает шрифт курсивом, придавая тексту значимость.
Тег <i>
Отображает шрифт курсивом.
Тег <small>
Уменьшает размер шрифта на единицу по отношению к обычному тексту.
Тег <strong>
Задаёт полужирное начертание шрифта, относится к тегам логической разметки, указывая браузеру на важность текста.
№61 слайд
![Теги для форматирования](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img60.jpg)
Содержание слайда: Теги для форматирования текста
Тег <sub>
Используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер.
Тег <sup>
Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.
Тег <ins>
Выделяет текст в новой версии документа, подчёркивая его. Для тега доступны следующие атрибуты: cite, datetime.
Тег <del>
Перечёркивает текст. Используется для выделения текста, удаленного из документа. Для тега доступны следующие атрибуты: cite, datetime.
№62 слайд
![Теги для ввода компьютерного](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img61.jpg)
Содержание слайда: Теги для ввода «компьютерного» текста
Тег <code>
Служит для выделения фрагментов программного кода. Отображается моноширинным шрифтом.
Тег <kbd>
Отмечает фрагмент как вводимый пользователем с клавиатуры. Отображается моноширинным шрифтом.
Тег <samp>
Применяется для выделения результата, полученного в ходе выполнения программы. Отображается моноширинным шрифтом.
№64 слайд
![Теги для оформления цитат и](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img63.jpg)
Содержание слайда: Теги для оформления цитат
и определений
Тег <abbr>
Применяется для форматирования аббревиатур. Браузером обычно подчеркивается пунктирной линией. Расшифровка сокращения осуществляется с помощью атрибута title, она появляется при наведении курсора мыши на текст. Для тега доступны глобальные атрибуты.
Тег <bdo>
Используется для замещения текущего направления текста, т.е. текст в теге отображается зеркально. Для тега доступен атрибут dir.
Тег <blockquote>
Выделяет цитаты внутри документа, выделяя его отступами и переносами строк. Для тега доступен атрибут cite.
№65 слайд
![Теги для оформления цитат и](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img64.jpg)
Содержание слайда: Теги для оформления цитат
и определений
Тег <q>
Используется для выделения коротких цитат. Браузерами заключается в кавычки. Для тега доступен атрибут cite.
Тег <cite>
Применяется для выделения цитат, названий произведений, сносок на другие документы. Для тега доступны глобальные атрибуты.
Тег <dfn>
Позволяет выделить текст как определение. Несмотря на наличие специального тега, рекомендуется выделять текст силами CSS. Для тега доступен атрибут title.
№66 слайд
![Абзацы, средства переноса](/documents_6/8eebe9b8baad46ca64b5ab0ac3114141/img65.jpg)
Содержание слайда: Абзацы, средства переноса текста
Тег <p>
Разбивает текст на отдельные абзацы, отделяя друг от друга пустой строкой. Браузер автоматически добавляет верхний и нижний отступ, равный 1em, при этом отступы соседних абзацев «схлопываются». Для тега доступны глобальные атрибуты.
Тег <br>
Переносит текст на следующую строку, создавая разрыв строки. Для тега доступны глобальные атрибуты.
Тег <hr>
Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии. Для тега доступны глобальные атрибуты.
Скачать все slide презентации Создание сайтов на HTML 5 и СSS одним архивом:
Похожие презентации
-
Основы HTML. Создание сайтов в текстовом редакторе
-
Знакомство с языком HTML. Cоздание сайтов
-
HTML. Создание Web-сайта
-
Верстка сайтов HTML5CSS3
-
Технологии создания сайтов
-
Этапы создания web-сайтов
-
Создание списков в HTML
-
Основы web-технологий. Технологии создания web-сайтов
-
Технология создания Web-страниц. Интернет и WWW. Язык HTML. Выход
-
Создание сайта с помощью html