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

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

Практичні поради у створенні веб-сайтів

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

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

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

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

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

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

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

Які риси  сервісу Web 2.0?

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

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

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

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

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

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

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

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

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

 

Технології 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-карти

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

delicious - Служба закладок

Netvibes - Персональний робочий стіл

Digg.com – Ресурс новин

UcoZ - Веб хостинг

Україномовні Веб 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 ігор різних напрямків - від стратегій до настольних ігор
• Інтернет-магазин (в режимі бета-тестування) - новий модуль системи, який є оптимальним рішенням в сфері електронної торгівлі

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

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

Історія

У основу розробки сервісу був закладений сполучений досвід декількох розробників, що виражався в передуючій роботі над сервісом голосування та сервісом безкоштовних гостьових книг, а також скриптом професійної 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.

Рис.1

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

Рис.2

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

Рис.3

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

Рис.4.

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

Рис.5

 

 

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

Рис.6

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

Рис.7.

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

Рис.8.

Після того, як визначилися з шаблоном, вибираємо необхідні модулі, які ви б хотіли мати на власному сайті. Усі обирати не обов’язково, тому що вони потім легко як включаються так і виключаються.

Рис.9.

Натиснувши кнопку Далі, переходимо власне до Панелі управління, з якою будемо працювати потім постійно.

Рис.10.

 

Загальні налагодження для вашого сайта можна знайти у вкладці «Настройки-Общие настройки» (рис.11). Там можна легко змінити назву сайта, чи вибрати інший дизайн:

Рис.11

 

Щоб додати нові сторінки на сайт, необхідно зайти в меню Редактор сторінок (Зліва у головному меню) і натиснути на кнопці Додати сторінку.

Рис.12

Зверніть увагу, додаючи сторінку, зберігайте її 1 раз і виходьке з режиму редагування. Бо скільки разів ви натиснете на кнопку Створити сторінку, стільки сторінок буде й створено (навіть підправляючи одну й ту ж сторінку).

Як можна редагувати сторінку? Конструктор пропонує декілька варіантів - в HTML (рис.13), у візуальному редакторі та BB-кодах.

Рис.13

Якщо ви впевнений користувач мови HTML – ваш варіант перший, якщо ні – зручно користуватися візуальним редактором.  Викликати редактор можна по-різному. Програма пропонує це зробити прямо зі сторінки, яку ви редагуватимете. Для цього входите як користувач-адміністратор, тоді визу екрану справа висвітлюються маленькі картинки: око та знак видалення. Клацаємо на оці – і ми у віртуальному редакторі (рис.14).

Рис.14

Якщо ви виконаєте команду «Додати сторінку», вам необхідно відразу вказати назву нової сторінки. Назву сторінки буде видно у рядку броузера через тире після назви сайта. Як тільки ви додали нову сторінку, її повна назва автоматично з’являється в меню.

Раніше меню редагувалося так як і сторінка, а після оновлення системи uCoz навесні 2009 року, для створення та редагування меню з’явився свій інструмент – Конструктор меню (рис.15,16). Тепер меню може бути деревовидним, вертикальним чи горизонтальним.

 

Рис.15.

Рис.16

Як на сторінку додати фотографію чи картинку? Для цього у візуальному редакторі клацаємо по значку «Зображення». Випливає вікно «Зображення – Діалогове вікно» (рис.17).

Рис.17

Щоб завантажити фото з комп’ютера, клацаємо по значку папки, що відкрилася, у кінці рядка «Шлях». З’являється вкладинка сторінки «Файловий менеджер» (рис.18) - переходимо на неї.

Рис.18

Внизу у вікні «Огляд» знаходимо файл на своєму комп’ютері й натискуємо кнопку «Завантажити». Коли завантаження закінчення, ім’я файла з’явиться в кінці списку вже завантажених файлів. Клацаємо по ньому – і воно з’являється у рядку «Шлях» діалогового вікна. У полі «Назва» прописуємо назву фото чи картинки. Виставляти значення ширини та висоти не обов’язково – вони заповнюються автоматично. Далі натискуємо на кнопці «Вставити» та «ОК». Буває так, що вікно «Зображення – Діалогове вікно» виводиться у зменшеному вигляді, тоді деякі кнопки не видно – розтягніть вікно - і всі кнопки з’являться.

Вставляючи фото чи картинку, звертайте увагу, щоб вони були невеликого розміру. Намагайтесь не використовувати фото більші 300 Kb. Якщо ж у вас виникає необхідність у великих фото, розмістіть їх на окремих сторінках, зробивши на них гіперпосилання з їх же маленьких фотокопій.

Якщо ви хочете завантажити не одне фото, а цілий альбом, скористайтеся модулем «Фотоальбом», у якому завантаження альбомів виконується у вигляді zip-архіву.

Система uCoz слідкує за тим, щоб не було неактивних, «мертвих» сайтів. Якщо ваш сайт не відвідується протягом 40 днів, то вам відправляється повідомлення, що сайт буде видалено. Якщо ви не станете його відновлювати, то через 15 днів сайт буде видалено з системи.

Також система uCoz вимагає від вас використовувати хоча б 1 контент-модуль – блог, новини, каталог, форум, гостьова книга. Якщо ви все ж таки створите простий html-сайт, то він теж буде видалений системою через 40 днів.