Структура веб-сайтів, різновиди веб-сайтів. Поняття про засоби автоматизованої розробки веб-сайтів, редактор веб-сайтів з графічним інтерфейсом


Структура веб-сайтів, різновиди веб-сайтів.

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


Розрізняють зовнішню та внутрішню структуру веб-сайту. 

Основними елементами зовнішньої структури сайту є:
   -  Шапка сайту, яка містить логотип і назву сайту. Шапка сайту може вирішувати декілька завдань. По-перше, це візитна картка інтернет-ресурсу. По-друге, шапка сайту дуже часто використовується для розміщення в ній основного меню.
   -  Меню – це засіб для переходу до основних розділів сайту. Наприклад, таких, як каталог файлів, форум, зворотній зв’язок та ін.
   -  Контент (англ. content – зміст) – змістове наповнення веб-сторінки, доступне користувачу: тексти, зображення, відео, звукові дані та інше.
   -  Підвал сайту або футер, є менш функціональною частиною. В ньому містяться контактні дані та повідомлення про авторські права.
Окрім цього, на сайті можуть бути присутні посилання на інші сайти, різноманітні інформери (наприклад, погода в Бобринці, святковий календар) та інші елементи.
Внутрішня структура сайту, як правило, представлена картою сайту – діаграмою, що візуально відображає ієрархію сторінок сайта, схему зв’язків і переходів між ними.


Веб-сайт — це сукупність веб-сторінок, які об'єднані між собою за змістом та навігаційно. Всі сайти, до яких доступ вільний, утворюють Всесвітню павутину — найбільше сховище інформації. 
Веб-сайтів є дуже багато, і класифікувати їх можна по-різному та за різними критеріями.
Види веб-сайтів:
   1.      За технологією:
a.       Статичні;
b.      Динамічні;
c.       Флеш-сайти;
d.      Мішані.
   2.      За призначенням:
a.       Сайти, що надають контент;
b.      Сайти електронної комерції;
c.       Сайти для спілкування;
d.      Сайти для надання послуг.
Статичний сайт – сайт, вміст якого залишається незмінним для всіх відвідувачів сайту. Він не розрахований на часті оновлення. Статичні сайти ще називають сайтами брошурами.
Прикладом таких сайтів можуть бути сторінки з навчальними матеріалами, історичними відомостями, описами музейних експонатів, …
Динамічний сайт – сайт, призначений для відображення інформаційних матеріалів, що часто оновлюються. Такими можуть бути сторінки з новинами, з переліком товарів на сайті Інтернет-магазину, з добіркою популярних відео-фрагментів, …
При відвідуванні таких сайтів користувачі можуть бачити різний вміст.
Флеш-сайт – створюється з використанням технологій розробки анімаційних зображень Adobe Flash, тому такі сайти привабливі, яскраві, містять багато анімаційних та звукових ефектів.
Флеш-сторінки часто розміщуються на сайтах дизайнерів, художників, фотографів, роботи яких ефективніше виглядають у динамічному оформленні.
Сайти, що надають контент:
-  інформаційно тематичні сайти;
-  сайти новин;
-  електронні бібліотеки;
-  енциклопедії;
-  словники;
-  каталоги;
-  сховища файлів різних видів;
-  медіатеки …
Сайти для он-лайн контактів і спілкування:
-  форуми;
-  веб-чати;
-  сайти соціальних мереж;
-  блоги;
-  сайти мережних ігор …
Сайти електронної комерції:
-  інтернет-магазини;
-  системи електронних платежів;
-  сайти банків, бірж;
-  сайти, що пропонують різноманітні платні послуги: навчання іноземних мов, консультації психолога, …
Сайти для надання послуг:
-  сайти електронної пошти;
-  пошукові системи;
-  сайти перекладу слів і текстів.
Візуальна класифікація веб-сайтів
За цією класифікацією сайти поділяються на текстові, графічні та імітаційні.
Текстові сайти містять переважно текстову інформацію та від­носно мало зображень. Вони порівняно невеликі за роз­міром і мають простий дизайн. Дуже часто сайти інших типів крім стандартної мають ще й текстову версію — для тих відвідува­чів, які з різних причин не хочуть завантажувати повні варіанти веб-сторінок.
Графічні сайти окрім певних текстових матеріалів містять бага­то графіки: спливаючі меню, піктограми, анімаційні зображення тощо.
Імітаційні сайти запозичують ідею оформлення з реального світу. Так, наприклад, сайт про автомобілі може містити програму, що відображає всі деталі автомобіля на екрані та дає огляд позиції водія у процесі руху.
Такі сайти найчастіше отримують нагороди Webby Awards за свій нетрадиційний, інноваційний дизайн. Наприклад, сайт LeoBurnett.ca став переможцем 2005 року в категорії «Кращий візуальний дизайн».
            Отже, класифікація сайтів непроста і неоднозначна. Передусім можна по-різному визначати критерії, за якими класифікують сайти. Окрім того, іноді складно визначити, до якої категорії належить той чи інший сайт. Проте така класифікація допомагає зорієнтуватися у величезній кількості ресурсів Інтернету.


Поняття про засоби автоматизованої розробки веб-сайтів, редактор веб-сайтів з графічним інтерфейсом.
Щоб створити власний веб-сайт, потрібно, в першу чергу, ознайомитися з алгоритмом його створення.
Етапи створення веб-сайтів:
1. Постановка завдання:
На цьому етапі визначається:
*      мета створення сайту;
*      тематика сайту;
*      тип сайту;
*      відмінності сайту від інших сайтів такої самої тематики;
*      аудиторія потенційних відвідувачів сайту: вік відвідувачів, стать, коло інтересів …
*      перелік сервісів для розміщення на сайті: форум, чат, пошукова система …
*      перспективи розвитку сайту.
2. Визначення структури сайту та його окремих сторінок.
1) Складання переліку розділів сайту для формування системи навігації, список сторінок, визначення зв’язків між ними.
Результат – карта сайту, яка відображає внутрішню структуру сайту.


            2) Розробка зовнішньої структури сайту, яка визначає зовнішній вигляд веб-сторінок.
Якщо розробка сторінок сайту буде здійснюватись автоматизованими засобами, то зовнішня структура може бути запропонована в шаблоні сторінки.


         3. Розробка дизайн-макета сторінок сайту.
Включає кольорову гаму сторінок, елементів графічного оздоблення, набору шрифтів та ін., тобто визначає стиль сайту.
         4. Створення та верстка сторінок сайту.
Верстка – це процес розміщення на сторінці текстових та графічних елементів.
Правильно зверстана веб-сторінка однаково відображається різними браузерами, швидко завантажується для перегляду.
На даному етапі здійснюється інформаційне наповнення сайту.
         5. Етап програмування сайту.
Розміщення на сайті інтерактивних елементів, таких як системи пошуку, голосування, форуму, …
         6. Розміщення (публікація) сайту в Інтернеті.
Сайт розміщують на сервері, який надає послуги хостингу. Під час публікації в Інтернеті сайту надається доменне ім’я. Після цього сайт стає доступним для перегляду всім бажаючим.
Недоліком використання деяких серверів, що надають безкоштовний хостинг, є розміщення сторонньої реклами та обмеження використання деяких інтерактивних засобів.
Можна розмістити сайт на сервері платного хостингу без реклами та з усіма потрібними програмними засобами.
7. Тестування сайту.
Перевірка відображення сайту різними браузерами.
         8. Популяризація та підтримка сайту.
Це процес реєстрації сайту у пошукових системах і каталогах, розміщення посилання на нього на інших сайтах.
         9 супровід сайту.
Для підтримки інтересу до сайту важливо регулярно поповнювати його цікавими унікальними матеріалами.
Засоби розробки веб-сайтів.


Названі засоби створення веб-сайтів можна встановити на локальному комп'ютері. Створені в їх середовищі веб-сторінки після завершення процесу розробки потрібно опублікувати в Інтернеті. У той же час існують WCMS, які одночасно з послугами з розробки веб-сайтів надають послуги безкоштовного хостингу. Такими є системи uCozGoogle SitesProm.ua та ін. У цих системах створення веб-сайта здійснюється в режимі онлайн відразу на сервері хостингу.

Завдання
Установіть, до якої групи належать позначені елементи веб-сторінки


Комментариев нет:

Отправить комментарий