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

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

Інформаційна архітектура сайту — це сукупність методів і способів створення структу­ри з веб-сторінок. Використовуються такі різновиди інформаційних архітектур сайту: все в од­ному (вся інформація розміщена на одній сторінці); ієрархічна модель (основна веб-сторінка містить посилання на інші документи веб-сайту, а документи містять посилання, відповідно, на основну веб-сторінку; на сторінку нижчого рівня можна потрапити лише через її «батьків»); однорівнева модель (усі сторінки сайту рівнозначні і на кожну можна перейти з будь-якої ін­
шої); індекс (є головна сторінка з посиланнями на всі інші); ромашка (для подання лінійних залежностей, коли одна дія завжди має йти за іншою, а всі вони починатимуться на головній сторінці) тощо.

Система навігації — це сукупність гіперпосилань, що допомагають відвідувачеві зна­ходити потрібну інформацію на сайті. Гіперпосилання для навігації сайтом можуть бути тек­стовими або графічними. Існує кілька навігаційних засобів, які допоможуть відвідувачеві орієнтуватися в структурі сайту: зміст сторінки (перелік тем, які містить ця сторінка); го­ризонтальне меню (коли кількість його пунктів визначена заздалегідь); закладки (різновид горизонтального меню); рядок навігації (відображає весь шлях від домашньої сторінки сайту до тієї, на якій перебуває відвідувач у поточний момент); бічне меню (найпоширеніше рішен­ня для сайтів); контекстне меню (відвідувач клацає потрібний пункт, після чого з'являється меню наступного рівня); багаторівневе дерево навігації (схоже на традиційні меню програм); сторінки (матеріал поділяють на кілька сторінок).

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

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

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

2. Основна частина сторінки: меню навігації за тематичними розділами, меню навігації (за розділами сайту), основна інформація, зображення, банери;

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

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

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

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

Вибрати оформлення сторінки можна за допомогою команди області завдань Тема; додати малюнок за допомогою команд меню Вставка ^ Рисунок ^ Из файла... (Вставка ^ Малюнок ^ Із файлу); додати гіперпосилання — Вставка ^ Гиперссылка... (Вставка ^ Гіперпосилання...).

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

Зміст сайту:

index.htm

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

docum.htm

program.htm

avtor.htm

Основні елементи макета сайту: 1 — шапка (розмір 100 пікселів): 1, а — заголовок сайту; 1, б — меню навігації сайтом; 1, в — логотип; 2 — основна частина: 2, а — рядок навігації; 2, б — навігація сторінкою; 3 — підвал.