KNOWLEDGE HYPERMARKET


Конспект уроку: Практична робота № 10. Автоматизоване створення веб-сайту.

Конспект уроку до предмету Інформатика, 11 клас

Тема конспекту уроку: Створення, публікація й підтримка веб-ресурсів. Автоматизоване створення й публікація веб-ресурсів

Практичні поради у створенні веб-сайтів
Ви хочете йти в ногу з часом, мати своє представництво в Інтернеті, прорекламувати свої знання і послуги широкій аудиторії?


Просто бажаєте знайти нових друзів і заявити на весь світ про себе? Цікавитесь послугами з веб-дизайну та створення веб-сайтів?


Тоді ми вам допоможемо зробити свій перший крок у створенні повнофункціонального сайту!


Пропонуємо використати технологію ВЕБ 2.0, яка зараз дуже популярна в колі інформаційних спеціалістів.


Веб 2.0 (Web 2.0) — поняття, яким користуються для позначення ряду технологій та послуг Інтернету. Окрім цього цим поняттям описують зміну сприйняття Інтернету користувачами.


Термін було запроваджено у 2005 американським видавником О'Рейлі (O'Reilly Media) для означення сукупності прогресивних тенденцій у розвитку веб-технологій (на противагу технології Веб 1.0, яка показала свою нежиттєдайність).


Термін «Веб 2.0» сьогодні швидше означає не стільки сукупність певних конкретних технологій, а швидше – філософія представлення інформації у веб-орієнтованому середовищі та побудова інформаційних відношень.

Web2.0.illustr.jpg


Які риси сервісу Web 2.0?
1. Веб – це платформа, яка має вільний доступ, універсальна та спрощена. Програмне забезпечення – не товар, а сервіс, а значить часто безкоштовне. Вихідні коди відкриті, open-source software.


2. Учасники сервісу в першу чергу – співрозробники та співавтори, тобто стороння регламентуюча (модераційна) сторона скасовується.


3. Після поповнення, бази даних стають доступними кожному.


4. Дані організовуються не таксономічно (ієрархія рубрик), а фолксономічно («хмара тегів»). Дані зберігаються не в каталогах чи бібліотеках, а в АРІ-інтерфейсах.


5. Сайти не статичні, а динамічні. Представлені не персональними сторінками, а блогами, динамічними сторінками.


6. Для сприйняття контенту не потребується відвідування сайта, є можливість читати RSS-стрічки.


7. «Вільна» ліцензія GNU FDL.


8. Підтримка програмного забезпечення відбувається через відділ технічної підтримки.


9. Спільний контент створюється кожним учасником. Самодіяльність у співпраці.


Web2.0.illustracii-1.jpg


Технології Web 2.0
Web 2.0 базується на декількох старих, однак по новому осмислених технологіях:
AJAX, JSON, SVG, RSS, XPath, Canvas.


Ці технології дозволили винести веб на якісно новий рівень,однак потрібно усвідомлювати, що самі по собі дані технології не є революційними, революцію Web 2.0 зробили методики використання даних технологій.

Складові компоненти
Web 2.0 можна також охарактеризувати його складовими компонентами, тобто тими новими можливостями і застосуваннями, що надають вебу нового забарвлення: Веб-сервіси, веб-синдикація, mash-up (змішування), мітки (теги), "розумні (динамічні) помічники".

Приклади Веб 2.0 проектів
Вікіпедія - Вільна багатомовна енциклопедія
Google Earth - Google-карти

Google-karti-ill.jpg


Flickr - онлайн-фотоальбом

Flickr albom web20.jpg


delicious - Служба закладок
Netvibes - Персональний робочий стіл
Digg.com – Ресурс новин
UcoZ - Веб хостинг

UcoZ-hosting-web20.jpg


Україномовні Веб 2.0 проекти
ITEACH WІКІ — майданчик для спілкування учасників програми Іntel® «Навчання для майбутнього» — для спільного планування, обміну досвідом, ведення мережевих проектів учасниками програми.
Дуже важливим у філософії Веб 2.0 є поняття вільного (безкоштовного) змісту. Це дає нам можливість скористатися веб-хостингом uCoz, який дозволить нам безкоштовно створити повнофункціональний сайт, форум, блог.


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


Фактично, uCoz — це безкоштовний веб-сервіс, що працює за принципами Web 2.0, і дозволяє, в першу чергу, створювати сайти різного рівня складності, та достатньо сильно відрізняється від традиційних безкоштовних хостингів.


На даний момент у системі побудовано більш ніж 700 тисяч сайтів. За версією Alexa Internet сервіс займає 13 місце серед найпопулярніших російських сайтів.


При реєстрації користувачу надається можливість вибрати домен для свого проекту. В системі існують також і домени, спеціально розраховані на українську аудиторію - name.ucoz.ua, name.at.ua.

Основні можливості
• Користувачу пропонується 1000 дизайнів на вибір, які можна використати для побудови сайту
• Можливість створити власний дизайн (шаблон) або переробити будь-який зі стандартних

При реєстрації кожен користувач отримує 400 мегабайт дискового обсягу. Дисковий обсяг постійно збільшується пропорційно зростанню кількості відвідувачів сайту.


- Можливість отримати домен третього рівня в 21 різних зонах
- Доступ до FTP
- Безкоштовна технічна підтримка
- WYSIWYG online редактор
- Візуальний конструктор блоків
- Версія сайту для PDA
- Резервне копіювання
- Лайтбокс
- ЛЗУ (людино-зрозумілий URL)
- Загальна авторизація - uID

Модулі системи:
• Користувачі - управління списком користувачів сайту
• Форум- можливість створювати та управляти формумами
• Щоденник (блог)- створення та управління блогом
• Фотоальбоми - можливість створювати власні фотоальбоми та зберігати фотографії
• Гостьова книга - управління гостьовою книгою
• Каталог статей - модуль для управління статтями на сайті
• Міні-чат- модуль для маленьких повідомлень, які можуть містити смайли
• Шаблони - модуль містить 235 дизайнів на будь-який смак
• Новини сайту - модуль. що дозволяє користувачеві слідкувати за оновленням сайту
• Інтернет-статистика - дає можливість відслідковувати статистику відвідувань сайту
• Каталог файлів - каталог файлів, які буди додані користувачами сайту
• Каталог лінків - список веб-адрес, які були додані користувачами сайту
• Об\'яви - можливість додавати об\'яви
• FAQ - список найчастіших запитань та відповідей на них
• Опитування - можливість проводити опитування різного спрямування
• E-mail форми - можливість зворотнього зв'язку з адміністрацією
• Онлайн-ігри - модуль, в якому представлені 217 ігор різних напрямків - від стратегій до настольних ігор
• Інтернет-магазин (в режимі бета-тестування) - новий модуль системи, який є оптимальним рішенням в сфері електронної торгівлі


Stvorennya-saytiv-ill.jpg


Платні можливості:

  • Зняття копірайту системи.
  • Зняття рекламного банеру.
  • Збільшення дискового обсягу до 10 Гб.
  • Можливість приховати лічильник uCoz
  • Можливість прікріпити файли до листів, які відправляються через через E-mail форми


Sayt-pod-lliuc-ill.jpg


Історія
У основу розробки сервісу був закладений сполучений досвід декількох розробників, що виражався в передуючій роботі над сервісом голосування та сервісом безкоштовних гостьових книг, а також скриптом професійної CMS під назвою WoCatalog Pro.


Після майже року створення 29 жовтня 2005 року російська версія сервісів побачила світ.


В червні 2007 року відбулося офіціальне відкриття англомовної версії, а у серпні старт альфа версії німецької.
У березні 2008 року розробники українізували систему. Україномовний варіант доступний за адресою ucoz.ua.
На сьогоднішній день існує 12 версій сервісу на різних мовах.


На даний момент система керування вмістом uCoz являється унікальною, але найбільш близькими до неї сервісами можна назвати:
Bravenet
Freewebs
uCoz вважається SaaS-платформою, що зумовлює деякі особливості системи, які властиві SaaS. Перш за все, це закритість коду, відсутність можливості доповнити систему сторонніми серверними скриптами та базами данних. Усі ці особливості компенсуються великою кількістю вбудованих можливостей системи.

Технологія створення сайту у системі uCoz

В інтернет-броузері відкриваємо сторінку http:\\\\www.ucoz.ua. Натискуємо на кнопці Створити сайт. Потрапляємо на реєстраційну форму користувача (рис.1), яку й заповнюємо, відповідно до запропонованих запитань:
- вказати e-mail (вказуєте справжній, тому що доведеться підтверджувати реєстрацію;
- пароль, підтвердження пароля;
- ім’я, прізвище, нікнейм;
- дата народження;
- стать;
- місце проживання;
- ввести код безпеки, зображений на картинці;
- підтвердження умов використання сервісу.


Наступний крок – натиснути на кнопці Реєстрація.


Після заповнення форми ви отримаєте глобальний профіль в системі uNet, що дасть вам можливість створювати будь-яку кількість сайтів у системі uCoz.


Ill id-ur opc-1.jpg

Рис.1

Якщо всі дані введено правильно, ви переходите до сторінки яка вимагає підтвердження e-mail адреси (рис.2), (лист для підтвердження вам надіслано на вашу поштову скриньку, яку ви вказали під час реєстрації).


Ill id-ur opc-2.jpg

Рис.2

Підтвердивши e-mail адресу, ви переходите до вікна, у якому необхідно ввести секретний реєстраційний код, зображений на картинці поряд.


Ill id-ur opc-3.jpg

Рис.3

Наступний крок – заповнення веб-топа користувача. Спочатку ви повинні встановити окремий пароль для веб-топа, який буде необхідний тільки додаткового захисту вашої інформації.


Ill id-ur opc-4.jpg

Рис.4

На наступному кроці нам необхідно придумати та вписати адресу сайту, одначе вибравши хостинг тільки той, який пропонує uCoz. До речі, він налічує 18 імен і містить українські домени.


Ill id-ur opc-5.jpg

Рис.5

Все, ваш сайт успішно створено, про що й повідомить система.


Ill id-ur opc-6.jpg

Рис.6

У цьому вікні зверніть увагу на кнопку Панель управління сайтом, натиснувши на яку, ви перейдете до майстра налагодження конфігурації вашого сайта: де вводимо назву сайта, обираємо дизайн та задаємо мову.


Ill id-ur opc-7.jpg

Рис.7.

Зверніть увагу, що дизайн сайта можна обрати без картинок, а потім вставити поряд із заголовком свою картинку чи фото. Кількість шаблонів дизайну просто вражає – їх більше 1000 (рис.8). Назва сайта обмежена 55 символами.


Ill id-ur opc-8.jpg

Рис.8.


Ill id-ur opc-9.jpg

Предмети > Інформатика > Інформатика 11 клас > Практична робота № 10. Автоматизоване створення веб-сайту. > Практична робота № 10. Автоматизоване створення веб-сайту. Конспект уроку і опорний каркас