Образование и курсы по веб дизайну с нуля в Москве

Количество академических часов: 32, занятий: 8
Очное обучение. Базовая цена: 15400 руб.
Очное обучение. Цена со скидкой: 13900 руб.
Онлайн обучение. Стоимость: 15400 руб.
Этот курс прошли уже 6034 человек

Записаться на курс Оплатить обучение

* Перед совершением оплаты или оформлением рассрочки уточните комплектацию интересующей Вас группы

Лицензия на образовательную деятельность

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

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

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

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

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

Ближайшая группа	Время занятий	Цена	Скидка	Дни занятий	Место / ФИО преподавателя
08.04.2023 Онлайн	16:00-19:00 Записаться	15400 Оплатить	0%*	СБ, ВС	Семенов А.Б.
08.04.2023 Выходного дня	16:00-19:00 Записаться	15400 Оплатить	0%*	СБ, ВС	м. Белорусская - Семенов А.Б.
12.04.2023 Дневная	16:00-19:00 Записаться	~~15400~~ 13900 Оплатить	10%*	ПН, СР, ПТ	м. Белорусская - Семенов А.Б.
12.04.2023 Онлайн	16:00-19:00 Записаться	15400 Оплатить	0%*	ПН, СР, ПТ	м. Белорусская - Семенов А.Б.

* - стоимость со скидкой действует ограниченное время. Успейте записаться на курс заранее!

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

Учебный курс web-дизайна – обучение слушателей, чьи профессиональные интересы касаются области разработки и создания web-сайтов.

Описание онлайн курса по веб-дизайну

Цель курса:

научить самостоятельно создавать «с нуля» веб сайты на HTML и CSS, размещать их на реальных серверах под определенными доменными именами (адресами web-сайтов).

Специфика обучения web-дизайнеров

В рамках курса:

изучаются языки HTML (язык разметки гипертекста) и CSS (каскадные таблицы стилей), различные виды верстки web-страниц;
даются основные навыки работы в программах Adobe Dreamweaver, Adobe Photoshop и с локальными серверами OpenServer, MAMP, XAMPP ;
демонстрируется практика работы с реальным сервером, взаимодействие с хостингом и выбор доменного имени.

Требования к начальной подготовке:

Учебная программа курса рассчитана на широкий круг слушателей, владеющих элементарными навыками работы с ПК.
Желательны навыки работы в программе Adobe Photoshop

«Городской Центр Дополнительного Профессионального Образования» предлагает вам выбрать удобное время обучения web-дизайну.

Занятия на курсах web-технологий проводятся в утренних, дневных, вечерних группах, а также в группы выходного дня и интенсивного обучения.

Записывайтесь на Web-дизайн в Москве прямо сейчас!

Создать сайт самостоятельно или заказать

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

Скачать программу в формате pdf

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

Содержание образовательной (учебной) программы

«Web - дизайн»

Занятие 1. Современные методы и технологии создания сайтов. Введение в HTML. Использование программ Adobe Dreamweaver и Adobe Photoshop при создании сайта.

Перечень основных вопросов, подлежащих изучению:

- общие сведения о технологии создания сайтов;

- язык разметки HTML как основа создания любого сайта;

- теговая модель языка HTML;

- основные теги языка HTML;

- базовые теги для создания пустой web-страницы;

- определение будущего проекта web-сайта в программе Adobe Dreamweaver и знакомство с интерфейсом программы;

- настройка программе Adobe Dreamweaver под текущий проект;

- создание первой web-страницы в программе Adobe Dreamweaver и сохранение ее в проекте;

- создание описательных meta-тегов страницы, описание и назначение данных тегов;

- понятие DOCTYPE;

- структура HTML – основные теги html, head, title, body, синтаксис языка;

- основные теги для создания теста на web-странице h1-h1(теги заголовков);

- р (абзац), создание страницы с текстовым содержанием.

Занятие 2. Основы поэтапного создания web-страницы. Правила форматирования текста с использованием текстовых тегов. Введение в CSS (каскадные стилевые инструкции).

Перечень основных вопросов, подлежащих изучению:

- использование тегов h1-h6 для создания заголовков текстового содержания;

- использование тегов p для создания абзацев текста;

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

- оформление текста с помощью атрибутов тегов и тега font, понятие выравнивания текста, цвета текста и гарнитуры шрифтов;

- определение технологии CSS как основного инструмента при стилизации и разметки страницы, принцип работы и взаимодействия CSS и HTML документов;

- создание первого CSS документа и соединение его c HTML страницей, понятие селектора тега, создание селекторов тегов для стилевого оформления текстового содержимого web-страницы;

- основные стили, свойственные текстовому содержимому (выравнивание-text-align, цвет-color, гарнитура шрифта-font-family, внешние и внутренние отступы-margin и padding, границы текстовой области-border и фон-background);

- принципы создания web-страницы с текстовым содержанием;

- теги ul, ol, li – для оформления маркированного и нумерованного списка

- теги специальных возможностей br, pre, strong, em, hr;

- тег span, его назначение и возможности в стилевом оформлении текста.

Занятие 3. Вставка изображений на страницу. Типы графических файлов используемых при создании сайтов. Оптимизация изображений для web в Adobe Photoshop.

Перечень основных вопросов, подлежащих изучению:

- типы графических файлов подлежащих вставке на страницу (jpg, png, gif) понятие размера и разрешения фотографии;

- основные принципы оптимизации изображения для web в программе Adobe Photoshop, обрезка изображения, установка необходимого разрешения и установка размера в зависимости от ширины страницы;

- сохранение изображения с использованием специальной функции программы Adobe Photoshop – сохранить для web и устройств непосредственно в папке проекта;

- вставка изображения на страницу с использованием тега вставки изображений img, атрибуты специальных возможностей данного тега: ширина(width), высота(height), альтернативный текст(alt), описание изображения(title);

- стили CSS для корректного отображения и позиционирования изображения на web-странице: обтекание(float), отступы(margin), границы(border), округления (border-radius);

- использование изображения в качестве фона;

- создание страницы с текстовым содержанием и вставкой изображений с обтеканием текста справа и слева.

Занятие 4. Верстка страницы. Создание каркаса страницы с использованием тега DIV

Перечень основных вопросов, подлежащих изучению:

- виды верстки страницы – блочная, табличная, гибридная, их преимущества и недостатки;

- создание каркаса страницы с использованием тега div;

- тег div как контейнер для удобного и эффективного позиционирования с присвоением имени каждому контейнеру div через идентификатор id;

- техника применения селектора идентификатора для тега div для удобного и адаптивного позиционирования элементов web-страницы;

- основные свойства, сообщаемые через селекторы идентификаторов для тегов div непосредственно тегам div с соответствующими идентификаторами:

- понятие очистки обтекания(clear) при блочной верстке.

Занятие 5. Практическое занятие № 1 по созданию веб страницы.

Содержание занятия:

- создание схемы (эскиза) каркаса web-страницы;

- реализация данного эскиза в web-страницу.

1) Создание HTML страницы, CSS документ и соединение его с HTML документом, с использованием технологичных возможностей программы Adobe Dreamweaver.

2) Определение основных контейнеров DIV для элементов web-страницы:

шапки сайта, навигационного меню, левой колонки сайта, контентной части сайта и подвала.

3) Определение в стилевом документе основных позиционных и стилевых свойств web-страницы (ширина (width), высота (height), выравнивание (margin), понятие очистки обтекания (clear) при блочной верстке).

4) Проверка свойств и качества готового каркаса web-страницы по адаптивным характеристикам к электронным устройствам и мониторам.

5) Создание графического элемента – шапки сайта, с использованием программы Adobe Photoshop. Вставка шапки сайта в каркас подготовленной web-страницы.

Занятие 6. Гиперссылки. Создание навигационного меню.

Перечень основных вопросов, подлежащих изучению:

- понятие гиперссылки, абсолютная и относительная гиперссылка;

- тег ссылки a, атрибуты ссылки: href, title, target;

- создание ссылки на web-странице, создание ссылки навигационного меню, создание всех ссылок навигационного меню с использованием технологичных возможностей программы Adobe Dreamweaver;

- оформление ссылок горизонтального навигационного меню с помощью каскадных стилевых инструкций CSS;

- оформление ссылок вертикального навигационного меню с помощью каскадных стилевых инструкций CSS;

- создание дублирующего меню для подвала (футера) сайта;

- изображение как ссылка, создание интерактивных графических элементов (кнопок) на web-станице;

- карты-изображения позволяющие привязывать ссылки к разным областям одного изображения;

- ссылка на адрес электронной почты;

- ссылка на якорь;

- создание страниц сайта, согласно подготовленному навигационному меню.

Занятие 7. Виды контента страниц сайта (статический сайт, в виде вывода табличных данных, интерактивные формы).

Перечень основных вопросов, подлежащих изучению:

- создание контента для статичных (основных страниц), создание текста с встроенными изображениями для соответствующих страниц сайта;

- теги для создания таблиц table, tr, td;

- создание таблицы для вывода табличных данных на web-странице;

- оформление таблицы с помощью соответствующих атрибутов тегов и с помощью каскадных стилевых инструкций CSS;

- атрибуты colspan и rowspan для объединения столбцов и колонок таблицы;

- варианты стилевого оформления страниц;

- использование таблиц для создания каркаса web-страницы (табличная верстка);

- оформление страницы «Контакты» с использованием форм и полей для создания формы обратной связи, теги form, input, textarea, select и атрибуты action, method, name, type;

- принцип работы формы обратной связи и полей;

- создание простой и защищенной формы обратной связи с использованием технологии spry средствами программы Adobe Dreamweaver.

Занятие 8. Практическое занятие № 2 по созданию всей структуры сайта.

Содержание занятия:

- окончательное оформление многостраничного сайта и подготовка его к публикации в сети интернет;

- публикация сайта в сети интернет.

1) визуальный и синтаксический анализ сайта, проверка всех страниц и функционирования навигационных меню сайта, соответствие каждой из страниц сайта наименованию пункта меню и тематике содержания;

2) выбор хостинга (свободное доменное имя, регистрация на хостинге, выбор тарифного плана);

3) настройка хостинга – проверка серверных служб, создание связки домен-каталог сайта;

4) просмотр протоколов связи с сервером–http (HyperText Transfer Protocol-«протокол передачи гипертекста») и ftp (File Transfer Protocol-протокол передачи файлов);

5) создание соединения по ftp протоколу с сервером;

6) копирование файлов сайта на сервер;

7) проверка работоспособности сайта в режиме реального размещения на сервере;

8) регистрация сайта в поисковой системе Яндекс, первичные настройки индексирования;

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