Web-технологии, 1-й уровень
Создание сайтов для начинающих

Обучение проводится очно или в режиме онлайн

Курс предназначен для начинающих разработчиков сайтов, контент-менеджеров, администраторов сайтов и для всех, кто хочет быстро создать свой сайт «с нуля», воплотив свои идеи. Результат обучения – умение создавать сайты в системе управления контентом (CMS) WordPress и с помощью языка гипертекстовой разметки HTML и каскадных таблиц стилей CSS, включая подготовку изображений. Тем, кто хочет создавать сайты на профессиональном уровне, а не ограничиваться возможностями CMS, необходимо сделать первый шаг в разработке сложных динамических сайтов – познакомиться с HTML и CSS.

Программа курса состоит из 3 блокoв.

Первый блок - основы работы в Photoshop (подготовка изображений для сайта, создание баннеров и gif-анимации). Photoshop является самым популярным графическим редактором растровой графики, который применяется во всех отраслях дизайна, включая Web-технологии.

Второй блок – создание сайта на платформе WordPress (создание лендингов, визиток, портфолио, блогов).
WordPress – одна из самых популярных платформ для создания сайтов, простая в установке и доступная при освоении для начинающих. Эта CMS имеет широкий спектр применений – от создания персональных страниц, портфолио, блога до сайтов для продаж своих товаров и услуг.
Второй блок включает регистрацию хостинга и домена для сайта, изучение возможностей WordPress, разработку и запуск собственного сайта по выбранной теме (изучается структура сайта, стили оформления, виджеты и плагины). А также во втором блоке включено знакомство с элементами веб-аналитики и SEO-продвижения. Итогом станет готовый к использованию сайт в интернете.

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

Продолжительность курса: 32.00 ак.ч. (1 ак.ч. = 40 минут)

Стоимость курса: 587.5 руб. / 1 ак.ч. (18800.00 руб. за весь курс)
Внимание!
В стоимость курсов "Компьютерная растровая графика, Adobe Photoshop", "Компьютерная векторная графика, Adobe Illustrator", "Web-технологии, 1-й уровень" не входит стоимость лицензии на программное обеспечение Adobe, а также оплата хостинга и домена сайта. Перечень лицензий, необходимых для конкретных курсов, их стоимость и условия приобретения уточняйте в Администрации ЦКО и ДО.
условия оплаты.

Исходный уровень знаний: Основы работы на ПК (рекомендуемый курс - "Начинающий пользователь ПК")

Документы об окончании: свидетельство установленного образца.

По окончании курса Вы будете уметь:

• обрабатывать фотографии для сайта в Adobe Photoshop;
• подготавливать иконки и другие изображения для сайта в Adobe Photoshop;
• создавать gif-анимацию для баннерной рекламы в Adobe Photoshop;
• устанавливать WordPress на сервер;
• осуществлять необходимую настройку платформы для правильной работы сайта;
• устанавливать темы WordPress;
• проводить модерацию записей блога;
• использовать SEO-инструменты WordPress;
• использовать основы HTML и CSS.

Содержание курса:

• Подготовка изображений (фотографий) для сайта. Трансформация изображения. Работа со слоями. Режимы наложения слоев. Приемы выделения областей изображения. Работа с масками. Ретуширования. Тоновая и цветовая коррекция фотографий. (Adobe Photoshop).
• Подготовка графики для сайта (иконок, рисованной графики). Создание и редактирование слоев векторных фигур. Работа с текстом. Эффекты слоя: тень, тиснение, обводка. Создание gif-анимации. (Adobe Photoshop).
• Этапы разработки сайта. Инструменты web-разработчика. Основные понятия Всемирной паутины: веб-страница, веб-сервер. Знакомство с WordPress. Установка на сервер. Обзор административной части. Создание первой записи. Рубрики и метки. Создание статических страниц и меню.
• Темы оформления WordPress. Настройка стандартных тем. Виджеты. Выбор темы оформления. Установка и администрирование. Структура темы. Изменение темы.
• Плагины Wordpress. Плагины фотогалереи. Социальные сети. Конструкторы форм. Безопасность и резервное копирование.
• Настройка постоянных ссылок. Настройка .htaccess в интерфейсе WordPress. Файл robots.txt. Стандартные настройки. Карта сайта. Правильная HTML-структура страниц. Плагины SEO и веб-аналитика. Установка счетчиков Яндекс.Метрика и Google Analitics.
• Знакомство с HTML-элементами. Структура web-страницы. Синтаксис и семантика HTML-элементов. Основные теги, атрибуты тегов. Теги форматирования текста. Изображения и их атрибуты. Гиперссылка и ее атрибуты. Разметка страницы index.html сайта, проверка index.html на валидаторе.
• Знакомство с CSS. Варианты задания стилей на странице. Базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Создание самых распространённых видов селекторов, включая селекторы псевдоклассов и псевдоэлементов. Изменение оформления страниц с помощью стилей: изменение фона страницы, оформление отдельных частей текста.
• Блочная разметка сайта. Задание ширины и высоты блочных элементов. Свойство float плавающих элементов. Видимость HTML-элемента. Создание навигационного меню с помощью списком и стилей. Создание и оформление таблиц. Добавление медиа-контента на страницу. Размещение мета-информации на страницах.

Примечания.
- Практическое изучение тем, зависящих от работы сторонних сервисов, выполняется при условии доступности этих сервисов на момент изучения темы. Если сервисы на момент изучения темы недоступны, то темы изучаются теоретически (практическое изучение переносится на следующие занятия).
- Методические материалы курса являются объектом исключительных авторских прав. Нарушение авторских прав влечет гражданско-правовую, административную и/или уголовную ответственность (подробнее).