Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
4 МП WEB-5к.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
7.3 Mб
Скачать

Тема: Навігація.

Мета: Навчитись створювати меню сайту.

Теоретичні відомості

Жодну сторінку сайту користувач не зможе відкрити, якщо на сайті не організована зручна навігація. Саме навігація визначає схему сторінок (карту) сайту. Кожна сторінка має свою адресу. Вона розміщена під заголовком сторінки.

Підкреслена стрічка і є тією адресою.

Щоб створити навігацію на сайті, або як зараз прийнято казати меню сайту, потрібно перейти в пункт «Меню» розділу «Дизайн».

Потім потрібно ввести назву меню та натиснути на кнопку «Створити меню». Щоб додати вже створені сторінки потрібно відзначити їх прапорцями у вікні «Сторінки» та натиснути кнопку «Додати до меню».

В результаті отримаємо:

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

В нашому випадку меню виглядає так:

де «Головною» є сторінка «Про автора».

Тепер при натисканні на пункти меню відкриваються відповідні сторінки.

Завдання

  1. Створити меню сайту використовуючи попередньо створені сторінки.

  2. Перевірити меню на коректність роботи.

Контрольні запитання

  1. Для чого призначена навігація на сайті?

  2. Де розміщена адреса сторінки?

  3. Як додати створені сторінки до меню сайту?

Практична робота №5

Тема: Теми та дизайн сайту.

Мета: Навчитись встановлювати теми та налаштовувати дизайн сайту.

Теоретичні відомості

Дизайн відіграє на сьогодні важливу роль для популярності сайту. В системі управління сайтом «WordPress» за дизайн сайту відповідає тема – шаблон сторінки, який визначає її оформлення.

Керування темами відбувається в пункті «Теми» розділу «Дизайн».

В даному вікні відображені доступні до встановлення теми. Щоб встановити на сайт тему потрібно її спочатку завантажити із офіційного сайту системи «WordPress» чи із сайтів українських розробників.

Примітка! Теми з офіційного сайту не мають українського перекладу.

Потім потрібно натиснути «Завантажити» у вкладці «Встановлення тем»,

обрати завантажений архів із обраною темою та натиснути «Встановити зараз». Після встановлення її потрібно активувати у вкладці «Керування темами».

Кожна тема має свої власні налаштування. Розглянемо налаштування стандартної теми «Twenty Eleven». Налаштування даної теми здійснюється за такими пунктами:

  • Віджети – це об’єкти, що розміщені в сайдбарі та можуть здійснювати навігацію, чи виводити певну інформацію. Для розміщення віджета в сайдбарі варто лише перетягнути обраний віджет з вікна «Доступні віджети» у вікно сайдбару.

  • Опції теми. В даному пункті обирається кольорова схема, колір посилань, розташування контенту веб-сайту.

  • Верхня частина. В даному пункті обирається оформлення шапки сайту. Тут також можна обрати які зображення будуть демонструватися в верхній частині сайту, чи взагалі відімкнути їх показ.

  • Фон. В даному пункті можливо задати колір фону сайту, або ж зображення, що буде виконувати роль фону.

Завдання

  1. Встановіть у сайдбар віджет пошуку та віджет останніх публікацій.

  2. Вимкніть можливість відображення зображень у шапці сайту, або встановіть статичну картинку.

  3. Встановіть сайдбар справа.

  4. В якості фону використайте зображення.