Курс по HTML и CSS в видеоформате. Web-дизайн для начинающих

Web-дизайн для начинающих в видеоформате. HTML и CSS для создания сайтов

  • Количество академических часов: 18, занятий: 68
  • Очное обучение. Базовая цена: 11000 руб.
  • assignment_lateЛицензия на образовательную деятельность

    Лицензия № 037133 от 16.02.2016 г. на право оказывать образовательные услуги по реализации образовательных программ по видам образования, по уровням образования, по профессиям, специальностям, направлениям подготовки (для профессионального образования) по подвидам дополнительного образования, указанным в приложении настоящей лицензии.

  • assignment_turned_inУчитываем требования профстандартов

    В учебном центре ГЦДПО содержание образовательных учебных программ учитывает: профессиональные стандарты; квалификационные требования, указанные в квалификационных справочниках по соответствующим должностям, профессиям и специальностям; квалификационные требования к профессиональным знаниям и навыкам, необходимым для исполнения должностных обязанностей, которые устанавливаются в соответствии с Федеральными законами и нормативными правовыми актами Российской Федерации.

  • schoolДокументы по окончании обучения

    Лицам, успешно освоившим дополнительную профессиональную программу и прошедшим итоговую аттестацию, учебный центр ГЦДПО выдает удостоверение о повышении квалификации.

    Федеральный закон от 29.12.2012 N 273-ФЗ (ред. от 07.03.2018) "Об образовании в Российской Федерации". Статья 76. Дополнительное профессиональное образование.

    По окончании обучения этого курса повышения квалификации вы получите Удостоверение учебного центра ГЦДПО, с регистрацией его в Федеральном реестре сведений документов об образовании и (или) о квалификации, документах об обучении (ФИС ФРДО).

По курсу доступны следующие формы обучения:

Расписание и цены

Ближайшая группа
Время занятий
Цена
Скидка
Дни занятий
Место / ФИО преподавателя

Описание курса

Представляем вашему вниманию наш новый базовый курс в видеоформате по web-дизайну и созданию сайтов на HTML и CSS, в рамках которого осваиваются все азы создания многостраничных сайтов с использованием современных требований, норм и тенденций. Как известно, технология и языки HTML и CSS, являются базовыми при создании web-проектов любой сложности, поэтому, данные языки являются необходимой нормой для всех разработчиков веб-сайтов.

В рамках нашего видеокурса мы пройдем все этапы создания сайтов на HTML и CSS, от самых первых шагов, когда мы устанавливаем необходимое программное обеспечение для создания веб-сайтов, знакомства со структурой любой веб-страницы и тегами и до реализации нашего первого многостраничного сайта с выгрузкой его на реальный хостинг и домен, которые мы тоже научимся выбирать, покупать и настраивать.

В видеокурсе мы изучим все базовые основы и конструкции языков HTML и CSS, на основе которых вы самостоятельно сможете проектировать свои первые сайты, пусть они и не будут на первых порах отличаться масштабностью и сложностью, но это первый шаг в изучении практического Web-дизайна, это та основа, на которую можно всегда опереться при совершенствовании своих знаний и наращивании мастерства.

Базовый курс по HTML и CSS рекомендован всем, кто так или иначе связан с созданием или обслуживанием web-сайтов, а это, начинающие верстальщики, контент-менеджеры, админстраторы сайтов, seo-специалисты или все те, кто только еще решил встать на этот путь разработки и обслуживания веб сайтов.

Курс состоит из 68-ми уроков, разделенных на шесть логических блоков, где каждый блок это отдельная тема, в рамках которой мы рссматриваем определенный функционал создания сайтов на HTML и CSS. Курс можно просматривать в любое удобное для вас время и с любого устройства. Можно просматривать множество раз, останавливаясь на особо важных моментах учебной программы видеокурса.


Записывайтесь на Курс по HTML и CSS в видеоформате. Web-дизайн для начинающих в Москве прямо сейчас! 

Учебная программа курса

Блок 1. Общая информация о языках и технологиях HTML и CSS. Программы, необходимые для изучения веб-дизайна и для проектирования, дизайна и создания веб-проектов различной сложности.

  • Описание языка разметки HTML и каскадных стилевых инструкций CSS
    В данном уроке мы узнаем, что такое HTML и CSS, как технологии для создания сайтов
  • Программы, необходимые для изучения HTML и CSS и для создания сайтов
    Для удобной разработки сайтов и для обучения, необходимы специальные программы для написания кода и обработки изображений. В уроке мы скачиваем и устанавливаем необходимые программы.
  • Базовая структура HTML - документа, WEB - страницы
    Знать базовую структуру html-документа необходимо каждому веб-мастеру, так как от этого зависит весь процесс создания web-страниц
  • Основные логические HTML блоки WEB-страницы
    Вся веб-страница разделена на определенные логические блоки, в которых находится скрытая и видимая часть информации, в данном уроке мы рассматриваем эту структуру
  • Обзор программы Adobe Dremveawer для Web-разработки
    Для разработки web-сайтов существуют различные программы. В нашем курсе мы рассматриваем работу в программе Adobe Dreamveawer
  • Настройка программы Dreamveawer и знакомство с интерфейсом
    В данном уроке мы настроим программу Dreamveawer для удобной и эффективной работы
  • Файловая структура сайта, оформление проекта сайта в Adobe Dreamveawer
    Любой сайт состоит из набора файлов и папок, что является его структурой, в уроке мы рассматриваем типичную структуру любого веб-сайта

Блок 2. Начало знакомства с практическим применением HTML и CSS при создании и оформлении web-страниц. Изучение основных текстовых тегов и их стилевое оформление при помощи CSS.

  • Создание HTML-документа, первой веб-страницы в Adobe Dreamveawer
    В данном уроке мы создаем первую html-страницу в программе Adobe Dreamveawer
  • Назначение файла index.html
    В уроке рассматриваем вопрос, почему мы именуем первую страницу сайта INDEX
  • Вставка тегов в HTML-документ в программе Adobe Dreamveawer. Meta-теги
    В данном уроке мы рассмотрим как вставляются теги в среде рзработки веб-страниц Adobe Dreamveawer, узнаем что такое мета-теги
  • Теги заголовков h1 - h6 и теги абзацев p. Форматирование текста на веб-странице
    В уроке мы рассматриваем теги, которые форматируют текст на веб-странице, теги заголовков и абзацев
  • Создание таблицы стилей CSS и присоединение ее к HTML документу
    В уроке мы создадим таблицу стилей CSS и присоединим ее к HTML-документу
  • Синтаксис языка CSS, создание стилей для заголовков h1-h6
    В уроке рассмотрим основы синтакиса языка CSS и назначим стили для заголовков
  • Представление цвета в HTML, что такое безопасный цвет
    В уроке рассказывается о нескольких вариантах представления цвета в HTML - коде и о понятии Безопасный цвет
  • Работа со шрифтами в HTML - документе
    Шрифты - важная составляющая любого веб-сайта, от их правильного подбора будет зависить степень восприимчивости веб-страниц и успех проекта в целом
  • Работа со стилями для заголовков и абзацев в HTML - документе
    В данном заголовке мы создадим стили для заголовков и абзацев, придав им более зрелищный вид
  • Стилизация web-страницы с текстовым содержанием
    В данном уроке мы стилизуем страницу полностью и кординально изменим ее внешний вид испольльзуя CSS
  • Классы в CSS. Создание собственных классов для стилизации отдельных блоков на веб-странице
    CSS-классы используятся тогда, когда необходимо передать уникальное стилевое оформление какому-либо объекту или элементу на странице. В данном уроке мы рассматриваем эту возможность
  • Создание списков в HTML-документе. Маркированный и нумерованный списки
    Использование списков делает контент сайта более разнообразным, читабельным и удобным для восприятия. В данном видео мы изучаем эту возможность.
  • Теги переноса строк, полужирное и курсивное выделение текста
    Дополнительные теги переноса строк и форматирования текста, позволяют оформить содержание более удобным способом для чтения и восприятия.

Блок 3. Работа с изображениями при создании дизайна сайта и макетов веб-страниц. Оптимизация изображений и вставка их на страницу.

  • Оптимизация изображений для web-страницы
    В уроке мы рассмотрим как необходимо оптимизировать изображение для вставки его на веб-страницу с определенными параметрами
  • Вставка изображения на страницу, стили для изображения
    Практическое использование изображений на web-странице, вставка изображения и его позиционирование
  • Позиционирование и стилизация изображений на веб-странице
    Различные виды позиционирования изображений на веб-странице
  • Использование изображений для создания заднего фона веб-страницы
    Рассматриваем возможность использования изображений в качестве фона веб-страницы, какие изображения лучше всего использовать

Блок 4. Практика создания реального сайта. Выбор макета и создание основных формообразующих содержательных блоков.

  • Выбор макета и создание нового проекта сайта
    В данном уроке мы выберем макет, на который будем визуально ориентироваться при создании нашего сайта
  • Создание главного формообразующего блока макета страницы
    В уроке мы создадим главный каркас нашего сайта, который будет определять его форму и размер.
  • Создание блока хедера (header) сайта
    Рассматриваем как создается блок верхней части сайта, или хедера
  • Создание блока контентной части веб-страницы
    В данном уроке мы создадим контентную часть сайта
  • Верстка в три колонки в контентной части веб-страницы
    Рассматривается вопрос, как можно сверстать макет сайта в две или три колонки
  • Создание подвала сайта (футера)
    В уроке мы создадим самую нижнюю часть сайта - подвал, или, как еще его называют - футер
  • Использование комментариев в HTML-документе и CSS-таблице
    Рассматриваем возможности комментирования кода и временного скрытия элементов сайта при помощи комментариев

Блок 5. Наполнение макета содержанием при помощи основных тегов HTML и каскадных стилевых инструкций CSS.

  • Наполнение содержимым блока слайдера
    Начинаем заниматься наполнением нашего макета сайта содержанием, в данном уроке мы оформим слайдер.
  • Стилевое и содержательное оформление блока слайдера
    В данном уроке мы оформим наш слайдер при помощи дополнительного содержания и стилей
  • Доработка блока слайдера
    Произведем доработку нашего слайдера, проработав мелочи и детали
  • Создание блока логотипа
    В данном уроке мы создадим блок в верхней части сайта, где будет располагаться логотип
  • Вставка и анимирование логотипа при помощи CSS
    В уроке мы вставим и анимируем логотип, используя технические приемы в графике и в CSS
  • Оформление названия сайта в шапке
    Название сайта должно быть оформлено броско, контрастно, интересно, в данном видео мы занимаемся этим вопросом
  • Создание формы поиска по сайту
    Рассмотрим что такое формы на сайте и создадим форму поиска по сайту
  • Что такое ссылки. Создание пунктов горизонтального меню
    Очень важный вопрос в сайтостроении - ссылки, рассмотрим вопрос где и как их можно использовать и создадим структуру верхнего горизонтального меню
  • Стилевое оформление горизонтального меню
    В уроке мы оформим и стилизуем меню, сделав его интерактивным
  • Создание вертикального меню
    Создадим боковое вертикальное меню в правом блоке контентной части сайта
  • Стилевое оформление вертикального меню
    В уроке мы займемся стилизацией вертикального меню
  • Делаем меню интерактивным
    Используя стили, сделаем вертикальное меню интерактивным
  • Заполнение подвала(футера) - меню и копирайты
    В уроке мы займемся заполнением блока футера необходимой информацией, где поместим дублирующее верхнее меню и копирайты
  • Создание остальных страниц сайта с изменение шаблона
    В данном уроке мы создадим остальные страницы сайта, сделав его многостраничным
  • Наполнение контентом главной страницы сайта
    В уроке мы займемся наполнением главной стриницы сайта
  • Стилевое оформление главной страницы
    Стилевое оформление главной страницы имеет важное значение для презентабельности и успеха любого сайта, в уроке мы займемся этим
  • Вставка изображений на главную страницу
    Вставим изображения на главную страницу, стараясь подчеркнуть нашу тематическую и дизайнерскую идею
  • Наполнение содержанием страницы "О проекте"
    Заполним содержимым страницу "О проекте", рассказывающую о нашем сайте более подробно и интересно
  • Содержание страницы "Услуги"
    Рассматривается вопрос как обычно заполняется страница об услугах сайта
  • Создание таблицы на странице услуги
    В уроке мы создадим таблицу и рассмотрим теги, которые позволяют это сделать
  • Оформление таблицы
    В данном видео мы оформим таблицу стилями для более удобного ее восприятия и чтения
  • Объединение ячеек в таблице по горизонтали и вертикали
    В уроке мы научимся объединять ячейки и строки для более подробного и точного управления нашей таблицей
  • Наполнение содержимым страницы "Контакты"
    Начинаем заниматься заполнением страницы "Контакты"
  • Контактная информация на странице "Контакты" и особенности ее оформления
    Оформление контактной иформации имеет свои особенности, которые мы рассмотрим в данном уроке
  • Создание формы обратной связи на странице контакты
    Приступаем к более подробному изучению форм и создадим форму обратной связи для страницы "Контакты"
  • Дополнительные поля в форме обратной связи
    Дополнительные возможности полей в формах
  • Стилевое оформление формы обратной связи
    В данном уроке мы рассмотрим, как можно стилизовать нашу форму.
  • Создание дополнительного пункта меню в футере - "Политика конфиденциальности"
    Для чего необходима страница "Политика конфиденциальности"
  • Создание страницы "Политика конфиденциальности"
    В уроке мы создадим данную страницу и наполим ее необходимым содержанием.

Блок 6. Выгрузка проекта с локального компьютера на реальный хостинг и домен. Первичная настройка сайта и способы его редактирования и наполнения информацией.

  • Выбор и покупка хостинга и домена
    В данном уроке мы рассмотрим вопросы, связанные с хостингом и доменом, как можно выбрать и выгодно приобрести
  • Загрузка сайта на реальный сервер
    В уроке мы выгрузим и опубликуем сайт на реальном сервере
  • Регистрация сайта в поисковой ситеме Яндекс и Google
    Зарегистрируем сайт в поисковой системе Яндекс для индексации нашего сайта.
  • Создание карты сайта
    Создание карты сайта - это дополнительное удобство как для пользователей сайта, так и для поисковых систем
  • Способы редактирования и обслуживания простого многостраничного сайта
    Рассмотрим как можно быстро и удобно редактировать наш простой многостраничный сайт
  • Установка программы Adobe Dreamveawer как системы управления контентом сайта
    Программу Adobe Dreamveawer можно использовать как систему управления контентом, что и показано в данном уроке
  • Дополнительные возможности для создания сайта
    Рассмотрим дополнительные возможности создания сайтов
  • Технологии для создания сайтов различной сложности
    Обзор технологических структур и платформ для быстрого и удобного создания сайтов.

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

Записаться на курс по телефону +7 (495) 150-31-41 - до 21:00

Остались вопросы по обучению? Звоните! Наши менеджеры с радостью проконсультируют вас и расскажут о наших скидках и спецпредложениях.

Поделитесь с друзьями и коллегами в социальных сетях!
Учитесь вместе!

Отзывы

Оплата обучения

Свяжитесь с нами по телефону 8(495)150-3141 сразу после оплаты

Форма обучения*

Цена: рублей














Если при нажатии на кнопку "Оплатить курс" не происходит перенаправление на сайт платёжной системы, возможно Вам необходимо отключить блокировщик рекламы или заполнить форму используя другой браузер. ИНСТРУКЦИЯ

Нажимая кнопку «Оплатить курс», вы соглашаетесь на обработку персональных данных в соответствии с законом №152-ФЗ «О персональных данных» от 27.07.2006 и офертой.

__
Предварительная запись на курс














Нажимая на кнопку "Записаться на курс" вы соглашаетесь на обработку персональных данных в соответствии с законом №152-ФЗ «О персональных данных» от 27.07.2006.

14 причин учиться в ГЦДПО

15 лет успешной работы
Более 41 000 выданных дипломов.
Свыше 240 курсов, семинаров и тренингов.
Авторские методики преподавания.
Авторизованные курсы Corel и Autodesk.
Международные сертификаты Autodesk.
Современное оборудование.
Стабильное обновление учебных программ.
Курсы узкой специализации и модульные курсы.
Преподаватели – действующие практики.
Консультационная поддержка выпускников.
Удобное расположение (центр Москвы).
Расписание, с учетом возможностей слушателей.
Постоянно действующие акции.