551 21-03-2020 WEB-программирование ПракРаб 19

ОП.14 «Web - программирование»

Инструкционно – технологическая карта

Практическое занятие №19-20

Тема: «Создание сайта с помощью CMS Wordpress. Администрирование сайта»

Цель занятия: приобрести практические навыки в создании Web сайта с использованием CMS Wordpress

План выполнения занятия

1. Выполните проверочное тестирование по прошедшим темам и сделайте фотоотчет результатов

   1. Выполните проверочное тестирование по HTML по ссылке: https://myrusakov.ru/test.html

   2. Выполните проверочное тестирование по CSS по ссылке: https://myrusakov.ru/test.html

   3. Выполните проверочное тестирование по JS по ссылке: https://myrusakov.ru/test.html

   4. Выполните проверочное тестирование по PHP по ссылке: https://myrusakov.ru/test.html

2. Выполните подготовку к ЭКЗАМЕНУ

   1. Скачайте тест «Допуск к Экзамену» по ссылке https://drive.google.com/file/d/1nkK049r8UdkjFX8lB31j3nCvXOEiHoM_/view?usp=sharing

   2. Выполните проверочное тестирование

3. Сделайте фотоотчет результатов тестирования и пришлите его на почту преподавателя: [email protected].

4. Установить локальный веб-сервер (USBWebserver или OpenServer) в корневой каталог жесткого диска своего компьютера.

5. Установить CMS Wordpress на свой локальный веб-сервер (USBWebserver v8.6 с предустановленным Wordpress можно скачать по ссылке: https://drive.google.com/open?id=1_UYecpce2CRfeUuPzAFosneEvYmue1oN )

6. Создать тематический сайт с помощью CMS Wordpress (Руководство по WordPress можно скачать по той же ссылке)

7. Создать фотоотчет о проделанной работе

   1. Скриншоты «установка Wordpress»

   2. Скриншоты «настройка Wordpress в админке»

   3. Скриншоты «создание страниц сайта»

   4. Скриншоты «создание меню сайта»

   5. Скриншоты «выбор и установка темы оформления сайта»

   6. Скриншоты «настройка сайта»

   7. Скриншоты «страницы тематического сайта»

8. Переслать на почту преподавателя фотоотчет в виде файла с именем фамилия_группа_дата занятия (например: Петров_551_21-03-20)

Создание сайта на USBWebserver v8.6 с предустановленным Wordpress

1. Запустить локальный веб-сервер USBWebserver v8.6 с предустановленным Wordpress (можно скачать по ссылке: https://drive.google.com/open?id=1_UYecpce2CRfeUuPzAFosneEvYmue1oN )

2. После запуска сервера необходимо нажать на кнопку localhost, либо ввести в адресной строке браузера адрес localhost:801. В результате чего вы попадёт на страницу сайта.

3. Перейдём в панель администратора Wordpress, для этого допишем в адресной строке localhost:801/wp-admin

4. Авторизуемся в панели администратора

Логин: adminwp

Пароль: qwerty

5. После авторизации мы попадаем в панель настойки сайта

6. Вкладка с добавлением страницы, добавьте 3 страницы с произвольным названием. Нажав на кнопку «Добавить новую»

7. Для того чтобы добавить страницы в меню, перейдём в соответствующую вкладку, внешний вид меню

Введем название и нажмем создать меню

Сбоку выделим страницы которые мы хотим добавить и нажмем добавить в меню.

Поставим галочку напротив области отображения «Верхнее меню»

8. Просмотрим результат, для этого нажмем вверху на кнопку переходящую на сайт.

9. В верхнем меню нажмем настроить, для перехода в панель настройки текущей темы сайта. Произведите произвольную настройку темы.

10. Заполните созданные страницы контентом.