Лекція 1
.pdfЛекція №1
Типи сайтів.
Огляд прогамних засобів для розробки сайтів
Інтернет - це всесвітня комп'ютерна мережа, яка об'єднує в єдине ціле десятки тисяч різнотипних локальних та глобальних мереж. Інтернет об'єднує мільйони комп'ютерів, нею користуються десятки мільйонів людей.
Найвідомішою та найпопулярнішою службою Інтернету є Всесвітня павутина (World Wide Web — WWW), або просто Веб, розповсюджена по всьому світу
інформаційна мультимедійна система, яка об'єднує в єдиному просторі інформацію різних типів.
Саме після її розповсюдження став можливий масовий доступ користувачів до Всесвітньої мережі. Своєю появою Веб має завдячити Тіму Бернесу-Лі, який винайшов протокол HTTP (Hyper Text Transfer Protocol — протокол передавання гіпертексту), адреси URL та мову HTML) — технології, на яких ґрунтується Веб.
Служба Веб підтримується сукупністю серверів, які здатні обмінюватися даними за протоколом HTTP. Цих серверів мільйони, й розповсюджені вони по всьому світу. На них містяться веб-сторінки — спеціальні документи, створені з використанням мови HTML.
Кожна веб-сторінка має адресу URL (Uniform Resource Locator — єдиний вказівник на ресурс) або адреса ресурсу. Типовий URL має такий вигляд: протокол://адреса, де протокол визначає метод доступу до ресурсу, наприклад http, ftp (File Transfer Protocol — протокол передавання файлів); адреса - описує місце розташування ресурсу і включає назву сервера, шлях до документа і його ім'я. Часто зустрічаються URL, що містять лише протокол та назву сервера. У цьому випадку завантажується головна сторінка сервера.
Web-сторінка – це текст, написаний мовою HTML чи іншою, який
призначений для перегляду електронної інформації на екрані комп’ютера за
допомогою браузера.
Для створення web-сторінок послуговуються гіпертекстовими редакторами, наприклад, HotMetalPRO, Hot Dog Professional, Netscape Editor, webedit, HTMLWriter, HTML Assistant, HTMLed, де використовується мова HTML - Hyper Text Markup Language (мова для розмічування гіпертекстових документів).
В процесі роботи користувач бачить внутрішній вміст HTML-файлу і може змінювати його або вручну, або викликаючи команди меню для вставки певних елементів HTML.
Сучасні редактори, такі як FrontPage, Dream Viewer, MS Word тощо, дають змогу створювати web-сторінки методом конструювання, тобто без застосування кодів мови HTML. Вони генерують цей код автоматично.
Перегляд HTML-документу здійснюється за допомогою веб-оглядача (браузера) (таких програм як Internet Explorer, Mozilla, Netscape, Opera та ін.).
Для відтворення веб-документа у вікні браузера достатньо ввести його URL в поле Адреса і натиснути клавішу Enter. Основною особливістю та перевагою вебсторінок є те, що інформація на них організована як гіпертекст.
HyperText Markup Language (HTML) – мова розмітки гіпертекступризначена для написання гіпертекстових
документів, які публікуються в World Wide Web. HTML не є мовою програмування. Вона призначена для розмітки текстових документів.
Першу версію HTML розробив співробітник Європейської лабораторії фізики елементарних частинок Тім Бернерс-Лі.
Гіпертекстовий документ - це текстовий файл, який має спецільні мітки, які називаються тегами, які розпізнаються браузером і використовуються ним для відображення вмісту файла на екрані комп’ютера.
Але основною перевагою гіпертексту перед звичайним текстом є можливість додавання до вмісту документа гіперпосилань - спеціальних конструкцій мови HTML, які дозволяють натисканням миші перейти до перегляду іншого документа.
Гіперпосилання — це найважливіша частина гіпертексту. Гіперпосилання має чітко сигналізувати користувачеві, що він отримає, клацнувши на ньому. Підкреслений текст повинен вказувати на зміст об’єкту, до якого буде здійснений перехід.
Веб-сайт (веб-вузол) — це сукупність веб-сторінок, доступних в мережі Інтернет, які об‘єднані між собою за змістом та навігаційно.
Класифікація сайтів
Функціональна класифікація Сайти-брошури є найпоширенішими, вони містять практично ті ж матеріали,
що й традиційні рекламні брошури. Їхньою метою є рекламування послуг та товарів певної компанії.
Сайти електронної комерції, основною метою яких є продаж товарів. Вони розраховані на те, що кожен їх відвідувач є потенційним покупцем, і тому містять ціни, опис особливостей, рекламу, а також можливість придбати певну послугу чи товар.
Громадські сайти — головною їх ознакою є спілкування між відвідувачами сайта. Такі вузли формують власні групи однодумців, людей зі спільними інтересами.
Портали — це вхідні ворота доступу до різноманітних ресурсів. Прикладом українського порталу можна навести http://www.bigmir.net/. Тут користувач може зареєструватись і отримати доступ до всіх послуг цього вузла — електронної пошти, блогів, пошуку роботи, служби оголошень, погоди, новин, гороскопів, а також, відділу торгівлі, подорожей, відсилання SMS та багато іншого.
Тематична класифікація
Користувачеві найлегше класифікувати веб-сайти відповідно до їх тематики, функціональності або загального вигляду. Тож за цими ознаками можна виділити такі найпоширеніші типи сайтів:
блог — сайт, що використовується для читання та запису онлайнових щоденників, може також містити форум. Прилади: http://www.livejournal.com/ та http://www.dnevnik.org.ua/
бізнес-сайт — сайт з матеріалами про компанію чи послугу. Наприклад http://microsoft.com/
комерційний сайт — забезпечує функцію електронної торгівлі, наприклад http://www.amazon.com/
громадський — сайт, який слугує потребам деякої громади, групи людей зі спільними інтересами, які хочуть спілкуватись між собою. Наприклад http://www.myspace.com/
база даних — сайт, котрий призначений для пошуку та відображення записів бази даних, наприклад http://www.imdb.com/ чи http://www.rada.gov.ua/
каталог — сайт, який містить матеріали, розподілені по категоріях та підкатегоріях, такі як http://www.yahoo.com/ чи http://www.yandex.ru/
сайт матеріалів — призначений для завантаження матеріалів у електронному вигляді, таких як програми, ігри, музика та зображення.
сайт працевлаштування — дозволяє працедавцям розміщувати вимоги щодо вакансій. http://www.job.ua/
гумористичний — містить анекдоти, жарти, веселі історії чи будь-які інші гумористичні матеріали для розваги http://www.kulichki.ru/, http://www.exler.ru/ інформаційний — його зміст повинен інформувати користувачів, але не обов’язково з комерційною метою. http://www.lviv.net/
новинний сайт — схожий на інформаційний, проте призначений для поширення новин та коментарів щодо них http://www.bbc.co.uk/
сайт відгуків — на ньому користувачі можуть залишити відгуки про різноманітні продукти чи послуги http://www.ayda.ru/ (відгуки про відпочинок), http://www.mrqe.com/ (рецензії на фільми)
пошуковий сайт —дозволяє здійснювати пошук інформації чи посилань, http://www.google.com/
веб-портал — є початковим сайтом, через який можна вийти на інші ресурси Інтернету http://www.bigmir.net/
вікі-сайт — сайт, який редагується кількома людьми. Наприклад, вільна енциклопедія http://uk.wikipedia.org/
Візуальна класифікація Текстові сайти — містять досить мало зображень, переважно на них лише
текстова інформація. Такі сайти є порівняно невеликими за розміром і мають простий дизайн. Дуже часто сайти інших типів мають, крім стандартної, ще текстову версію. Наприклад, http://litopys.org.ua/
Графічні сайти — окрім певних текстових матеріалів містять багато графічних: випадні меню, піктограми, анімаційні зображення тощо. Сайт Верховної Ради України http://www.rada.gov.ua/
Імітаційні сайти — запозичують ідею оформлення з реального світу. Так, наприклад, сайт про автомобілі містить програму, котра дозволяє відобразити всі деталі автомобіля на екрані, включаючи огляд з позиції водія в процесі руху. Сайт компанії Merсedes http://mercedes-amg.com/
Веб-дизайн - це розділ дизайну, чітко зорієнтований на кінцевого користувача, він поєднує елементи художніх, технологічних, комерційних та інформаційних наук. Веб-дизайн означає проектування для Інтернету.
Можна виділити п’ять основних складових поняття веб-дизайна.
Зміст — означає форму та організацію наповнення сайта: стиль написання тексту, так і його упорядкування, подання та структурування за допомогою мови HTML.
Оформлення — загальний вигляд сайта, який включає в себе графічні елементи прикраси та навігації.
Технології — до цієї категорії належить використання HTML та CSS. Подання — швидкість та надійність представлення сайта в мережі Інтернет. Мета — причина існування сайта, часто пов’язана з економічними
міркуваннями.
Планування веб-сайтів
Кожен веб-проект має свої завдання і стикається з власними унікальними проблемами, але загалом процес розробки комплексного веб-вузла має такі шість етапів:
1.Планування
2.Інформаційна архітектура
3.Дизайн
4.Реалізація
5.Маркетинг
6.Оцінювання і підтримка
Сайти бувають статичні і динамічні.
Статичний сайт - це незмінний сайт, який зробили, залили на хостинг і показують користувачам щоразу в незмінному вигляді. Якщо і є дрібні зміни у вигляді додавання рекламних оголошень, банерів або якого небудь лічильника відвідуваності, але в основному сайт незмінний, сторінки його статичні. Більшість сайтів в інтернеті статичні. Статичні сайти в основному складаються з простих Html-сторінок.
Динамічний сайт - це сайт зібраний сервером із різних частин. Тобто в тому вигляді, в якому ми бачимо сторінку на моніторі, сторінки на сервері немає. На сервері зберігаються тільки дані, які доповнюються наступними способами:
-Заповнення шаблону різними даними, що зберігаються окремо. -Об'єднання кількох частин в одну.
-Комбінування двох перших способів.
Більшість динамічних сайтів використовують CMS, тобто Системи управління контентом сайту.
CMS - це спеціальні програми розроблені для зручності користування, тобто для легкої і швидкої зміни дизайну і контенту сайту. Створюється він для того, щоб для кожної нової сторінки не доводилося прописувати скрипти, функції і алгоритми.
УCMS зовнішнє оформлення відокремлено від внутрішнього змісту. Тобто дизайн можна легко поміняти, при цьому наповнення залишиться тим же, тому що весь контент зберігається в базі даних.
Умережі Internet можна знайти платні та безкоштовні CMS.
Найпопулярніші безкоштовні CMS: Joomla, Wordpress, drupal, wiki,
Mambo і NUKE. Ці програми дуже надійні, легкі в налаштуванні і управлінні.
CMS WORDPRESS
Безкоштовна CMS для ведення блогу, дозволяє публікувати відеофайли з різних ресурсів, створити блог фотографа з демонстрацією робіт, блог музиканта з онлайн аудіо-прикладами і багато іншого. Дуже проста в установці, має багато безкоштовних шаблонів, і природно модулів, що розширюють функціональність.
Форуми підтримки: http://MyWordPress.ru., Http://wpforum.ru
CMS DRUPAL
Drupal - це відкрита система, яка використовується для створення вебсайту, а також платформа управління його вмістом за допомогою додаткових модулів розширення. Цінність Drupal полягає в тому, що він дозволяє розробникам легко і швидко комбінувати модулі, створюючи ефективні і багаті можливостями мережеві ресурси, практично не написавши жодного рядка програмного коду.
Форум російської підтримки - http://www.drupal.ru/
CMS JOOMLA
Найпопулярніша на даний час CMS. Величезна кількість розширень і модулів допоможуть вирішити будь-яке завдання.
Joomla! являє собою ефективну систему керування вмістом веб-сайтів, розповсюджується безкоштовно і володіє надзвичайною гнучкістю, що вигідно відрізняє її від інших подібних програмних продуктів.
Форуми російської підтримки - http://joomlaportal.ru/ і http://joom.ru