Тема. Основні поняття мережі Інтернет.

Мета. Ознайомити студентів з основними поняттями мережі Інтернет. Розглянути основи веб-дизайну. Проаналізувати види класифікацій сайтів.

Використана література:

1.   Ривкінд Й. Я., Лисенко Т. І., Чернікова Л. А., Шакотько В. В. Інформатика 10 клас. – Київ „Генеза” 2018.

2.   Пасічник О.Г., Пасічник О.В. Стеценко І.В. Основи веб-дизайну – Київ «BHV» 2009.

3.   Немцова Т.І., Казанкова Т.В., Шнякін А.В.  Комп’ютерна графіка і веб-дизайн 2014.

 

План

1.    Основні поняття веб-дизайну.

2.    Історія заснування веб.

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

4.    Види сайтів, способи класифікації.

 

Тема1. Основні поняття мережі Інтернет.

 

Веб-дизайн (від англ. Web design) – галузь веб-розробки і різновид дизайну, у завдання якої входить проектування веб-інтерфейсів для користувачів, сайтів, веб-додатків.

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

Веб-дизайн – порівняно молодий напрямок, і професійна освіта в сфері веб-дизайну в Україні лише на стадії розвитку. У зв’язку зі збільшенням попиту на Інтернет, росте й попит на дизайн сайтів, збільшується кількість фахівців з веб-дизайну, про те за відсутності професійної підготовки веб-дизайнерів цей показник переважно кількісний а ніж якісний. Сьогодні послуги веб-дизайну надають як спеціальні компанії, так і приватні особи (фрілансери, веб-дизайнери або веб-майстри).

Під терміном веб-дизайн розуміють саме проектування структури веб-ресурсу, забезпечення зручності користування ресурсом для споживачів. Важливою частиною проектування ресурсу останнім часом стало приведення ресурсу у відповідність стандартам W3C, що забезпечує доступність змісту для людей з обмеженими фізичними можливостями й користувачів портативних пристроїв, а також кроссплатформленність верстки ресурсу. Також безпосередньо з дизайном сайтів суміжний маркетинг в Інтернеті (інтернет-маркетинг), тобто, просування й реклама створеного ресурсу, пошукова оптимізація. У такий спосіб візуальними засобами вирішуються найрізноманітніші завдан­ня, такі як, підвищення продажів, зміцнення довіри, створення певного іміджу й інші.

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

 

Використання програмних технологій в Web. Визначення Web-сервера

Історія заснування Веб

Найперший сайт info.cern.ch з'явився в 1990 році. Його автор, Тім Бернерс-Лі, опублікував на ньому опис нової технології World Wide Web, яка базується на протоколі передачі даних HTTP, системі адресації URL і мові гіпертекстової розмітки HTML. Також, на сайті було описано принципи установки і роботи серверів та браузерів. Сайт став і першим в світі Інтернет-каталогом, бо згодом Тім Бернерс-Лі розмістив на ньому список посилань на інші сайти.

Всі необхідні інструменти для роботи першого сайту, Бернерс-Лі підготував заздалегідь — наприкінці 1990 року з'явилися перший гіпертекстовий браузер WorldWideWeb з можливостями веб-редактора, перший сервер на базі NeXTcube і перші веб-сторінки. Тім Бернерс-Лі є «батьком» базових технологій Веб — HTTP, URI/URL і HTML.

Засновник Вебу вважав, що гіпертекст може бути основою для мереж обміну даними, і йому вдалося втілити свою ідею в життя. Ще у 1980 році Тім Бернерс-Лі створив гіпертекстове програмне забезпечення Enquire, яке використовувало для зберігання даних випадкові асоціації. Згодом, працюючи в Європейському центрі ядерних досліджень в Женеві (CERN), він запропонував колегам опублікувати гіпертекстові документи, що пов'язані між собою гіперпосиланнями. Бернерс-Лі продемонстрував можливість гіпертекстового доступу до внутрішніх документів, а також до новинних ресурсів Інтернету. В травні 1991 року в CERN було затверджено стандарт WWW.

На даний час Тім Бернерс-Лі очолює заснований ним Консорціум Всесвітньої павутини (World Wide Web Consortium), який займається розробкою і впровадженням стандартів Інтернету.

Загальні відомості про веб-сайт

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

Спочатку веб-сайти були лише збіркою статичних документів. На тепер сучасні сайти в більшості є динамічними та інтерактивними. Це стало можливим завдяки втіленню веб-застосувань (жаргонна назва – движок, рушій) — готового програмного комплексу для вирішення завдань веб-сайту. Веб-застосування втілюється у склад сайту, і працює разом з ним.

В більшості випадків в Інтернеті один сайт має одну доменну адресу. Саме за доменними адресами сайти ідентифікуються в глобальній мережі. Можливими є інші варіанти: один сайт на кількох доменах або кілька сайтів під одним доменом.

Зазвичай, великі сайти (веб-портали) використовують кілька доменів, щоб логічно відокремити різні види послуг (mail.google.com, news.google.com, maps.google.com). Іноді, окремі домени виділяють для іншої мовної версії. Наприклад, google.com.ua і google.ru логічно є сайтом Google з різними мовами інтерфейсу, але технічно це різні сайти.

Об'єднання кількох сайтів під одним доменом є характерним для безкоштовних хостингів. Тут, зазвичай, використовується домен третього рівня (mysite.example.com), але іноді для ідентифікації сайтів в адресі після вказування доменної адреси хосту зазначено тильда і ім'я сайту (example.com/~my-site-name/).

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

Один і той же сайт може бути доступним за різними адресами і зберігатися на різних серверах. Копія оригінального сайту у такому разі називається дзеркалом. Існує поняття оффлайнова версія сайту — це копія сайту, яка може бути переглянута на будь-якому комп'ютері без під’єднання до комп'ютерної мережі і використання серверного програмного забезпечення.

 

Домашні сторінки

У 90-х роках минулого століття виник новий вид творчості — створення домашніх сторінок. Спочатку цей термін (від англ. home page) означав дім людини в Інтернеті, місце, де вона зберігає нформацію про себе. Особисті сторінки мають тисячі людей. Одні з них містять лише коротку інформацію про власника, а інші - корисну інформацію з певної тематики, графічний матеріал,фотографії тощо.

Термін «домашня сторінка» не має чіткого визначення, так називають також головну сторінку сайту, що відкривається у разі введення його доменного імені, та сторінку, яка завантажується під час кожного запуску браузера.

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

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

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

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

Пункти меню мають бути чітко відділені один від одного.

Основи Інтернету

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

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

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

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

 

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

За доступністю сервісів:

Відкриті сайти. Всі сервіси сайту цілком є доступними для всіх відвідувачів і користувачів.

Напіввідкриті сайти. Для доступу до ресурсів чи сервісів сайту необхідно зареєструватися, зазвичай, безкоштовно.

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

 

За природою вмісту:

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

Динамічні сайти. Вміст генерується спеціальними програмами (скриптами) і формується залежно від дій користувача на підставі інших даних з визначених джерел.

 

За фізичним розташуванням:

Зовнішні сайти мережі Інтернет.

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

 

За схемою представлення інформації, її об'єму і категорії вирішуваних завдань:

Інформаційні ресурси:

Тематичний сайт — сайт, що надає специфічну інформацію з певної теми.

Тематичний портал — надвеликий ресурс, який надає вичерпну інформацію з певної тематики. Портали є подібними до тематичних сайтів, але додатково містять засоби взаємодії з користувачами і дозволяють користувачам спілкуватися в рамках порталу (форуми, чати).

Інтернет представництва власників бізнесу (торгівля чи послуги, які не обов’язково безпосередньо пов'язані з Інтернетом):

Сайт-візитка — містить загальні дані про власника сайту (організацію або приватну особу): сфера інтересів, біографія, фотогалерея, контактні дані. Тобто, це є докладна візитна картка.

Представницький сайт — так іноді називають сайт-візитку з розширеною функціональністю: докладний опис послуг, прас-листи, реквізити, схема проїзду, відгуки, форма зворотного зв'язку тощо.

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

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

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

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

Веб-сервіс — це послуга, що створена для виконання певних завдань в рамках служби Веб:

ü  Дошка оголошень.

ü  Каталог сайтів.

ü  Пошукові системи.

ü  Поштовий сервіс.

ü  Веб-форуми.

ü  Блоговий сервіс.

ü  Сервіс зберігання та обміну файлів.

ü  Сервіс створення та редагування документів — наприклад, Google Docs.

ü  Зберігання фотографій — наприклад, Picnik, ImageShack, Panoramio, Photobucket.

ü  Зберігання відео — наприклад, YouTube, Dailymotion.

ü  Соціальні Медіа — наприклад, Buzz.

ü  Соціальні мережі — наприклад, Vkontakte.

ü  Спеціалізовані соціальні мережі — наприклад, Odnoklasniki.

 

Веб-сервер (англ. WebServer) — це сервер (Сервер як комп'ютер — це комп'ютер у локальній чи глобальній мережі, який надає користувачам свої обчислювальні і дискові ресурси, а так само доступ до встановлених сервісів; найчастіше працює цілодобово, чи у час роботи групи його користувачів.), що приймає HTTP (HTTP — протокол передачі даних, що використовується в комп'ютерних мережах. Назва скорочена від Hyper Text Transfer Protocol, протокол передачі гіпертекстових документів)- запити від клієнтів, зазвичай веб-браузерів( браузер — переглядач), також браузер, оглядач, (веб-браузер — програмне забезпечення для комп'ютера або іншого електронного пристрою, як правило, під'єднаного до Інтернету, що дає можливість користувачеві взаємодіяти з текстом, малюнками або іншою інформацією на гіпертекстовій веб-сторінці. Тексти та малюнки можуть містити посилання на інші веб-сторінки, розташовані на тому ж веб-сайті або на інших веб-сайтах.), видає їм HTTP-відповіді, зазвичай разом з HTML(HTML (англ. HyperTextMarkupLanguage — Мова розмітки гіпертексту) — стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінокстворюються за допомогою мови HTML (або XHTML). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді. (Мо ва розмі тки — штучна мова, що використовує набір анотацій до тексту, що надає інструкції стосовно структури тексту чи його відображення.))-сторінкою, зображенням, файлом, медіа-потоком або іншими даними. Веб-сервер — основаВсесвітньої павутини.

Веб-сервером називають як програмне забезпечення, що виконує функції веб-сервера, так і комп'ютер, на якому це програмне забезпечення працює.

Клієнти дістаються веб-сервера за URL-адресою потрібної їм веб-сторінки або іншого ресурсу.

 

Додатковими функціями багатьох веб-серверів є:

ü  Ведення журналу серверу про звернення користувачів до ресурсів

ü  Автентифікація користувачів(Автентифікáція (з грец. αυθεντικός ; реальний або істинний) — процедура встановлення належності користувачеві інформації в системі пред'явленого ним ідентифікатора.)

ü  Підтримка сторінок, що динамічно генеруються

 

 

Питання для самоконтролю:

1.      Автор першого у світі сайту.

2.      Поясніть термін веб-дизайн.

3.      Що таке веб-сайт?

4.      Як інакше називають великі сайти?

5.      Що таке доменна адреса?

6.      Яке призначення хостингу?

7.      Веб-сервер це…?

8.      Яку розуміти термін оффлайнова версія сайту

9.      Що таке дзеркало сайту?

10.  Що таке home page?

11.  Як розуміти термін домашня сторінка сайту?

12.  Яку функції меню сайту?

13.  Як можна класифікувати сайти?

14.  Які сайти називають відкритими?

15.  У чому відмінність між динамічними і статичними сайтами?

16.  Що таке локальний сайт?

17.  Веб-браузер це …?

18.  Що таке промо-сайт?

19.  Що собою являє сайт візитка?

20.  Веб-сервіс – це…?