1 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

2 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

3 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Пригадайте:

Напрямки та інструменти веб-дизайну

  • Як ви розумієте поняття структура? Що ж тоді таке «інформаційна структура»?
  • Чи можна створити якісний дизайн не розробивши попередньо його структуру?
  • Як ви гадаєте від чого залежить інформаційна структура?

4 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Про поняття інформаційної структури сайту

Які бувають види веб- сайтів

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

Ти дізнаєшся:

Напрямки та інструменти веб-дизайну

5 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Інформаційна структура сайту

6 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Інформаційна структура сайту

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

Можливість знайти інформацію — вирішальний фактор для зручності сайту в цілому. Якщо користувачі виявляються не в змозі знайти потрібні їм відомості, переглядаючи веб-сторінки, виконуючи пошук по сайту і задаючи питання, сайт треба вважати провальним.

Інформаційна структура сайту

7 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Інформаційна структура сайту

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

Непродумана інформаційна структура сайту призводить до появи:

      • «зайвих» сторінок
      • дублюючих сторінок
      • «битих» посилань на сайті

Інформаційна структура сайту

8 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Інформаційна структура сайту

Інформаційна структура сайту

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

Хороша структура

ефективне СЕО-просування

Модель сайту

Лінійна

Ієрархічна

«Павутина»

9 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Алфавітна організація структури

Інформаційна структура сайту

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

Алфавітна організація має на увазі розміщення інформації в алфавітному порядку. Як правило, вона застосовується при структуруванні словників і енциклопедій, і є стандартною

10 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Хронологічна організація структури

Інформаційна структура сайту

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

Запит споживача пов'язаний з певною датою.

Найчастіше даний спосіб застосовується при розміщенні будь-якої новини, прес-релізу або інформації на сайті і дозволяє швидко зорієнтуватися в часі, вибравши ту інформацію, яка його цікавить

11 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Географічна організація структури

Інформаційна структура сайту

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

Якщо для доступу інформації потрібне сортування за місцем розташування.

Це може бути фізичне розміщення (зручне для місця проживання споживача) магазину, офісу або будь-якого центру, що надають необхідні споживачеві послуги або товари

12 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Цільова аудиторія

Інформаційна структура сайту

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

Даний вид організації структури дозволяє одночасно охопити всі виявлені групи цільової аудиторії з різними потребами

13 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Інформаційний вміст

Інформаційна структура сайту

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

Типи сайтів

Статичні веб-сайти

Веб спільноти

Інтернет-магазини

Портали

Блоги

Типи веб-сторінок

Домашня (головна)

Веб-каталог

Форум

Чат

Сторінка розділу веб-сайту

14 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Напрямки та інструменти веб-дизайну

Інформаційна структура сайту

Основні вимоги до структури сайту

Інформаційна структура сайту

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

Структура повинна бути максимально зрозумілою відвідувачу

Вкладеність сторінок каталогу повинна бути максимально оптимізована і логічна

Проста навігація

3 правила розробки правильної і зручної структури

15 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Домашнє завдання

  • Вивчити тему
  • Підготуйте інформацію «Поширені помилки структури web-сайту, які не слід робити»

  • Заповнити словничок

Інформаційна структура сайту

16 of 18

  • РозгадайАнаГРамУ

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

17 of 18

СТАЙ

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Розгадай анаграму

САЙТ

18 of 18

Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

Працюємо за комп’ютером