Recomendados
Más contenido relacionado
Similar a Html5 css3 занятие 1
Similar a Html5 css3 занятие 1 (20)
Más de Алексей Дементьев
Html5 css3 занятие 1
- 1. HTML5 + CSS3 Занятие 1 в 20:00 (МСК) Направление WEB-разработка
- 2. Всем ли хорошо слышно и виден этот текст?
- 3. Командная работа над проектом ТЗ Руководитель проекта Дизайнер Верстальщик Программист
- 4. Структура передачи данных • Домены и ip • Протокол TCP/IP • Схема взаимодействия браузер-сервер • Безопасность HTTPS, виды ssl сертификатов
- 5. Как формируется сайт на сервере Статические сайты VS динамические сайты
- 6. HTML5 Геолокация Оффлайн работа Рисование Проигрывание видео и аудио Обработка выбора даты <!DOCTYPE html>
- 8. Структура сайта Тема, макет, вид
- 9. Теги Одиночные и парные, атрибуты тегов
- 10. Частые теги Теги и атрибуты запоминать не нужно, нужно понимать правила их применения. <a>…</a> <p>…</p> <br> <span>…</span> <div>…</div> <form>…</form> <input> Атрибуты: • цвет • размер • адрес
- 11. ТЗ 1 Вывести на экран текст «Hello, World!»
- 12. ТЗ 2 Используя теги <h2>, <p>, <a> разметить текст, чтобы он соответствовал: Это заголовок Абзац1 Абзац2 Ссылка Vk.com Это подвал
- 13. Результат ТЗ2
- 14. CSS3 Каскадные таблицы стилей Что такое верстка? Табличная верстка VS блочная верстка
- 15. Способы добавить стили на страницу, 1:
- 16. Способы добавить стили на страницу, 2:
- 17. Синтаксис css
- 18. Применяем css к ТЗ2
- 19. Результат применения css к ТЗ2
- 20. Селекторы • Теги p { color: #ccc } • Идентификаторы (чувствительны к регистру, приоритет перед классами) #first_id { color: #ccc } • Классы (чувствительны к регистру, можно комбинировать) .first_class { color: #ccc }
- 21. Полезные ресурсы Справочник HTML и CSS http://htmlbook.ru/ BootStrap http://getbootstrap.com/getting-started/#download
- 22. ДЗ 1. Создать вид: Первый заголовок • Строка 1 • Строка 2 • Строка 3 Подвал