Цели курса:
В настоящем курсе для изучения предусмотрены следующие основные разделы:
В ходе изучения курса «Создание сайта на WordPress» слушатель узнает о том, как создать профессиональный, работающий и коммерчески успешный веб-проект, на основе популярной CMS WordPress, как изменить его дизайн, и как наполнить содержимым.
Научится работать с веб-сервером, устанавливать и настраивать WordPress, изучит функционал движка. Студенты познакомятся с процессом создания контента сайта, смогут устанавливать расширения (плагины), настраивать фотогалереи, а также работать с локальным хостингом. Итогом курса будет являться создание полноценного, наполненного динамического сайта, размещенного на хостинге.
— для слушателей, которые хотят освоить работу с движками, и, в частности, c одним из наиболее рейтинговых и популярных – CMS WordPress;
— научиться добавлять и управлять контентом сайта;
— работать с текстовыми и графическими материалами;
— изучить многочисленные и разнообразные расширения системы.
Также предлагается знакомство с хостингом, базами данных и локальным сервером. Если слушатель ранее работал с технологиями HTML/CSS, ему будет проще освоить динамический сайт.
Программа курса “Создание сайта на WordPress ”
№
п/п |
Темы | Занятия (содержание, подтемы) | Часы |
1 | Введение в динамические сайты.
|
Понятие веб-сервера. Виды веб-серверов, их функции и особенности.
Понятие динамического сайта. Система управления контентом. Обзор наиболее популярных CMS. Базы данных как неотъемлемая часть динамического сайта. Системы управления базами данных. Необходимость бекапа данных. Работа с хостингом. Хостинг-панели. Виды хостинга. Практическое занятие №1 Работа с хостингом. Изучение хостинг-панелей. Создание БД. Работа с ftp-клиентом (FileZilla). СУБД phpMyAdmin. Загрузка файлов дистрибутива на хостинг. Домашнее задание Создать аккаунт для бесплатного хостинга на beget.ru. Провести регистрацию, заполнить анкетные данные, создать базу данных для CMS WordPress, разобраться в настройках панели. |
4 |
2 | Знакомство с CMS WordPress | CMS WordPress, её достоинства и недостатки, области применения. CMS WordPress – блоговый движок.
Процесс установки WordPress. Обзор разделов меню. Организация контента сайта в CMS WordPress. Понятие блога, записи (поста), ленты, рубрики. Наполнение сайта текстами, изображениями, видео и др. информацией. Редактирование статей и создание новых. Использование медиабиблиотеки. Понятие страницы записей и статической страницы сайта, их различия. Темы в CMS WordPress. Их особенности и строение. Установка и настройка тем. Практическое занятие №2 Создание тематических статей (посты или записи). Наполнение сайта графическим и текстовым контентом, настройка вида страниц. Создать ленту постов по тематике сайт рецептов. Добавить картинки и описания. Создать несколько статических страниц по теме, настроить меню. Подобрать подходящий дизайн, настроив тему WordPress. Домашнее задание Скачать на ru.wordpress.org несколько различных тем. Установить и настроить выбранную тему. Создать дополнительно 3-4 рецепта, расположив в рубрики первые блюда, вторые блюда, напитки. Заготовить и добавить графический материал к рецептам. |
4 |
3 | Основы работы с WordPress | Виджеты в WordPress. Управление виджетами.
Создание дополнительной области навигации с помощью виджета бокового меню. Настройка темы с 2-мя и более областями навигации. Создание текстового меню в футере. Работа с комментариями. Создание и модерация комментариев. Пользовательские роли в WordPress. Работа с пунктом меню «Настройки» главного меню.
Практическое занятие №3 Создать двух пользователей с различными ролями. Заполнить комментарии к выбранным рецептам. В роли админа промодерировать комментарии.
Домашнее задание Добавить самостоятельно 3 страницы в меню, в том числе страницу об авторе блога с фотографией. Зайти на сайт к своему одногруппнику, написать несколько комментариев. От имени пользователя Редактор создать одну запись, сравнить полномочия Админа и Редактора. |
2 |
4 | Расширения системы в WordPress | Плагины WordPress. Понятие плагина. Плагин как средство расширения возможностей системы. Обзор плагинов. Jetpack, Power Pack и другие популярные сборки от WordPress.
Скачивание и установка, плагинов. Активация, обновление, отключение. Группы плагинов: для мультимедиа, для SEO, для консоли, для безопасности, и т.д. Шорткоды.
Практическое занятие №4 Практическая работа с с плагинами. Установка предложенных преподавателем плагинов: All In One SEO Pack, WP Polls, Contact Form 7 и др. Реализация фотогалереи на WordPress с помощью плагина NextGen Gallery. Создать галерею изображений на основе скачанного самостоятельно плагина. |
4 |
5 | Создание интернет-магазина на WordPress | Плагин WooCommerce для WordPress. Построение интернет-магазина. Основные его элементы: корзина, карточка клиента, платежная система и т.д.
Практическое занятие №5 Практическая работа с элементами интернет-магазина. Установка и настройка плагина. Добавление товаров, их описаний и фото.
Домашнее задание Заполнить интернет-магазин товарами (не менее 5-6-ти) с фотографиями, описаниями и характеристиками и ценами по выбору слушателя во вновь созданной категории. Скачать специальную тему под WooCommerce Настроить дизайн. |
2 |
6 | Создание форума на WordPress | Форум на WordPress. Понятие форума. Элементы форума.
Плагин Mingle Forum. Установка, настройка. Создание категорий и подкатегорий, топиков. Плагин bbpress. Обзорная характеристика. Практическое занятие №6 Практическая работа с форумом. Создание собственной темы и пользователей. Понятие скина. Загрузка скина для форума на своей странице. Домашнее задание Создать 2-3-х пользователей в форуме с никами и аватарами, и новую тему обсуждения. Оформить дизайн форума соответственно стилю текущей темы. |
2 |
7 | Работа с локальным хостингом.
Перенос сайта. |
Понятие локального сервера и локального хостинга. Обзор программ, их особенности.
Назначение локального хостинга и его функции. Рассмотрение в качестве примера программы Endels (D.E.N.W.E.R). Перенос сайта на локальный хостинг или на другой хостинг при необходимости. Особенности переноса сайта на WordPress. Правка постоянных ссылок. Практическое занятие №7 Установка программы Endels, создание базы данных, перенос дистрибутива в корневую папку сайта. Отработка навыков создания материалов, приобретенных ранее в курсе. Перенос файлов на локальный хостинг, экспорт и импорт базы данных. Домашнее задание Итоговая работа. Создать тематический блог путешественника. Он должен содержать не менее 4-х рубрик по 2-3 поста в каждой. Встроить картинки с миниатюрами. Создать несложную галерею изображений на странице. Подготовка к экзамену. |
2 |
8 | Экзамен. | Итоговая экзаменационная работа.
Сдача практической части экзамена состоит в представлении и защите динамического сайта-визитки, портфолио, корпоративного сайта, новостного или интернет-магазина, созданного слушателем на протяжении обучения на выбранную тематику. В ходе экзамена необходимо ответить на ряд теоретических вопросов по пройденному материалу. |
2 |
Список раздаточного материала:
В процессе обучения слушателям выдаются дополнительные материалы в электронном виде: электронный уроки в pdf формате, а также видеоуроки по пройденным темам для лучшего усвоения материала и дальнейшего его закрепления.
Также слушателю рекомендуется вести собственный конспект (электронный либо бумажный) при прослушивании лекции. Практические пособия для работы на уроке и дома выдаются преподавателем непосредственно перед занятием в электронном виде. Приветствуется работа с собственными файлами студента, принесенными им на занятие.
Где можно использовать полученные знания — полученные знания инавыки слушатель может реализовать в собственных будущих веб-проектах. Объема знаний, полученных при обучении, хватит для того чтобы создавать не только блоги, но и сайты различного типа практически без ограничений. Слушатель получит необходимые знания о CMS WordPress, научится настраивать темы, меню, виджеты, пользоваться плагинами.
Поддержка выпускников преподавателем:
По окончании курса преподаватель остается на связи со слушателем. Вы в любое время можете получить помощь в своей работе и квалифицированный ответ на любой вопрос, расширить свои знания и усовершенствовать навыки с помощью индивидуальных занятий с преподавателем.
А также, мы предлагаем освоить профессию верстальщика в курсе «HTML/CSS.
Основы верстки сайтов», выучиться на веб-дизайнера, пройдя курс «Основы веб дизайна».
Записаться на курс