1 of 11

2 of 11

Сайт (від англ. — website: web — павутина, мережа, і site — місце, сегмент, частина в мережі) — сукупність файлів приватної особи або організації у комп’ютерній мережі, які об’єднані під однією адресою (доменним ім’ям або IP-адресою).

Створення першого сайту відбулося 1990 року. Його засновником був Тім Бернерс-Лі, засновник головних веб-технологій — HTTP, URI і HTML.

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

Перший сайт також став і першим у світі Інтернет-каталогом, оскільки згодом Тім Бернерс-Лі розмістив на ньому посилання на інші сайти.

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

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

3 of 11

Класифікація сайтів

1. За вмістом.

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

  • Динамічний сайт — вміст сайту створюється за допомогою спеціальних скриптів (сценаріїв) на основі даних із будь-якого іншого джерела.

Наведена класифікація не є істотною, оскільки простому відвідувачеві

сторінки здебільшого важко навіть визначити, статична вона чи динамічна.

4 of 11

Класифікація сайтів

2. За функціональним призначенням.

Сайти цієї категорії поділяються на комерційні сайти й інформаційні ресурси

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

5 of 11

Типи сайтів

Призначення

Функції

Сайт-візитка

Веб-подання компанії

Кількість сторінок — 1–5 (головна, контакти, прайс, можливість розширення до корпоративного сайту)

Корпоративний сайт

Повнофункціональне веб-представлення (інформаційні та комерційні функції)

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

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

Майданчик для купівлі-продажу товарів і послуг

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

Портал

Інформаційно-комерційний майданчик

Інформаційна та адміністративна частини, можливість розширення функцій, розміщення текстового, відео- та аудіоконтенту

Промо-сайт

Спеціалізується на окремому продукті або акції, функція — привернення уваги, просування товару, збільшення продажів. Може бути «філіалом» корпоративного сайту

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

Унікальний сайт

Ресурс повністю адаптовано під потреби і завдання конкретної компанії або індивідуальної особи

Відповідно до побажань замовника

6 of 11

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

1. Внутрішня структура сайту.

Лінійна структура — це найпростіша структура сайту, в якій матеріал не поділяється на рівні. Всі сторінки ієрархічно рівноправні. Такий сайт є доволі простим у реалізації, але має обмежене застосування.

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

Мережна (або довільна) структура — це найбільш поширена структура в Інтернеті: можна перейти з будь-якої сторінки на будь-яку іншу. Посилання на інші розділи сайту формуються залежно від логіки відвідувача. Прикладами такої структури є сайти Інтернет-магазинів або великі інформаційні портали.

7 of 11

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

2. Зовнішня структура сайту.

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

Сайт складається з веб-сторінок (Інтернет-сторінка, веб-сторінка, сторінка www, web-page) — це логічна одиниця Інтернету, яка визначається адресою (URL). Веб-сторінки пишуться мовою HTML. Відомості на веб-сторінці подаються у різних форматах: текстовому, графічному, аудіо-, відео- тощо.

Інформаційний вміст веб-сторінки називають контентом (англ. content — зміст).

8 of 11

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

  • Існують спеціалізовані вебредактори – програми, які призначено для створення вебсторінок сайтів, наприклад Adobe Dreamweaver, Microsoft FrontPage, WYSIWYG Web Builder та ін.

Ці програми мають засоби для візуального конструювання вебсторінок.

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

9 of 11

  • Існують також онлайн-системи конструювання сайтів, які призначено для розробки сайтів безпосередньо на віддаленому сервері в Інтернеті.

Такими є сервіси Google Сайти, Weebly, uCoz, Wix та ін.

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

Наприклад:https://infok11aud11.wixsite.com/mysite-3

https://infok11aud11.wixsite.com/mysite-1

https://infok11aud11.wixsite.com/5kl-mat

10 of 11

Створення сайту засобами онлайн-системи

конструювання сайтів

Створення вебсайту засобами онлайн-системи конструювання сайтів відбувається в кілька кроків:

  1. Реєстрація облікового запису на сервері онлайн-системи конструювання сайтів.
  2. Вибір назви сайту та шаблону його оформлення.
  3. Створення сторінок сайту та системи навігації.
  4. Заповнення сторінок контентом.
  5. Публікація сайту.

11 of 11

Розглянемо, як відбувається процес розробки вебсайту засобами, що безкоштовно надає користувачам сервіс Google Сайти.

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

Створити сайт можна різними способами:

1. Відкрити вікно Google Диска, скориставшись вашим обліковим записом Google, та виконати Створити Більше Google Сайти.

2. Виконати вхід у сервіс Google, скориставшись вашим обліковим записом, перейти за адресою sites.google.com і вибрати кнопку Створити новий сайт у нижньому правому куті вікна Сайти. Після виконання цих дій у вікні браузера буде відкрито головну сторінку вашого сайту в режимі редагування.

Сторінка 112-113 підручника.