Ознайомлення з основами Інтернету

Автор: Артем

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

Сторінки сайтів можуть бути простим статичним набором файлів або створюватися спеціальною комп'ютерною програмою на сервері - так званим движком сайту. Движок може бути або зроблений на замовлення для окремого сайту, або бути готовим продуктом, розрахованим на деякий клас сайтів. Деякі з движків можуть забезпечити власнику сайту можливість гнучкого налаштування структуризації і виведення інформації на веб-сайті. Такі движки називаються системами управління змістом (CMS).

Виготовлення сайтів, як працюючих цілісних інформаційних ресурсів та систем - складений процес, залучає працю різних фахівців. Цей вид діяльності називається веб-розробка. Власники майбутнього сайту (приватні особи або організації) розробляють сайти своїми силами, або звертаються до спеціалізованих розробників (фрілансерам, студіям, бюро, конторам і т. п.). Відносини між замовником і виконавцем регулюється за допомогою договорів, технічних завдань, спеціальних систем (різних сайтів, які виступають посередником між замовником і фрилансерами), або усною домовленістю. Замовлена робота може являти собою як повний комплекс створення сайту, аж до вигадування назви та реєстрації домена, так і розширення сайту, технічну оптимізацію і редизайн. Все більше розробка та супровід сайту (порталу) стає потужним сегментом активів підприємств (організацій). Тому розробників мають штатних або доручають проект вести одному з директорів апарату управління (комерційний директор, директор департаменту по зв'язках або безпосередньо, керівнику проекту з групою штатних фахівців і / або сумісників). Особливу роль виконують «тестери» кінцевого продукту. Це відповідальна роль в просуванні та оцінки проекту, так як стадія розробки для динамічного великого проекту ніколи не припиняється. Якщо ви бачите сайт неушкодженим 2-3 роки без змін, то він можливо нікому не потрібен, то чи користується попитом на базисну інформацію. Але супровід проекту стає не менш відповідальною справою.

По доступності сервісів:

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

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

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

За типами макетів:

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

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

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

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

• Інтернет-представництва власників бізнесу (торгівля та послуги, не завжди пов'язані безпосередньо з Інтернетом):
  • Сайт-візитка - містить загальні дані про власника сайту (організація або індивідуальний підприємець). Вид діяльності, історія, прайс-лист, контактні дані, реквізити, схема проїзду. Фахівці розміщують своє резюме. Тобто детальна візитна картка.
  • Представницький сайт - так іноді називають сайт-візитку з розширеною функціональністю: докладний опис послуг, портфоліо, відгуки, форма зворотного зв'язку і т. д.
  • Корпоративний сайт - містить повну інформацію про компанію-власника, послуги / продукцію, події в житті компанії. Відрізняється від сайту-візитки і представницького сайту повнотою наданої інформації, часто містить різні функціональні інструменти для роботи з контентом (пошук і фільтри, календарі подій, фотогалереї, корпоративні блоги, форуми). Може бути інтегрований з внутрішніми інформаційними системами компанії-власника (КІС, CRM, бухгалтерськими системами). Може містити закриті розділи для тих чи інших груп користувачів - співробітників, дилерів, контрагентів і пр.
  • Каталог продукції - в каталозі присутній докладний опис товарів / послуг, сертифікати, технічні та споживчі дані, відгуки експертів і т. д. На таких сайтах розміщується інформація про товари / послуги, яку неможливо помістити в прайс-лист.
  • Інтернет-магазин - сайт з каталогом продукції, за допомогою якого клієнт може замовити потрібні йому товари. Використовуються різні системи розрахунків: від пересилання товарів післяплатою або автоматичне пересилання рахунку по факсу до розрахунків за допомогою пластикових карт.
  • Промо-сайт - сайт про конкретну торгову марку або продукт, на таких сайтах розміщується вичерпна інформація про бренд, різних рекламних акціях (конкурси, вікторини, ігри і т. п.).
  • Сайт-квест - Інтернет-ресурс, на якому організовано змагання з розгадування послідовності взаємопов'язаних логічних загадок.
• Інформаційні ресурси:
  • Тематичний сайт - сайт, що надає специфічну вузькотематичну інформацію на будь-яку тему.
  • Тематичний портал - це дуже великий веб-ресурс, який надає вичерпну інформацію з певної тематики. Портали схожі на тематичні сайти, але додатково містять засоби взаємодії з користувачами і дозволяють користувачам спілкуватися в рамках порталу (форуми, чати) - це середовище існування користувача.
• Веб-сервіс - послуга, створена для виконання будь-яких завдань в рамках мережі WORLD WIDE WEB:
  • Дошка оголошень.
  • Каталог сайтів - наприклад, Open Directory Project.
  • Пошукові сервіси - наприклад, Yahoo!, Google.
  • Поштовий сервіс.
  • Веб-форуми.
  • Блогових сервісів.
  • Файлообмінний пірінговий сервіс - наприклад, Bittorrent.
  • Датахостінговий (зберігання даних) сервіc - наприклад, Skydrive.
  • Датаедіторінговий (редагування даних) сервіc - наприклад, Google Docs.
  • Фотохостинг - наприклад, Picnik, ImageShack, Panoramio, Photobucket.
  • Зберігання відео - наприклад, YouTube, Dailymotion.
  • Соціальні Медіа - наприклад, Buzz.
  • Комбіновані Веб сервіси (Соціальні мережі) - наприклад, Facebook, Twitter.
  • Комбіновані Веб сервіси (Спеціалізовані соціальні мережі) - наприклад, MySpace, Flickr.

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

Сторінки сайтів можуть бути простим статичним набором файлів або створюватися спеціальною комп'ютерною програмою на сервері - так званим движком сайту. Движок може бути або зроблений на замовлення для окремого сайту, або бути готовим продуктом, розрахованим на деякий клас сайтів. Деякі з движків можуть забезпечити власнику сайту можливість гнучкого налаштування структуризації і виведення інформації на веб-сайті. Такі движки називаються системами управління змістом (CMS).

Виготовлення сайтів, як працюючих цілісних інформаційних ресурсів та систем - складений процес, залучає працю різних фахівців. Цей вид діяльності називається веб-розробка. Власники майбутнього сайту (приватні особи або організації) розробляють сайти своїми силами, або звертаються до спеціалізованих розробників (фрілансерам, студіям, бюро, конторам і т. п.). Відносини між замовником і виконавцем регулюється за допомогою договорів, технічних завдань, спеціальних систем (різних сайтів, які виступають посередником між замовником і фрилансерами), або усною домовленістю. Замовлена робота може являти собою як повний комплекс створення сайту, аж до вигадування назви та реєстрації домена, так і розширення сайту, технічну оптимізацію і редизайн. Все більше розробка та супровід сайту (порталу) стає потужним сегментом активів підприємств (організацій). Тому розробників мають штатних або доручають проект вести одному з директорів апарату управління (комерційний директор, директор департаменту по зв'язках або безпосередньо, керівнику проекту з групою штатних фахівців і / або сумісників). Особливу роль виконують «тестери» кінцевого продукту. Це відповідальна роль в просуванні та оцінки проекту, так як стадія розробки для динамічного великого проекту ніколи не припиняється. Якщо ви бачите сайт неушкодженим 2-3 роки без змін, то він можливо нікому не потрібен, то чи користується попитом на базисну інформацію. Але супровід проекту стає не менш відповідальною справою.

Розробка дизайну

Веб-дизайнери розробляють макети сторінок. Дизайнер визначає, яким чином кінцевий споживач буде отримувати доступ до інформації і послуг сайту. Тобто займається безпосередньо розробкою користувальницького інтерфейсу. У більшості випадків сторінки містять у собі графічні елементи. Їх підготовкою займаються художники ілюстратори, фотографи, технічні дизайнери, шрифтовики, і т. д. Готові шаблони показуються замовнику. У цей момент сторінки ще не можуть містити кінцевого наповнення (це в обов'язки дизайнера не входить). Щоб макети виглядали більш наочно, в них міститься довільне вміст. На сленгу дизайнерів такий вміст називається рибою. Якщо замовник задоволений зовнішнім виглядом шаблонів, то настає наступна фаза розробки - верстка сторінок сайту.

Верстка

Верстальник отримує макети шаблонів у вигляді простих зображень (наприклад, у форматі JPEG або PNG), або розбитих по шарах (наприклад, в PSD або AI). Його завдання - отримати з цих графічних макетів гіпертекстові веб-сторінки з підготовленими для інтернету зображеннями.

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

Програмування

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

Після того, як сайт готовий до експлуатації, настає наступна фаза - наповнення сайту інформацією.