Компьютерный учебный центр
«Дельфа», Тюмень

Личный кабинет
ул. Республики, 61

Web–разработчик

72часа
18 занятий
12000 р.
Начало занятий: 15.01.2019

     Без какого языка не обойтись, работая с любой веб-технологией? Конечно же, без HTML/CSS! 

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

     Изучив HTML - язык гипертекстовой разметки - вы сможете создать статичную веб-страничку или веб-сайт. 

     Язык CSS - каскадные таблицы стилей - позволит оформить сверстанный сайт в соответствии с любой задумкой дизайнера.

     Курс построен на принципе обучения через практику: студенты создают сайты и в течение всей работы над проектами изучают свойства и возможности применения HTML/CSS. 

     IMG_3968.jpg     IMG_3965.jpg

По окончании курса «Web-разработчик» вы получите Свидетельство Учебного центра об успешном окончании курсов.

сертификат.jpg


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

Тема 1. Основные понятия в веб-разработке 

Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; структура HTML-документа; основные теги оформления текста; простая HTML страница; пример сложной веб-страницы. 

Тема 2. Основы языка разметки документов HTML 

Гиперссылки; типы изображений для web; загрузка изображений на страницу; списки. Основные элементы форматирования ссылок, списков и изображений. Цвета и спецсимволы. Фон страницы, блоков. 

Тема 3. Основы каскадных таблиц стилей (CSS) 

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

Тема 4. Псевдоклассы и псевдоэлементы, табличная вёрстка 

Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц. 

Тема 5. Блочная верстка HTML-документа 

Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков. Виды позиционирования: static, relative, absolute, fixed. Совместное использование нескольких видов позиционирования. Свойства float, clear. 

Тема 6. Адаптивная верстка HTML-документа 

Понятие адаптивного дизайна. Макет сайта. Mockup страницы. Верстка макета страницы при помощи блоков. Адаптивная верстка: виды макетов, разрешения, особенности каждого вида. Использование медиа-запросов. Примеры адаптивной верстки. 

Тема 7. HTML5: Семантические элементы 

Обзор HTML5, Новые семантические элементы HTML5, Новый способ структурирования страниц. Семантика текстового уровня. Настройка редактора, примеры применения семантических тегов для создания структуры сайта. 

Тема 8. HTML5 формы. Добавление Аудио и Видео на страницу 

Работа с формами (кнопки, текстовые поля, флажки и переключатели, списки). Усовершенствование традиционных форм (добавление подсказок, фокусировка на элементе и т.д.). Проверка форм на ошибки заполнения. Новые типы элементов (адреса электронной почты, URL-адреса и т.д.). Работа тэгов <VIDEO> <AUDIO>. 

Тема 9. Эффекты перехода и трансформации CSS3 

Эффекты перехода. Применение трансформации. Поворот элементов при наведении на него. Создание анимации средствами в CSS3. Добавление анимации для элементов сайта. 

Тема 10. Flexbox верстка 

Основные преимущества flexbox. Выравнивание элементов. Основные свойства flex-контейнера для создания гибкой структуры внутренних блоков сайта. 

Тема 11. Grid Layout 

Что такое Grid Layout. Основы CSS Grid - создание сетки сайта. Функция repeat и свойство grid. Размеры строк и столбцов. Отступы между столбцами и строками. Позиционирование и наложение элементов. Макет страницы в Grid Layout. 

Тема 12. Графический дизайн для web 

Графический дизайн web-страниц. Разработка дизайн-макетов в графическом редакторе. Элементы дизайна. Графические элементы в HTML – документе. Характеристики растровых изображений. Форматы растровых изображений. Модели цвета. 

Тема 13.Типовой дизайн страниц 

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

Тема 14. Верстка и дизайн landing page 

Landing page: принципы компоновки. Обязательные и необязательные элементы. Особенности дизайна и верстки. Типовые макеты. Примеры решений.

Занятия проводятся 2 раза в неделю, общая продолжительность курса - 9 недель.


Дата начала курса и расписание могут меняться,  
информацию уточняйте по телефонам:
8-800-250-11-10 или +7 (3452) 38-77-77

Работы выпускников курса:

Преподаватель курса
  • Наталья Алексеевна Пено
    «Преподаватель курсов 3D графики, видеомонтажа и создание сайтов»

    Преподаватель курсов: "Супер Cinema 4D", "Adobe After Effects", "Adobe Premiere Pro", "Супер моушн", "Растровая графика Adobe PhotoShop", "Векторная графика CorelDRAW".

    Сертификат:
    "Autodesk Revit Building"

    Свидетельства:
    "Видеомонтаж в программе Adobe Premiere Pro"
    "Видеодизайн и создание сложных визуальных эффектов в программе Adobe AfterEffects"

    Образование: ТюмГУ

    Опыт работы: 16 лет

    С 2002 года ведущий преподаватель и автор множества курсов учебного центра, практикующий дизайнер и видеограф.

    С 2017 года - эксперт WorldSkills в компетенции "Веб-дизайн и разработка".

Также выбирают
Все курсы

Имя

Отзыв


Отзывы
  • Ольга Р., 40 лет
    «Курс очень понравился.Методика построения курса правильная. Хотелось бы продолжить изучать начатый курс более углубленно»
  • Антон Ш., 20 лет
    «Всё понятно и доступно, буду рекомендовать знакомым, методика построения курса правильная.»
  • Светлана И.
    «Курс понравился, буду рекомендовать знакомым.  Считаю правильной методику построения курса. Еще было бы интересно обучение по Web-программированию, ООП (программирование).»
  • Николай Т.
    «Курс понравился. К сожалению, нет знакомых, занимающихся в этом направлении, а так бы рекомендовал курс. Интересно дистанционное обучение. Интересно обучение по php, javascript. Желаю всего хорошего, а главное  - здоровья!!!»
  • Лилия А.
    «Предлагаю изменить название курса, поскольку дизайна в курсе нет, есть вёрстка сайтов. Было бы интересно дистанционное обучение. Интересно было бы обучение по Дизайну.»
  • Сергей Б.
    «Мне курс понравился. Считаю, что необходимо добавить видеокурс с примерами. Также интересно дистанционное обучение. Хотелось бы индивидуальной подготовки. Интересно было бы обучение по компьютерной графике, Web-программированию.»
  • Виталий П.
    «Данный курс понравился, считаю правильной методику построения курса.»
  • Максим С.
    «Прошел курс по web-дизайну в 2017 году.
    Очень удобно, все лекции выводятся проектором на большой экран. После практического занятия преподаватель дает задание на дом.
    По окончании курса все материалы доступны в «облаке», помимо этого есть доступ к видео урокам.
    Наработал материал для портфолио. Всем доволен.»
  • Татьяна Р.
    «Училась на web-дизайне в 2015 году. Программа состояла из 2-х модулей: основы web-дизайна и web-программирование. Все занятия проходили пошагово. Материал воспринимался легко, так как было очень много практики.»

Идет набор в Городскую школу информатики!
Идет набор в Городскую школу информатики!
Получите профессиональные знания в сфере IT-технологий!
Мы стали официальной сетевой академией Cisco!
Мы стали официальной сетевой академией Cisco!
Cisco является мировым лидером в области информационных технологий и сетей.
Конференц-залы в аренду
Конференц-залы в аренду
Мы предлагаем современные, комфортабельные конференц-залы вместимостью до 70 человек