Основи веб-дизайну. Огляд технологій та сервісів Веб Веб-спільноти. Вікі технології

1. 
   Організація заняття.
   

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

1. 
   Що таке сайт?
   

1. • 
     Сайт або веб-сайт (англ. website, від web - павутина, "веб" і site - "місце") - це одна або сукупність веб-сторінок, доступних в Інтернеті через протоколи HTTP/HTTPS;
     
   • 
     Веб-сайт — це сукупність логічно зв'язаної гіпертекстової інформації, оформленої у вигляді окремих сторінок і доступної в мережі Інтернет.
     
2. 
   Назвіть основні завдання веб-сайтів.
   

1. • 
     Реклама продукції, послуг, ідей. Правильно зроблений веб-сайт із легкістю приведе клієнта до висновку про необхідність покупки товару, або послуг, або ідей, що пропагуються на ньому;
     
   • 
     Продаж товарів, послуг, інформації, ідей. У сучасної людини немає багато часу для ходіння по магазинах. Тому можливість замовлення товарів і послуг, не відходячи від комп'ютера, значно розширює можливості і клієнта, і продавця;
     
   • 
     Безкоштовне надання інформації або послуг. Насправді надання інформації або послуг — це засіб залучення відвідувачів до даного ресурсу для здобуття, наприклад, статистичної інформації або ж для показу реклами, якщо це рекламний майданчик;
     
   • 
     Підтримка клієнтів.
     
2. 
   Дайте визначення поняття «веб».
   

1. • 
     Веб - це всесвітня інформаційна мережа, що являє собою великий набір взаємопо'язаних один з одним документів.
     
2. 
   Що таке HTML?
   

1. • 
     HTML (від англ. Hypertext Markup Language - мова розмітки гіпертексту) - це стандартна мова розмітки документів у Всесвітній павутині. Всі веб-сторінки створюються за допомогою мови HTML (або XHTML).
     
   • 
     Мова HTML інтерпретується браузером і відображається у вигляді документа, зручному для людини.
     
2. 
   Назвіть відомі вам способи додавання текстової, графічної та відеоінформації на сторінки документів.
   

1. • 
     Набір тексту з клавіатури.
     
   • 
     Копіювання текстової, графічної та відеоінформації інформації з іншого документу, що знаходиться на комп’ютері.
     
   • 
     Пошук потрібної текстової, графічної та відеоінформації інформації через пошукову систему або на сайті.
     
2. 
   Що таке електронна пошта? Які поштові сервери ви знаєте?
   
   • 
     Це служба Інтернету, призначена для пересилання комп’ютериними мережами повідомлень від деякого користувача одному чи групі адресатів.
     
   • 
     Gmail.com, Mail.ru, Bigmir)net, HotMail, Ukrnet.
     
3. 
   З чого складається адреса електронної скриньки?
   

1. 
   Сервіси Веб 2.0.
   

2. 
   Веб-спільноти. Блог.
   
3. 
   Спільна робота з документами. Онлайн-документи.
   
4. 
   Соціальні сервіси збереження мультимедійних ресурсів.
   
5. 
   Вікі-технології.
   

• 
  AJAX (англ. Asynchronous JavaScript and XML – aсинхронний JavaScript та XML, мови програмування та розмітки веб-сторінок) – технологія побудови веб-сторінок, при використанні якої можливе динамічне перезавантаження частини вмісту веб-сторінки при перегляді її у вікні браузера. Іншими словами, ця технологія дозволяє самостійно змінювати вміст сторінки;
  
• 
  RSS (англ. Really Simple Syndication – дійсно просте об’єднання) – технологія експорту гіпертексту з одних ресурсів на інші, що використовується для отримання узагальнених коротких повідомлень з сайтів, які цікавлять користувача – стрічок новин;
  
• 
  FOAF (англ. Friend of a Friend – друг друга) – технологія, що забезпечує користувачам можливість оформлювати підписку на отримання нових матеріалів від тих користувачів, дані яких занесені до так званих «списків друзів»;
  
• 
  трекбек (англ. track back – шлях назад) – технологія надсилання повідомлення на сервер про встановлення гіперпосилання на деякий ресурс цього сервера та автоматичного формування зворотного гіперпосилання.
  

1. 
   веб як платформа – ресурси Веб 2.0 використовуються для створення документів (презентацій, електронних таблиць, флеш-проектів тощо) які можна зберегти як на локальному комп’ютері, так і он-лайн. Багато ресурсів Веб 2.0 розробляються як програми, що працюють на веб-сторінках. Вони отримали назву веб-додатки. Їх розміщення в мережі звільняє користувача від потреби встановлення відповідних програм на локальний комп’ютер. Прикладом є використання он-лайн словників та перекладачів;
   
2. 
   mash-up (англ. mash-up – змішування) – функціональність ресурсів Інтернету розширюється за рахунок додавання нових сервісів до вже існуючих, попередні розробки знаходять застосування у нових ресурсах. Так, на багатьох веб-сторінках можна побачити гаджети для відтворення відео, при цьому самі відео фрагменти та механізми керування ними містяться на інших веб-ресурсах;
   
3. 
   «колективний розум» – користувачі беруть активну участь у створенні та оцінюванні контенту ресурсу, спільно реалізують певні проекти, а не лишаються пасивними споживачами чужого контенту. Прикладом є веб-енциклопедія Вікіпедія, вміст якої створюється та покращується спільними зусиллями усіх зацікавлених користувачів;
   
4. 
   фолксономія (англ.  folk – народний, taxonomy – таксономія, принцип упорядкування) – народна класифікація, практика колективного розподілу даних по категоріях з використанням ключових слів – тегів, які користувачі ресурсу добирають самостійно для позначення вмісту контенту;
   
5. 
   сайти не статичні, а динамічні; представлені не персональни­ми сторінками, а блогами, динамічними сторінками;
   
6. 
   соціалізація – використання сервісів Веб 2.0 сприяє утворенню спільнот у мережі з метою обговорення деяких питань та спільної роботи над проектами, при цьому можливість виконання індивідуальних налаштувань, створення власного профілю користувача вирізняє кожну особистість поміж інших
   

• 
  Мережеві щоденники (блоги).
  
• 
  Соціальні сервіси збереження мультимедійних ресурсів: відеосервіси, фотосервіси.
  
• 
  Спільна робота з документами.Google Docs.
  
• 
  Соціальні сервіси ВікіВікі.
  
• 
  Соціальні пошукові системи.
  
• 
  Засоби для збереження закладок.
  
• 
  Соціальні геосервіси.
  

• 
  українська блогосфера «http://blogosphere.com.ua/»;
  
• 
  світ інформатики «http://dyatlovaea.blogspot.com/»;
  
• 
  уроки фізики «http://fizkab.blogspot.com/»;
  
• 
  щоденник робіт учнів у проекті «Подарунокк для мами» «http://podarok77.blogspot.com/»;
  
• 
  Flash, PHP та веб-програмування «http://nub.com.ua/»;
  
• 
  твій друг Інтернет «http://intelol.blogspot.com/».
  

5-й учень: Різновиди блогів. За автором (авторами):

• 
  Не потрібна покупка та встановлення будь-яких програмних продуктів. Достатньо мати в системі сумісний із сервісом браузер.
  
• 
  Проста організація спільної роботи над документами.
  
• 
  Перегляд хронології всіх змін. Робота з версіями.
  
• 
  Публікація текстових документів та електронних таблиць у вигляді веб-сторінок або статей блогів (підтримується безліч сервісів).
  
• 
  Підтримка форматів Open Document і Star Office (тільки текст SXW)
  

• 
  Відсутність перевірки граматики й стилістики тексту. Розставляти коми і стежити за коректністю мови доводиться користувачеві.
  
• 
  Відсутність підтримки макросів у всіх типах документів.
  
• 
  Друк тільки в PDF.
  
• 
  Відсутність режиму перегляду текстового документа по сторінках.
  
• 
  Відсутність олівця для малювання таблиць.
  

• 
  http://Flickr.com - Флікр (англійський інтерфейс);
  
• 
  http://flamber.ru - Фламбер (російський інтерфейс);
  
• 
  http://www.panoramio.com/ - Панораміо (багатомовний інтерфейс);
  
• 
  http://picasaweb.google.com/ - Пікаса (багатомовний інтерфейс);
  
• 
  http://kalyamalya.ru - КаляМаля (російський інтерфейс)
  

• 
  5 ГБ безкоштовного простору для зберігання. Цього вистачить для публікації близько 4000 фотографій й обміну ними; при необхідності простір можна збільшити.
  
• 
  Висока якість фотографій, а також автоматична зміна їхнього розміру й оптимізація для перегляду на всьому просторі екрана.
  
• 
  Повне керування фотографіями, що спрощує завантаження опублікованих фотографій назад на комп'ютер.
  

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