Поради до виконання завдань № 20

Розглянемо розв’язання цих завдань на прикладі завдання № 20 варіанту 1.

Інформаційна архітектура сайту — це сукупність методів і способів створення структу-

ри з веб-сторінок. Використовуються такі різновиди інформаційних архітектур сайту: все в од-

ному (вся інформація розміщена на одній сторінці); ієрархічна модель (основна веб-сторінка

містить посилання на інші документи веб-сайту, а документи містять посилання, відповідно,

на основну веб-сторінку; на сторінку нижчого рівня можна потрапити лише через її «батьків»);

однорівнева модель (усі сторінки сайту рівнозначні і на кожну можна перейти з будь-якої ін-

www.e-ranok.com.ua

90 Профільний рівень

шої); індекс (є головна сторінка з посиланнями на всі інші); ромашка (для подання лінійних

залежностей, коли одна дія завжди має йти за іншою, а всі вони починатимуться на головній

сторінці) тощо.

Система навігації — це сукупність гіперпосилань, що допомагають відвідувачеві зна-

ходити потрібну інформацію на сайті. Гіперпосилання для навігації сайтом можуть бути тек-

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

орієнтуватися в структурі сайту: зміст сторінки (перелік тем, які містить ця сторінка); го-

ризонтальне меню (коли кількість його пунктів визначена заздалегідь); закладки (різновид

горизонтального меню); рядок навігації (відображає весь шлях від домашньої сторінки сайту

до тієї, на якій перебуває відвідувач у поточний момент); бічне меню (найпоширеніше рішен-

ня для сайтів); контекстне меню (відвідувач клацає потрібний пункт, після чого з’являється

меню наступного рівня); багаторівневе дерево навігації (схоже на традиційні меню програм);

сторінки (матеріал поділяють на кілька сторінок).

Користувач сайту повинен розуміти, що перебуває на певному сайті, чітко ідентифіку-

вати своє місцезнаходження на кожній сторінці сайту. Отже, на кожній сторінці варто роз-

містити логотип чи загальну назву сайту.

Важливо, щоб відвідувач сайту завжди міг візуально відрізнити посилання від основного

тексту на сторінці, тому гіперпосилання зазвичай виділяють. Так, наприклад, активне поси-

лання, яке ще не було відвідане, може мати синій колір, а посилання, на якому в даний момент

знаходиться курсор миші, — червоний, уже відвідане посилання — фіолетовий.

Традиційно структура сторінки сайту має такий вигляд:

1. Шапка, до якої можуть входити логотип, заголовок, слоган, телефон, меню навігації.

2. Основна частина сторінки: меню навігації за тематичними розділами, меню навігації (за

розділами сайту), основна інформація, зображення, банери;

3. Підвал (footer): копірайт, адреси, телефони, лічильники і банери, меню навігації (за сай-

том, за розділами сайту) [2: 244–251].

Приклад розв’язання (В-1, № 20)

Розробимо приклад виконання завдання В-1, № 20 за допомогою програми Microsoft

Frontpage.

Створити макет сторінки сайту можна за допомогою команди області завдань Макетные

таблицы и ячейки (Макетні таблиці і клітинки).

Вибрати оформлення сторінки можна за допомогою команди області завдань Тема; додати

малюнок за допомогою команд меню Вставка → Рисунок → Из файла... (Вставка → Малюнок → Із

файлу); додати гіперпосилання

— Вставка → Гиперссылка... (Вставка → Гіперпосилання...).

Структура сайту:

index.htm

docum.htm

program.htm

avtor.htm

www.e-ranok.com.ua

Поради до виконання завдань № 20 91

Зміст сайту:

index.htm

docum.htm

www.e-ranok.com.ua

92 Профільний рівень

program.htm

1 1, а 1, б 1, в

3 2, б 2, а 2

avtor.htm

Основні елементи макета сайту: 1 — шапка (розмір 100 пікселів): 1, а — заголовок сайту;

1, б — меню навігації сайтом; 1, в — логотип;

2 — основна частина: 2, а — рядок навігації; 2, б — навігація сторінкою; 3 — підвал.

www.e-ranok.com.ua

Перелік підручників

та навчально-методичних посібників

рекомендованих Міністерством освіти і науки, молоді та спорту України для вико-

ристання в основній і старшій школі у загальноосвітніх навчальних закладах з навчанням

українською мовою у 2011/12 навчальному році