Індивідуальні завдання
За допомогою конструктора змінити назву сайта.
Додати новину на головну сторінку та розмістити в ній 2 зображення.
До розділу «Каталог файлів» додати 2 файли, що стосуються вашого сайту. Самостійно створити ще один розділ в каталозі файлів.
Вимкнути модуль «Каталог статей».
Розглянути модуль «Опросы» та створити блок опитування на сайті.
Розділ іі.(практичне застосування) Комплекс практичних робіт по створенню веб-сайту за допомогою системи управління контентом «WordPress»
Практична робота №1
Тема: Встановлення локального сервера. Встановлення україномовної версії «WordPress».
Практична робота №2
Тема: Налаштування сайту та його адміністративної панелі.
Практична робота №3
Тема: Публікації і сторінки.
Практична робота №4
Тема: Навігація.
Практична робота №5
Тема: Коментарі.
Практична робота №1 Тема: Встановлення локального сервера. Встановлення україномовної версії «WordPress».
Мета: Ознайомитись з принципом роботи локального сервера. Навчитись встановлювати необхідне програмне забезпечення для налагодження локального сервера. Навчитись встановлювати україномовну версію CMS «WordPress».
Теоретичні відомості
Система управління сайтом (CMS) складається з набору файлів і папок, які розміщені на веб-сервері. Для розробки веб-сайту досить часто використовують локальні сервери, які емулюють роботу веб-сервера. За допомогою локального сервера можна здійснити усі необхідні налаштування перед тим, як переносити сайт на сервер хостера (компанії, що надає послуги хостингу). Для встановлення локального сервера існує багато програмного забезпечення. Найвідомішими з них є Denwer та XAMPP. У зв’язку з тим, що XAMPP має більш дружній інтерфейс встановлення, то надамо перевагу саме йому. Тим паче дане ПЗ можна безкоштовно завантажити на сайті розробників, або перейти за посиланням http://www.apachefriends.org/en/xampp-windows.html
Насамперед потрібно інсталювати обране програмне забезпечення. Для цього потрібно запустити на виконання файл інсталяції з правами адміністратора. На жаль крім англійської іншої мови інсталяції немає.
Бажано встановлювати локальний сервер в каталог за замовчуванням "C:\xampp", але можна й обрати інший, наприклад "D:\server".
В наступному вікні бажано прибрати усі галочки на екрамі вибору налаштувань встановлення. Якщо не планується постійне розміщення веб-сайту в локальній мережі, то не має сенсу встановлювати в якості сервісів Apache і MySQL.
Потім триває декілька хвилин інсталяція та копіювання необхідних файлів.
Після встановлення натискаємо кнопку «Finish».
Після натискання кнопки «Finish», отримуємо вікно з питанням про запуск контроль-панелі.
Натискаємо кнопку «Ні», тому що немає потреби користуватись додатковою панеллю для запуску Apache і MySQL.
Тепер відкриваємо той каталог, в який було встановлено XAMPP і бачимо там файли запуску і зупинки роботи локального сервера.
Запускаємо xampp_start.exe, чекаємо поки сервер розпочне свою роботу. Для зупинки сервера потрібно запустити файл xampp_stop.exe.
Відкриваємо браузер і в стрічці адреси вводимо http://localhost. Відкривається вітальна сторінка XAMPP, на якій можна обрати мову. У нашому випадку це English.
Одразу ж переходимо за посиланням меню «Security» для налаштування безпеки локального сервера.
В даному вікні буде показаний список небезпечних налаштувань сервера, та буде запропоновано змінити їх, перейшовши за посиланням.
Обов’язково встановлюємо пароль в MySQL для користувача root та натискаємо на кнопку «Password changing», для збереження внесених налаштувань.
Якщо ваш комп’ютер підключений до локальної мережі і ви не хочете, щоб ваш сайт був доступним в ній, то потрібно також встановити пароль на дерик торію XAMPP.
Все, налаштування сервера повністю завершені, тепер переходимо до встановлення «WordPress». Повертаємось на початок http://localhost і в меню Tools переходимо за посиланням phpMyAdmin, де обираємо мову «Українська-Ukrainian», в якості логіна використовуємо «root», а в якості пароля, пароль що був встановлений при налаштуванні безпеки сервера.
В phpMySQL створюємо нову базу даних з ім’ям «wordpress» в кодуванні utf8_general_ci. База даних потрібна для встановлення будь-якої системи управління сайтом. В ній записується вся інформація, що розміщена на сайті. Кодування utf8 підтримує кириличні символів, що необхідно у нашому випадку.
Коли вже створена база даних, завантажуємо з офіційного сайту українську версію «Wordpress», та розміщуємо структуру каталогів у директорії C:\server\xampp\htdocs\blog, або в тій, яка була вибрана при встановленні. Перейменовуємо файл wp-content-sample.php в wp-content.php та відкриваємо його в текстовому редакторі для редагування.
При редагуванні вказується ім’я бази даних (в нас це wordpress), ім’я користувача (root) і пароль (12345678).
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', 'wordpress');
/** MySQL database username */
define('DB_USER', 'root');
/** MySQL database password */
define('DB_PASSWORD', '12345678');
/** MySQL hostname */
define('DB_HOST', 'localhost');
/** Database Charset to use in creating database tables. */
define('DB_CHARSET', 'utf8');
/** The Database Collate type. Don't change this if in doubt. */
define('DB_COLLATE', 'utf8_general_ci');
Щоб продовжити встановлення потрібно в браузері ввести http://localhost/blog/. Відкривається сторінка з встановленням «WordPress», вводимо тут заголовок сайту, логін, пароль для входу в адміністративну панель, e-mail та натискаємо на клавішу «Встановити WordPress»
«WordPress» було встановлено, про що засвідчує вікно в браузері.
Натискаємо «Вхід» та вводимо в форму авторизації логін та пароль.
Ще раз натискаємо «Вхід» і переходимо до адміністративної панелі сайту, створеного за допомогою системи управління «WordPress»
Завдання
Встановити та налаштувати локальний сервер за допомогою програми XAMPP.
Створити базу даних з назвою my_web_site.
Встановити «WordPress» вказавши назву сайта - «Персональний сайт».
Контрольні запитання
Що таке локальний сервер та для чого він використовується?
Які програми для встановлення локального сервера ви знаєте?
Навіщо потрібна база даних?
Що означає тип кодування utf8?
Який файл відповідає за зв’язок системи управління сайтом «WordPress» з базою даних?
Практична робота №2