OsnovyWebDis

11. Відкрийте у вікні браузера веб-сторінку за адресою http://webmaster.yandex.ru/catalogue_free.xml, де можна додати свій сайт до веб-каталогу Яндекс (рис. 6.13). У формі введіть таку інформацію: адресу вашого сайту (http://лoгiн.ho.com. иа/), його назву та опис, категорію (тематичну), регіон (Ук­ раїна), сектор економіки (комерційний, некомерційний), свою адресу електронної пошти, а також символи із наведеного на сторінці зображення для захисту від спам-роботів. Після заповнення всіх полів слід клацнути кнопку Отправить за­ явку (Відправити заявку).

Рис. 6.13. Додавання сайту до веб-каталогу Яндекс

12. Відкрийте у вікні браузера веб-сторінку пошукового серве­ ра Google, що міститься за адресою: http://www.google.com/ addurl/. Введіть адресу свого сайту і ключові слова, а також сукупність символів із зображення для захисту від спам-ро­ ботів. Щоб додати адресу до бази цієї пошукової системи, клацніть кнопку Add URL (Додати URL).

Практична робота № 10

271

Самостійна робота

1.Створіть для свого сайту сторінку, що міститиме гіперпосилання на веб-ресурси однокласників.

2.Зареєструйтесь у банерній мережі, додайте до неї свій сайт. Задайте параметри банерної системи: географічні, тематичні та регіональні.

3.Створіть банер для свого сайту. Додайте його до банерної ме­ режі.

4.Перевірте відповідність сайту вимогам пошукових систем: чи заповнені теги <TITLE>, <IMG ALT>, <МЕТА>, ЧИ працюють гіперпосилання. У разі потреби внесіть відповідні зміни й оно­ віть файли на сервері.

5.Зареєструйтесь і розмістіть створений сайт на одному із сер­ верів безкоштовного хостинга за такими адресами:

•http://uahosting.com.ua/freehosting.php;

•http://www.ukrbiz.net/ukr/register/;

•http://www.topua.net/signup.php.

6.Зареєструйте свій сайт у рейтинговій системі http://top.bigmir. net/.

Тест

1. Хостинг — це:

а) адреса комп'ютера в Інтернеті;

б) послуга, що надає користувачу доступ до серверного ката­ логу, в якому зберігаються всі документи сайту;

в) сукупність доступних у мережі Інтернет веб-сторінок, які об'єднані між собою за змістом та навігаційно;

г) сервер, який контролює доменні імена в Інтернеті;

д) сканування інформаційного простору і збирання копій вебресурсів.

2. Веб-сервер — це:

а) організація, що контролює доменні імена в Інтернеті; б) спосіб завантаження файлів на хост;

2 7 2

Розділ 6. Хостинг та популяризація сайтів

в) потужний комп'ютер, який постійно підключений до ме­ режі Інтернет;

г) один із протоколів Інтернету;

д) кілька розділених крапками чисел, що позначають ІР-ад- ресу.

3.Доменне ім'я має такі характеристики: а) повинно містити символ -;

б) має бути якомога коротшим та простішим; в) верхній домен може бути тематичним або географічним;

г) повинно містити заголовок стартової сторінки сайту; д) має враховувати тематику чи назву сайту.

4.Розставте у правильному порядку етапи роботи з хостинговою службою:

а) реєстрація сайту в пошукових системах; б) заповнення реєстраційної форми;

в) створення веб-сайту і збереження його на комп'ютері; г) підтвердження реєстрації; д) розміщення файлів на сервері.

5. Протокол FTP використовують для:

а) постійного підключення до мережі Інтернет; б) ведення протоколу всіх дій користувачів на сайті;

в) обліку інформації, що завантажується із сервера після звернення до сайту;

г) створення зображень рекламного характеру; д) завантаження файлів на віддалений комп'ютер та з нього.

6. Банер — це:

а) спосіб завантаження файлів на сервер;

б) чотири тризначних числа, розділених крапками, які по­ значають адресу комп'ютера в Інтернаті;

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

г) мережний онлайновий журнал; д) організація, що контролює доменні імена в Інтернеті.

Тест

273

7. Вкажіть способи популяризації сайту:

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

г) вибір FTP-з'єднання із сервером;

д) включення сайту в банерну мережу.

8.Пошукова машина виконує такі роботи: а) індексацію сайтів; б) аналіз банерів сторінки;

в) видачу результатів пошуку у вигляді гіперпосилань; г) прийом запитів від користувача; д) визначення автора сайту та дати останніх змін.

9.Релевантність — це:

а) сканування інформаційного простору і збирання копій веб-ресурсів;

б) організація, що контролює доменні імена в Інтернаті;

в) відношення кількості слів із пошукового запиту до загаль­ ної кількості слів на сторінці;

г) кількість тегів на веб-сторінці; д) альтернативний опис зображень.

10.Атрибутами тагу <МЕТА> є: а) IMG, SRC;

б) NAME, CONTENT; в) TITLE, CONTENT;

г) А, HREF;

д)	NAME, PAGERANK.
11. PageRank — це:
а)	алгоритм розрахунку релевантності;
б)	проіндаксований вміст сторінки;
в)	кількість тагів на сторінці;
г)	рейтинг сторінки;
д)	кількість заголовків на сторінці.

274	Розділ 6. Хостинг та популяризація сайтів

12.Покращити якість індексації сайту можна, якщо: а) розмістити на ньому банери; б) видалити всі заголовки на сторінці;

в) видалити альтернативний опис зображень;

г) використовувати теги <hl>...<h6> для оформлення заго­ ловків;

д) забезпечити альтернативний текст для зображень.

Тест

275

Розділ 7

Дизайн веб-сайтів

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

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

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

Типи сайтів та їх особливості

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

Статичні та динамічні сайти

За однією з класифікацій веб-сайти поділяють на статичні та динамічні (рис. 7.1) відповідно до способу наповнення сторінок матеріалом.

Рис. 7.1. Статичні та динамічні сайти

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

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

Тематична класифікація

Опишемо особливості сайтів різної тематики.

Блог (мережний журнал або щоденник) — сайт, призначений для публічного ведення онлайнових щоденників (блогів), може також містити форум. Приклади: www.livejournal.com та www.dnevnik.org.ua.

Типи сайтів та їх особливості

277

Бізнес-сайт — містить інформацію про компанію чи послуги, які вона надає. Таких сайтів дуже багато: кожна компанія, навіть ма­ ленька, намагається подати відомості про себе у мережі Інтернет. Приклад: www.bhv.kiev.ua.

Сайт електронної комерції — забезпечує	функцію електрон­
ної торгівлі для купівлі та продажу різних	товарів. Наприклад,
www.amazon.com.

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

База даних — призначений для пошуку та відображення запи­ сів бази даних, наприклад, www.imdb.com чи www.rada.gov.ua (сайт Верховної Ради України, на якому розміщено всі матеріали щодо законодавства нашої держави).

Каталог — сайт, де розміщено посилання, розподілені за катего­ ріями та підкатегоріями; до таких сайтів належать www.yahoo.com та meta.ua.

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

Сайт працевлаштування — дає змогу працедавцям розміщува­ ти інформацію щодо вакансій. Потенційний працівник може її знайти і заповнити анкету чи надіслати резюме, яке відповідає вибраній посаді. Приклад: www.job.ua.

Ігровий сайт — пропонує майданчик для гри. Прикладами мо­ жуть бути www.buka.ru, game.km.ru.

Гумористичний сайт — містить анекдоти, жарти, веселі істо­ рії чи будь-які інші гумористичні матеріали для розваги (www. kulichki.ru, www.exler.ru).

Інформаційний сайт — призначений для інформування відвідува­ чів, але необов'язково з комерційною метою. Більшість урядових, освітніх та неприбуткових організацій мають інформаційні сайти, наприклад. Львівська міська рада (www.city-adm.lviv.ua).

278	Розділ 7. Дизайн веб-сайтів

Сайт новин — схожий на інформаційний, однак призначений для поширення новин та коментарів до них (www.bbc.co.uk, www. korespondent.net).

Сайт відгуків — на ньому відвідувачі можуть залишити відгуки про різноманітні продукти чи послуги (www.ayda.ru — відгуки про відпочинок, www.mrqe.com — рецензії на фільми).

Пошуковий сайт — дає змогу виконувати пошук інформації чи посилань в Інтернаті, наприклад www.google.com.

Особистий сайт — підтримується однією людиною або групою людей (наприклад, сім'єю); містить різну інформацію, яку автори вважають за потрібне розмістити.

Веб-портал — універсальний сайт, через який можна вийти на інші ресурси Інтернету (www.bigmir.net).

Вікі-сайт — сайт, який редагують кілька чи багато людей. На­ приклад, вільна енциклопедія uk.wikipedia.org. Кожен відвідувач може зареєструватись у ній і внести інформацію про певний тер­ мін, людину, географічний об'єкт, подію тощо.

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

Візуальна класифікація

За цією класифікацією сайти поділяються на текстові, графічні та імітаційні.

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

Графічні сайти окрім певних текстових матеріалів містять бага­ то графіки: спливаючі меню, піктограми, анімаційні зображення тощо (рис. 7.3).

Типи сайтів та їх особливості

279

Рис. 7.2. Сайт електронної бібліотеки давньої української літератури litopys.org.ua

Рис. 7.3. Сайт Верховної Ради України www.racla.gov.ua

2 8 0

Розділ 7. Дизайн веб-сайт