Цель данного курса — научить детей создавать современные веб-сайты и познакомить их с основами профессии разработчика интерфейсов.
В современном мире любая серьезная компания стремится обзавестись собственным сайтом, потому что это своего рода «визитная карточка» в Интернете, без которой ведение бизнеса уже выглядит несовременно, несерьезно и бесперспективно.
Профессия веб-мастера за последние годы поднялась на первые строчки в рейтинге самых привлекательных и востребованных профессий в сфере IT. В связи с этим в настоящее время появляется все больше желающих пройти обучение созданию сайтов с нуля и освоить эту престижную специальность, чтобы в дальнейшем иметь стабильный и достойный заработок. Цель данного курса — научить детей создавать современные веб-сайты и познакомить их с основами профессии разработчика интерфейсов.
Программа курса
Урок 1. Введение в веб-разработку
В двух словах о профессии веб-разработчика
Какие задачи решают HTML и CSS
Настройка рабочего окружения
Создание первой веб-страницы
Урок 2. Знакомство с HTML
Структура веб-страницы
Основные HTML-теги
Веб-инспектор в браузере
Урок 3. Знакомство с CSS
Подключение CSS-файла к веб-странице
Стилизация элементов на странице
Основы позиционирования элементов
Урок 4. Создание текстовой веб-страницы
Обсуждение концепции будущего проекта
Вёрстка текстовой страницы
Изучение на практике базовых css-свойств
Урок 5. Начало работы над новым проектом «Галерея»
Построение иерархии будущего проекта
Создание HTML-структуры документа
Добавление изображений к созданному документ
Урок 6. Основы позиционирования элементов на странице
Понятие отступов в CSS
Начало стилизации HTML-элементов нашего проекта.
Урок 7. Позиционирование и отображение элементов
Свойство display
Добавление изображений в проект «Галерея»
Техника позиционирования flexbox
Урок 8. Завершение работы над проектом «Галерея»
Анимация элементов при наведении на них курсора мыши
Создание аккаунта в сервисе github
Публикация своего проекта в интернете
Урок 9. Знакомство с программой Adobe Photoshop
Интерфейс Adobe Photoshop
Фотошоп для веб-разработчика
Нарезка изображений их PSD-макета
Урок 10. Начало вёрстки веб-сайта
Создание иерархии проекта
Построение каркаса HTML-документа
Начало стилизации элементов
Урок 11. Написание CSS-стилей
Вёрстка двух экранов будущего сайта
Продолжение изучения CSS-свойств
Практика позиционирования элементов
Урок 12. Завершение работы над веб-сайтом
Завершение вёрстки сайта
Понятие веб-шрифтов
Публикация своего проекта в интернет