Слайд 2
План
Определения HTML + CSS
Знакомоство с кодом
Структура HTML страницы
Примеры HTML + CSS
Фреймворки
CSS
Самообучение
Слайд 3
Редакторы
Платная
Бесплатная
Слайд 4
Определение HTML
HTML — стандартизированный язык разметки документов во Всемирной паутине. Большинство
веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
Актуальная версия — HTML 5.1
Слайд 5
Определение CSS
CSS (Cascading Style Sheets — каскадные таблицы стилей) — формальный
язык описания внешнего вида документа, написанного с использованием языка разметки (HTML).
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц
Актуальная версия — CSS 3
Слайд 6
Слайд 7
Элементы HTML
Гиперссылки
Текстовые блоки
Форматирование текста
Списки
Изображения
Таблицы
Формы
Слайд 8
Слайд 9
Подключение стилей (CSS)
Не правильно
Правильно в отдельном
файле
Слайд 10
Обращение к элементам HTML
Обращение по имени ТЭГа
Обращение по имени класса
Обращение по
ID
Слайд 11
Слайд 12
Слайд 13
Примеры оформления CSS:
https://jsfiddle.net/xm9nvs30/
Слайд 14
Фреймворки CSS
Например:
Bootstrap — библиотека, созданная разработчиками Twitter
Плюсы:
Более быстрая разработка.
Кроссбраузерность.
Минусы:
Библиотеки бывают сильно
«раздуты»
Дизайн будет зависеть от css-библиотеки.
Слайд 15
Самостоятельное изучение HTML + CSS
htmlacademy.ru