Інформатика

Безкоштовно

Зараховано 2 учнів

Урок 49. Структура веб-сайтів, різновиди веб-сайтів. Різновиди веб-сторінок. Етапи створення веб-сайтів. Основи веб-дизайну

Тема уроку: “Структура веб-сайтів, різновиди веб-сайтів. Різновиди веб-сторінок. Етапи створення веб-сайтів. Основи веб-дизайну”

Пригадаємо…

  • Що називають комп’ютерними мережами, як класифікують комп’ютерні мережі?
  • Хто такий провайдер, його основні функції?
  • Що таке браузер (наведіть приклади)?

Прочитайте!

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

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

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

Різновиди веб-сайтів

Landing Page Сторінка-вітрина – веб-сторінка, яка відкривається при натисканні на рекламне оголошення чи ланку (лінк). «Цільова сторінка» є логічним продовженням рекламного оголошення або посилання.

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

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

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

Сайти новин – відвідуваність (понад 3 000 відвідувачів на добу) і вид контенту. Залежно від охоплення і масштабу можна поділити на міські, обласні новинні сайти, новинні сайти в масштабах держави і світу.

Інформаційні сайти (ще називають SEO-сайти) мають дуже схожий вигляд на сайт новин, але мають ряд відмінностей. SEO-сайти створюються для надання відвідувачам того, що цікавить їх.

Корпоративні сайти Сайт для середніх і великих компаній. Створюється для публікації такої інформації: про компанію, про вакансії, про товари, послуги, про партнерів, контактна інформація.

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

Способи створення веб-сторінки. Складові структури веб-сторінки:

Веб-сторінки є текстовими документами. Їх створюють з використанням мови розмітки гіпертексту HTML. У них міститься HTML- код сторінки, що складається з даних двох типів:

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

Переглянути HTML- код у сторінці веб-браузера, відкритої у вікні браузера Google Chrome, можна, вибравши в конкретному меню сторінки команду Переглянути джерело сторінки.

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

Виконання практичного завдання

Завдання 1 Розробіть у будь-якому графічному редакторі (можна скористатись програмою Word, або PowerPoint) структуру головної сторінки сайту на одну з тем:

  • Моя школа
  • Моє місто
  • Моє хобі
  • Дистанційне навчання
  • Улюблені місця відпочинку

Виконане завдання 1 надішліть на електронну адресу або у Classroom вчителя. Якщо надсилаєте електронним листом, в темі листа вказуйте прізвище і клас.

Якщо у вас немає можливості працювати за ПК, замість практичних завдань можна дати письмову відповідь на запитання:

  1. Які різновиди веб-сайтів ви знаєте?
  2. Запишіть основні етапи створення веб-сайтів.
  3. Які складові можна виділити на веб-сторінці? Схарактеризуйте їх.

Вимоги до листа: у темі листа ОБОВ’ЯЗКОВО вказуйте прізвище, ім’я та клас (наприклад: Сидоров Михайло, 9Б).

0.00 на основі 0 рейтингів

5 зірок
0%
4 зірок
0%
3 зірок
0%
2 зірок
0%
1 зірок
0%