Тема: cтворення та розміщення власних веб-сайтів на безкоштовних хостінгах.

Мета: навчитися створювати веб-сайти за допомогою стандартних конструкторів безкоштовних хостингів.

1. Підготовка до заняття:

1.1. Вивчити теоретичний матеріал (теоретична частина цих рекомендацій, Інтернет).

1.2. Підготувати звіт по роботі.

 

2. Теоретична частина

 

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

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

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

У більшості випадків в Інтернеті одному сайту відповідає одне доменне ім'я. Саме по доменних іменах сайти ідентифікуються в глобальній мережі. Можливі інші варіанти: один сайт на декількох доменах або декілька сайтів під одним доменом. Звичайно кілька доменів використовують великі сайти (веб-портали) щоб логічно відокремити різні види послуг, що надаються (mail.google.com, news.google.com, maps.google.com). Непоодинокі й випадки виділення окремих доменів для різних країн або мов. Наприклад, google.ru та google.fr логічно є сайтом Google на різних мовах, але технічно це різні сайти. Об'єднання кількох сайтів під одним доменом характерно для безкоштовних хостингів. Іноді для ідентифікації сайтів в адресі після вказівки хоста стоїть тильда і ім'я сайту: example.com / ~ my-site-name / (ср с / home), а найчастіше використовується домен третього рівня: my-site-name.example. com.

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

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

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

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

 

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

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

• відкриті - всі сервіси повністю доступні для будь-яких відвідувачів і користувачів;

• напіввідкриті - для доступу необхідно зареєструватися (зазвичай безкоштовно);

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

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

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

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

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

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

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

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

• загальнодоступні сайти мережі Інтернет;

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

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

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

§ сайт-візитка - містить загальні дані про власника сайту (організація або індивідуальний підприємець). Вид діяльності, історія, прайс-лист, контактні дані, реквізити, схема проїзду. Фахівці розміщують своє резюме. Тобто детальна візитна картка;

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

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

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

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

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

§ сайт-квест - Інтернет-ресурс, на якому організовано змагання з розгадування послідовності взаємопов'язаних логічних загадок;

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

§ тематичний сайт - сайт, що надає специфічну вузькотематичні інформацію про будь-якої теми;

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

3. Веб-сервіс - послуга, створена для виконання будь-яких завдань в рамках мережі WORLD WIDE WEB:

§ дошка оголошень;

§ каталог сайтів - наприклад, Open Directory Project;

§ пошукові сервіси - наприклад, Yahoo!, Google;

§ поштовий сервіс;

§ веб-форуми;

§ блоговий сервіс;

§ файлообмінний пірінговий сервіс - наприклад, Bittorrent;

§ датахостінговий (зберігання даних) сервіc - наприклад, Skydrive;

§ датаедіторінговий (редагування даних) сервіc - наприклад, Google Docs;

§ фотохостинг - наприклад, Picnik, ImageShack, Panoramio, Photobucket;

§ зберігання відео - наприклад, YouTube, Dailymotion;

§ соціальні Медіа - наприклад, Buzz.

4. Комбіновані Веб сервіси (Соціальні мережі) - наприклад, Facebook, Twitter.

5. Комбіновані Веб сервіси (Спеціалізовані соціальні мережі) - наприклад, MySpace, Flickr.

 

Устрій сайтів.

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

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

 

Створення сайтів.

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

 

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

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

 

Верстка.

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

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

 

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

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

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

 

Безпека.

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

Найбільш поширені наслідки атаки на сайт:

• несанкціоновані зміни зловмисниками (див.: дефейсінг, хакери);

• підробка сайту (дизайн і вміст сайту може бути скопійовано і в користувача такого сайту можуть вкрасти паролі).

Найбільш популярними мотивами для злому популярних ресурсів, таких як поштові або соціальні мережі, є:

• ревнощі;

• користь: зловмисник розсилає зі зламаного аккаунта спам;

• крадіжка з метою повернення власнику за гроші.

 

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

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

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