Веб-технологии (12)
Графический дизайн (10)
Стоимость
Расписание
Соответствие проф.стандартам
Онлайн-консультация 24/7
Задать вопрос
Паспорт курса
Описание курса
Отзывы выпускников
Аннотация курса
Курс позволяет изучить основы веб-технологий с нуля, а также систематизировать уже имеющиеся знания.
Курс построен таким образом, что позволяет пройти путь от начальных азов написания первых тегов, до реализации первых адаптивных веб-страниц с применением CSS3-анимаций и трансформаций.
В процессе изучения курса вы познакомитесь с особенностями работы каждого тега. Рассмотрите методы и принципы создания различных макетов веб-страниц с применением и табличной верстки (в случае создания HTML-писем) и float-элементов с их особенностями работы совместно с основным потоком элементов html-документа.
Научитесь создавать эффектные CSS3 анимации и трансформации без использования JavaScript.
Освоите принцип работы с известным плагином для редакторов веб-разработки Emmet, а также научитесь работать с FTP-клиентом при взаимодействии с хостингом.
Предварительные требования
Уверенный пользователь ПК
Как проходит обучение
Программа курса
- Тема 1. Введение в HTML. Структура страницы
Понятие HTML. Основы работы глобальной сети Интернет. Понятие веб-сервера. Статичные и динамичные сайты. Основные типы сайтов. Обзор современных стек технологий HTML и CSS. Базовая структура HTML. Варианты разметки страницы. Основные блоки HTML-страницы.Создание гиперссылок и работа с ними. Основы работы с гиперссылками. Взаимосвязь между страницами статичного веб-сайта.
- Тема 2. Размещение изображений, списков и таблиц
Размещение изображений на веб-странице. Упорядоченные и неупорядоченные списки. Основы работы с таблицами. Отрывки прошлого: старые сайты верстали в таблицах.
- Тема 3. Медиа-файлы. Iframe. Формы
Размещение на своих страницах звуковых и видео-файлов.Внедрение внешних HTML-страниц. Взаимодействие ссылок с iframe-элементами.Текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создание формы обратной связи.
- Тема 4. Основы каскадных таблиц стилей CSS
Основы работы с CSS. Подключение файла стилей. Базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Применение CSS-свойств к оформлению изображений.
- Тема 5. Макетирование страницы с CSS
Верстка страницы по макету. Построение структуры страницы. Высота и ширина колонок. Свойства float, display.
- Тема 6. Flexbox. Основы работы
Понятие flex-контейнера. Основные свойства flex-контейнера. Дочерние flex-элементы. Настройка и управление flex-элементами
- Тема 7. Адаптивные html-страницы
@media, медийные запросы (@mediaqueries) для страниц, mediafeature.
- Тема 8. Работа со шрифтами
@font-face, GoogleFonts, Единицы измерения для работы со шрифтами и html-элементами.
- Тема 9. CSS-анимация
- Тема 10. Подготовка, размещение и поддержка сайта в сети
Выбор хостинга. Основы работы с FTP-клиентами. Использование тега meta
Преподаватели курса
