2024/25 - 26-ый учебный год!

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 минут)

Стоимость курса: 887.5 руб. / 1 ак.ч. (28400.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-элемента. Создание навигационного меню с помощью списком и стилей. Создание и оформление таблиц. Добавление медиа-контента на страницу. Размещение мета-информации на страницах.

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