Иконка

Основы веб-технологий

Повышение квалификации, 50 ак.часов

Записаться на курс

Треугольник
Треугольник
Треугольник

Аннотация курса

 

Курс позволяет изучить основы веб-технологий с нуля, а также систематизировать уже имеющиеся знания.

Курс построен таким образом, что позволяет пройти путь от начальных азов написания первых тегов, до реализации первых адаптивных веб-страниц с применением CSS3-анимаций и трансформаций.

В процессе изучения курса вы познакомитесь с особенностями работы каждого тега. Рассмотрите методы и принципы создания различных макетов веб-страниц с применением и табличной верстки (в случае создания HTML-писем) и float-элементов с их особенностями работы совместно с основным потоком элементов html-документа.

Научитесь создавать эффектные CSS3 анимации и трансформации без использования JavaScript.

Освоите принцип работы с известным плагином для редакторов веб-разработки Emmet, а также научитесь работать с FTP-клиентом при взаимодействии с хостингом.

Очное обучение проходит по расписанию в вечерние часы (18.30 — 21.50) 1-2 раза в неделю
Дистанционное обучение — по индивидуальному календарному плану

Предварительные требования

Уверенный пользователь ПК

Программа курса

  • Тема 1. Введение в HTML. Структура страницыТема 1. Введение в HTML. Структура страницы
    • Понятие HTML. Основы работы глобальной сети Интернет. Понятие веб-сервера. Статичные и динамичные сайты. Основные типы сайтов. Обзор современных стек технологий HTML и CSS. Базовая структура HTML. Варианты разметки страницы. Основные блоки HTML-страницы.Создание гиперссылок и работа с ними. Основы работы с гиперссылками. Взаимосвязь между страницами статичного веб-сайта.

  • Тема 2. Размещение изображений, списков и таблицТема 2. Размещение изображений, списков и таблиц
    • Размещение изображений на веб-странице. Упорядоченные и неупорядоченные списки. Основы работы с таблицами. Отрывки прошлого: старые сайты верстали в таблицах.

  • Тема 3. Медиа-файлы. Iframe. ФормыТема 3. Медиа-файлы. Iframe. Формы
    • Размещение на своих страницах звуковых и видео-файлов.Внедрение внешних HTML-страниц. Взаимодействие ссылок с iframe-элементами.Текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создание формы обратной связи.

  • Тема 4. Основы каскадных таблиц стилей CSSТема 4. Основы каскадных таблиц стилей CSS
    • Основы работы с CSS. Подключение файла стилей. Базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Применение CSS-свойств к оформлению изображений.

  • Тема 5. Макетирование страницы с CSSТема 5. Макетирование страницы с CSS
    • Верстка страницы по макету. Построение структуры страницы. Высота и ширина колонок. Свойства float, display.

  • Тема 6. Адаптивные html-страницыТема 6. Адаптивные html-страницы
    • @media, медийные запросы (@mediaqueries) для страниц, mediafeature.

  • Тема 7. Работа со шрифтамиТема 7. Работа со шрифтами
    • @font-face, GoogleFonts, Единицы измерения для работы со шрифтами и html-элементами.

  • Тема 8. CSS-анимацияТема 8. CSS-анимация
  • Тема 9. Подготовка, размещение и поддержка сайта в сетиТема 9. Подготовка, размещение и поддержка сайта в сети
    • Выбор хостинга. Основы работы с FTP-клиентами. Использование тега meta

  • Тема 10. Гибкая работа со страницами сайтаТема 10. Гибкая работа со страницами сайта
    • Проверка валидности верстки. Языки серверного программирования и генерация динамических HTML-страниц. Возможности JavaScript по работе с HTML-страницами и CSS-свойствами.

Преподаватели курса

Сивинский Станислав Андреевич

Сивинский Станислав Андреевич

Веб-разработчик Senior, преподаватель

Государев Илья Борисович

Государев Илья Борисович

Веб-разработчик Senior, преподаватель, к.п.н., доцент

Шуклин Дмитрий Анатольевич

Шуклин Дмитрий Анатольевич

руководитель образовательного центра, к.п.н., доцент