Технологію створення та підтримки веб-ресурсів в автоматизованому режимі
Актуалізація знань learningapps.org/5109055
Хід уроку
Веб-сторінки — це електронні документи, а це означає, що повинні існувати й певні підходи до їх створення, засоби та інструменти.
Можна виділити такі варіанти створення веб-сайтів. Інструментальні засоби для веб-розробки:
1. Мова розмітки гіпертексту HTML.
2. Засоби редагування та конвертування для створення та інтерпретації Web-документів.
3. Технології та мови програмування для розробки інтерактивних сторінок і мобільних додатків.
Розглядатимемо саме автоматизоване створення веб-сайту.
Для того щоб сайт став доступним широкому колу відвідувачів, йому необхідно призначити доменне ім’я і розмістити в мережі Інтернет. Розміщення сайту на сервері та подальше його адміністрування називають хостингом. Наданням такої послуги займаються спеціальні організації. Хостинг буває платним і безкоштовним. Можливість створювати веб-сторінки та організовувати форуми й чати в автоматизованому режимі (крім власне розміщення сайту) часто надається на серверах, що забезпечують хостинг. Наприклад, ucoz.ru, mylivepage.com.
Однією з найпростіших форм автоматизованого створення веб-ресурсів є блоги (онлайнові щоденники), які дають змогу публікувати та впорядковувати (зазвичай у хронологічному порядку) на веб-сторінках різноманітні записи.
Під час автоматизованого створення веб-сайту неможливо обійтися без уявлень про Веб 2.0.
Веб 2.0 (Web 2.0)— поняття, яким користуються для позначення ряду технологій та послуг Інтернету. Окрім цього, цим поняттям описують зміну сприйняття Інтернету користувачами.
1. Веб 2.0 — це платформа, до якої є вільний доступ, її структура універсальна та спрощена.
2. Учасники сервісу — співрозробники та співавтори, тобто стороння регламентуюча (модераційна) сторона скасовується.
3. Після поповнення бази даних стають доступними кожному.
4. Дані організовуються не таксономічно (ієрархія рубрик), а фолксономічно («хмара тегів»). Дані зберігаються не в каталогах чи бібліотеках, а в АРІ-інтерфейсах.
5. Сайти не статичні, а динамічні. Представлені не персональними сторінками, а блогами, динамічними сторінками.
6. Для сприйняття контенту не потребується відвідування сайту, є можливість читати RSS-стрічки.
7. «Вільна» ліцензія GNU FDL.
8. Підтримка програмного забезпечення відбувається через відділ технічної підтримки.
9. Спільний контент створюється кожним учасником.
Приклади Веб 2.0 проектів:
Вікіпедія— вільна багатомовна енциклопедія.
GoogleEarth— google-карти.
Flickr— онлайн-фотоальбом.
Netvibes— персональний робочий стіл.
Digg.com— ресурс новин.
UcoZ— веб-хостинг.
Для створення власного сайта спочатку необхідно розробити макет, створити його за допомогою тегів HTML, селекторів CSS і сценаріїв JS. Потім розмістити сайт на певному сервері, наповнити його контентом і постійно оновлювати. При цьому сайт бажано зв’язати із соціальними мережами, надати можливість зворотного зв’язку.
Це означає, що потрібно знати й уміти використовувати різноманітні API, програмувати мовою PHP і використовувати безліч інших технологій. Тобто ми одночасно маємо бути front-end-і back-end-розробниками.
Front-end — інтерфейс взаємодії між користувачем та базовою апаратно-адміністративною частиною (back-end). Інакше кажучи, front-end — це користувацький інтерфейс, а back-end — адміністративний, пов’язаний із керуванням сайтом.
Visual Studio Code— це безкоштовний крос-платформний редактор коду, розроблений корпорацією Microsoft. Visual Studio Code є одним із найпопулярніших редакторів коду, ним користуються понад 55 % розробників. Програма має відкритий вихідний код. Вона оснащена доступним набором інструментів для редагування й налаштування, легко інтегрується з іншими сервісами, її властивості можна легко розширити.
Д/З 1 Проаналізувати онлайн редактрори: JSFiddle. Live weave. Code Pen
2. Проаналізувати офлайн редактрори: Aton, Visual Studio, Sublim
3. Зробити висновок який з редакторів онлайн і офлайн на вашу думку зручніший,