Структура сайту.
Структура сайту.
Embedded Files
Однією з найпопулярніших послуг мережі Інтернет є Веб – всесвітня павутина, котра містить сотні тисяч файлів - веб-сторінок, пов’язаних між собою посиланнями.
У цьому розділі ми розглянемо деякі принципи, технології та інструменти веб-дизайну та створимо власний сайт з кількох сторінок. Крім того, ми ознайомимось із засобами спільної проектної роботи, адже у сучасному світі це надзвичайно важлива складова багатьох професій.
Передусім, пригадаємо – що таке Інтернет та Веб.
Отож, Інтернет – це сукупність мереж, котрі з’єднують комп’ютери по всьому світу.
Веб – це служба Інтернету на основі гіпертексту: пов’язаних гіперпосиланнями документів, котрі зберігаються на серверах. Кожен такий сервер – це спеціальним чином налаштований комп’ютер, котрий може надавати певні послуги: робота з електронною поштою, доступ до файлів чи наприклад принтера, доступ до облікових записів на комп’ютерах локальної мережі – або до вебдокументів.
Для того, щоб до документів сервера можна було отримати доступ із глобальної мережі, кожен такий комп’ютер має певну ІР-адресу (зараз існують адреси 4 та 6 версії, приклади яких можете побачити на слайді). Для зручності користування ці числові та буквенні адреси перетворюються на доменні імена, котрі зазвичай є змістовими словами, і з доменного імені часто можна зрозуміти тип організації та її приналежність до певної країни, хоч і не завжди.
Користувач формує запит, ввівши адресу ресурсу в рядок адреси браузера або клацнувши посилання на веб-сторінці. Браузер пересилає запит на сервер, де відбувається пошук заданого об’єкту.
Якщо веб-сторінка містить додаткові об’єкти, такі як зображення, аркуші стилів чи програмні скрипти, відбувається дозавантаження цих елементів та веб-сторінка відображається у вікні браузера.
Розглядаючи сайти, котрі існують у мережі Інтернет, можна зауважити, що вони поділяються на дві великі групи: статичні та динамічні.
Статичні – це прості сайти з незмінними веб-сторінками, які оновлюються власниками в ручному режимі. Кожна сторінка укладається в окремому документі та зберігається у готовому вигляді на сервері. Кожен користувач отримає однакову сторінку на свій запит до сервера.
На противагу статичним, динамічні сайти можуть змінюватись, залежно від дій користувача і формуються на сервері на основі шаблонів та бази даних. Досить часто оновлення таких сайтів доступне для кількох користувачів, і часто навіть для тих, які не є власниками сайту.
Під час планування структури сайту необхідно продумати кілька основних складових: структуру каталогів, структуру навігації, необхідність заставки сайту (мал. 20.1). Важливо визначитися з необхідною кількістю сторінок і встановити зв’язки між ними.
Лінійну (послідовну) структуру вебсайту (мал. 20.2) доцільно використовувати в разі послідовного подання відомостей, наприклад, про товари та послуги або матеріали навчального посібника. Перегляд таких сайтів здійснюється послідовно: від початкової (головної) до останньої сторінки. Кожна сторінка має посилання тільки на одну, наступну сторінку сайту. Інколи, для зручності навігації по сайту, до сторінки також додається посилання на попередню сторінку.
За ієрархічної, або деревоподібної, структури (мал. 20.3) створюється одна головна сторінка, яка не має попередніх, решта сторінок має лише одну попередню сторінку.
За довільної структури кожна сторінка може містити посилання на довільну кількість сторінок сайту. Така структура найкраще підходить для сайтів, що містять різні за тематикою матеріали: каталогів, зібрань статей з різних тем або добірок посилань. Прикладом такої структури є сайт Бібліотека української літератури (www.ukrlib.com.ua).
На практиці майже завжди використовується поєднання деревоподібної та послідовної структур, тобто гібридна структура (мал. 20.4).
Наприклад, зміст електронної книги або каталог статей починається з ієрархічно розташованих сторінок, але кожний окремий розділ чи статтю доцільно розбити на кілька частин, які розташовуються послідовно одна за одною.
Загалом, робота над сайтом включає в себе кілька етапів: передусім, це проектування, або визначення мети створення сайту та потреб його аудиторії. Далі відбувається підбір інформації, котра буде представлена на сайті та її графічне оформлення. На етапі розробки залучаються ті технології, про котрі ми говорили кілька хвилин тому. Далі йде тестування сайту на його коректну роботу у різних браузерах та пристроях, після чого можна публікувати сайт (роблячи його доступним для користувачів). На цьому робота із сайтом не завершується, адже потрібно його просувати та популяризувати, а час від часу виникає необхідність в оновленні матеріалів чи й технологій, на яких працює сайт – тобто підтримки.
Для створення і наповнення даними веб-сторінок можуть використовуватись різні техніки: від стандартного Блокноту до автоматизованих онлайнових засобів (Google-сайти, WordPress, Wix, Weebly, Tilda тощо).
Практичне завдання 1.
Практичне завдання 1.
Створення структури сайту за допомогою онлайн-сервісу
Увага! Під час роботи з комп'ютером дотримуйтеся правил безпеки та санітарно - гігієнічних норм.
Завдання.
Розробити структуру сайту за темами "Моя мала Батьківщина" або "Дивовижні споруди світу", або вільна тема. Використати онлайн-сервіс для створення діаграм.
Хід виконання
I. Увійти на онлайн-сервіс Canva за посиланням https://www.canva.com/p/templates/EAFQB-JsdJg-beige-company-organizational-chart-graph/
1. Зареєструйтесь за допомогою свого акаунта Google на Canva (Посилання на нього у вашому Google класі або месенджері
2. Створіть сторінку першого рівня.
3. Створіть сторінку другого рівня.
4. Створіть елементи третього рівня за потребою.
5. Надіслати посилання на створений ресурс у будь-який спосіб (на пошту викладачу або у Google клас)
Page updated
Google Sites
Report abuse