Урок:

Структура сайту. Види сторінок сайту.Поняття про веб-дизайн. Вимоги до сайтів

05.10.2022
2 0
Вміст уроку:
1
2

Урок не містить жодного завдання. Додайте завдання.

Щоб додати завдання, оберіть категорію завдання на панелі запитань.

1

Добрий день!

Опрацюйте матеріал.

Веб-сторінка  (англ.  Web-page) —  інформаційний  ресурс, доступний у мережі World Wide Web, який можна переглянути у веб-браузері.  Зазвичай  ця інформація  записана  у форматі HTML  або XHTML і може містити гіпертекст із навігаційними гіперпосиланнями на інші веб-сторінки.

Мова HTML  (від англ. Hypertext Markup Language - мова розмітки гіпертексту) - це стандартна мова розмітки документів у Всесвітній павутині. Всі веб-сторінки створюються за допомогою мови HTML (або XHTML).

Мова HTML інтерпретується браузером і відображається у вигляді документа, зручному для людини.

Веб-сайт (англ. website, місце, майданчик в Інтернеті), також сайт (англ. site, місце, майданчик) — сукупність веб-сторінок, доступних в Інтернеті, які об’єднані як за змістом, так і навігаційно. Фізично сайт може розміщуватися як на одному, так і на кількох серверах.

Як створити  веб-сайт?

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

Структура  веб-сайтів

Загалом виділяють три типи структур веб-сайтів — лінійну, деревоподібну та довільну.

Подорожуючи сайтом із лінійною структурою, з головної сторінки ви перейдете на другу сторінку, з неї — на третю тощо.

На сайті з деревоподібною структурою з головної сторінки можна потрапити на одну зі сторінок другого рівня, звідти — на одну зі сторінок третього рівня тощо.

Сайт із довільною структурою видається зовсім неорганізованим, але саме в цьому й полягає принцип його створення.  Подорожуючи таким сайтом, ви можете переходити  з однієї  його  сторінки на  інші  в різні способи,  і ваш шлях назад не обов’язково має бути таким самим.

Вибір  структури   визначається   особливостями   завдань,  що розв’язуються за допомогою веб-сайту.

Наведемо додатково  чотири  приклади  структур сайту.  Кожна із цих структур має свої недоліки та переваги у проектуванні веб-сайту.

Стандартна

Основна веб-сторінка містить посилання на інші документи веб-сайту, а документи містять посилання, відповідно, на основну веб-сторінку.  Це  найпростіший і найпоширеніший  спосіб  організації веб-сайту.

Каскад

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

Хмарочос

У цій моделі  відвідувачі  можуть опинитися  на  деяких сторінках, тільки якщо вони йдуть правильним шляхом. Це нагадує підйом до потрібної кімнати у великому хмарочосі.

Павутина

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

Етапи  створення сайту

Створення сайту умовно можна розділити на такі етапи:

1. Попередній етап розробки сайту.

На цьому  етапі  розв’язуються питання  загального  характеру.

Обговорюється загальна концепція сайту, формулюються та фіксуються цілі створення сайту.

2. Етап проектування сайту.

Визначення  структури сайту:  меню,  посилання, розміщення модулів, побудова списку компонентів, що підключаються, тощо.

3. Етап розробки й тестування сайту.

4. Розміщення сайту.

5. Розвиток ресурсу.

Для того щоб сайт став доступним широкому колу відвідувачів, йому необхідно призначити доменне ім'я і розмістити в мережі Інтернет. Розміщення сайту на сервері та подальше його адміністру­вання називають хостингом. Наданням такої послуги займаються спеціальні організації. Хостинг буває платним і безкоштовним. Можливість створювати веб-сторінки та організовувати форуми й чати в автоматизованому режимі (крім власне розміщення сайту) часто надається на серверах, що забезпечують хостинг. Наприклад, ucoz.ru, mylivepage.com. Веб хостинг UcoZ — це безкоштовний веб-хостинг із вбудованою системою керування сайтом. 

2

Який тип сайту описано:

  1. складається з декількох сторінок і має унікальний, але простий і функціональний дизайн; ідеально підходить для компаній, які хочуть розмістити інформацію про себе й свої послуги в Інтернеті; основні розділи сайту: Про компанії, Продукція або послуги, Прайс-листи, Контактна інформація;

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

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

  4. складний розважальний інтерактивний проект, що передбачає велику відвідуваність та складність дизайну;

  5. може бути самостійним сайтом, а може бути розділом сайту; найчастіше робиться на піддомені основного сайту й призначений для організації спілкування відвідувачів сайту між собою й з адміністратором сайту;

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

    Корпоративний сайт, Блог, Сайт-форум, Інтернет-магазин, Сайт-візитка, Ігровий портал

Рефлексія від 30 учнів

Сподобався:

0

Так: 28

Ні: 2

Зрозумілий:

0

Так: 28

Ні: 2

Потрібні роз'яснення:

0

Ні: 29

Так: 1

Рекомендуємо

Структура сайту. Види сторінок сайту

Структура сайту. Види сторінок сайту

369

Аватар профіля Лизько Валентина Степанівна
Інформатика
7—8 клас

35 грн

Поняття про веб-дизайн. Вимоги до сайтів

Поняття про веб-дизайн. Вимоги до сайтів

527

Аватар профіля Лизько Валентина Степанівна
Інформатика
8 клас

25 грн

Поняття про веб-дизайн. Вимоги до сайтів

Поняття про веб-дизайн. Вимоги до сайтів

347

Аватар профіля Лизько Валентина Степанівна
Інформатика
8 клас

35 грн

Правила ергономічного розміщення відомостей на веб-сторінці. Види сторінок сайту

Правила ергономічного розміщення відомостей на веб-сторінці. Види сторінок сайту

555

Аватар профіля Лизько Валентина Степанівна
Інформатика
8 клас

33 грн

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

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

348

Аватар профіля Лизько Валентина Степанівна
Інформатика
8 клас

33 грн

Етапи створення веб-сайтів. Конструювання веб- сайтів

Етапи створення веб-сайтів. Конструювання веб- сайтів

443

Аватар профіля Лизько Валентина Степанівна
Інформатика
9 клас

25 грн

Схожі уроки

Впорядкування, пошук і фільтрування даних.

Впорядкування, пошук і фільтрування даних.

1308

Аватар профіля Вожга Ірина Леонідівна
Інформатика
9 клас

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

1130

Аватар профіля Савка-Ржематорська Оксана Василівна
Інформатика
9 клас

Цикли з передумовою у вкладених циклах

Цикли з передумовою у вкладених циклах

1359

Аватар профіля Вожга Ірина Леонідівна
Інформатика
6 клас

Налаштування часових параметрів аудіо- та відеоряду.

Налаштування часових параметрів аудіо- та відеоряду.

508

Аватар профіля Солодовнікова Катерина Олексіївна
Інформатика
8 клас

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

661

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас

Елемент керування кнопка

Елемент керування кнопка

291

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас