Створення макету інформаційної структури сайта.�Практична робота 1
За навчальною програмою 2018 року
Урок 6
10
(11)
Актуалізація опорних знань і життєвого досвіду
Розділ 1 § 6
Дайте відповіді на запитання і зробіть певні висновки.
Із чого починається створення веб-сайта?
Яка структура веб-сайта?
Що таке меню сайта?
Що називають головною сторінкою?
10�(11)
Актуалізація опорних знань і життєвого досвіду
Розділ 1 § 6
(Продовження…) Дайте відповіді на запитання:
Яка особливість лінійної структури веб-сайта?
Для чого використовують деревоподібну структуру веб-сайта?
Яку структуру веб-сайта називають комбінованою?
10�(11)
Повторення
Розділ 1 § 4
Розрізняють внутрішню структуру сайта:
Лінійну (послідовну) структуру веб-сайта доцільно використовувати в разі послідовного подання відомостей, наприклад, про товари та послуги або матеріали навчального посібника.
Лінійна
Дерево-подібна
«Павутина»
Комбінована
структура
9
Яку структуру можуть мати сайти?
Розділ 1 § 4
Перегляд таких сайтів здійснюється послідовно: від початкової (головної) до останньої сторінки.
Головна сторінка
Сторінка 1
Сторінка 2
Кожна сторінка має посилання тільки на одну, наступну сторінку сайта. Інколи, для зручності навігації по сайту, до сторінки також додається посилання на попередню сторінку.
9
Яку структуру можуть мати сайти?
Розділ 1 § 4
При ієрархічній, або деревоподібній, структурі створюється одна головна сторінка, яка не має попередніх, решта сторінок має лише одну попередню сторінку.
Головна сторінка
Сторінка
Сторінка
Сторінка
Сторінка
Сторінка
Сторінка
Сторінка
Сторінка
Сторінка
9
Яку структуру можуть мати сайти?
Розділ 1 § 4
Структура «Павутина». У цьому випадку усі сторінки Web-сайту містять посилання на інші сторінки, і користувач може легко перейти з будь-якої сторінки практично на будь-яку іншу.
9
Яку структуру можуть мати сайти?
Розділ 1 § 4
На практиці майже завжди використовується поєднання деревоподібної та послідовної структур, тобто комбінована структура.
Наприклад, зміст електронної книги або каталог статей починається з ієрархічно розташованих сторінок, але кожний окремий розділ чи статтю доцільно розбити на кілька частин, які розташовуються послідовно одна за одною.
9
Інструменти розробки сайтів
Розділ 1 § 5
Програми, що дають змогу спростити технологію створення сайта:
Dreamweaver — зручна програма, що дає змогу швидко створювати сайти.
Photoshop — дає змогу редагувати картинки і зберігати їх у форматі для web.
Notepad++ — технологічний редактор з підсвічуванням коду.
Filezilla — FTP-клієнт, який дає змогу швидко і без проблем завантажувати/вивантажувати документи на хостингу.
10�(11)
Запитання для рефлексії
Розділ 1 § 6
10�(11)
Домашнє завдання
Розділ 1 § 6
Організувати обговорення розробленого макету інформаційної структури сайта в соціальних мережах. Проаналізувати поради і коментарі друзів.
10�(11)
Працюємо за комп’ютером
Практична робота 1
Створення макету інформаційної структури сайта
Розділ 1 § 6
10�(11)
Працюємо за комп’ютером
Розділ 1 § 6
10�(11)
Дякую за увагу!
За навчальною програмою 2018 року
Урок 6
10
(11)