Мета: сформувати поняття:редактора веб-сайтів, хостингу; пояснити:структуру сайту, особливості сайтів, відмінності між веб-сторінками; формувати навички: проектувати сайт, розробляти схеми та аналізувати структуру сайту; розвивати вміння чітко й лаконічно висловлювати думки; виховувати уважність, дисциплінованість під час роботи за ПК.
Тип уроку: комбінований
Обладнання: крмп’ютер,
презентація до уроку
Хід уроку
І.Оорганізаційний
момент
ІІ. Перевірка
домашнього завдання
Фронтальне
опитування
1. Які групи елементів можна виділити на веб-сторінці? Охарактеризуйте кожну
групу.
2.
Що таке контент веб-сторінки?
3. Поясніть особливості різних видів веб-сторінок залежно від їх вмісту.
4. Чим відрізняється домашня сторінка
веб-сайта від інших інформаційних сторінок?
5. Поясніть особливості різних видів
веб-сторінок залежно від технологій, використаних при їх створенні.
6. За якими ознаками можна класифікувати веб-сайти?
ІІІ. Вивчення
нового матеріалу
Веб-сторінки — це електронні
документи, а це означає, що повинні існувати й певні підходи до їх створення,
засоби та інструменти.
Веб-сайт— сукупність веб-сторінок, доступних в Інтернеті, які
об'єднані як за змістом, так і навігаційно
Етапи створення сайту
1.
Постановка завдання
2.
Визначення структури сайта та його окремих сторінок.
Результатом повинна стати мапа (карта) сайта – діаграма,
що візуально відображає ієрархію сторінок сайта, схему зв’язків і переходів між
ними, тобто внутрішню структуру сайта.
Другим завданням етапу є розробка так званої зовнішньої
структури сайта, яка визначає зовнішній вигляд веб-сторінок.
3. Розробка дизайн-макета сторінок сайта
4. Створення та верстка сторінок сайта
5. Етап програмування сайта.
6. Розміщення (публікація) сайта в Інтернеті
7. Тестування сайта
8. Популяризація та підтримка сайта.
9. Супровід сайта.
Організації, що надають послуги хостингу, називають
хостинг-провайдерами.
Тому можемо переходити до питання створення сайту. Якими
ж способами можна створити сайт?
Під час вивчення теми
ми розглядатимемо саме автоматизоване створення веб-сайту.
Для створення, редагування та
керування вмістом сайту використовують спеціальну систему керування контентом —
CMS (від англ. Content Management System). Це програмна оболонка, яка дозволяє
легко вводити і редагувати дані — текст, рсунки тощо, додавати і видаляти
сторінки, тобто керувати сайтом у режимі онлайн, без знання HTML, мов
програмування та інших спеціальних навичок.
Оскільки створити сайт за допомогою CMS можна
швидко і без спеціальних навичок, цей інструмент стає дедалі популярнішим.
Зараз популярними є безкоштовні
CMS: Wordpress, Joomla, Drupal. Серед комерційних CMS — це Bitrix, NetСat,
ABO.CMS, Amiro.CMS, UMI.CMS, Host.CMS тощо. Крім того, значна кількість
веб-студій використовують у створенні сайтів самописні універсальні CMS власної
розробки. Окремо можна відзначити CMS Data Life Engine (DLE), яка подається
розробниками як движок для великих новинних порталів.
Для того щоб сайт
став доступним широкому колу відвідувачів, йому необхідно призначити доменне
ім’я і розмістити в мережі Інтернет. Розміщення сайту на сервері та подальше
його адміністрування називають хостингом. Наданням такої послуги
займаються спеціальні організації. Хостинг буває платним і безкоштовним.
Хостинг (від англ. host) — це
виділення місця на вінчестері серверу, що має цілодобове підключення до
Інтернету, для розміщення сайту.
Можливість створювати
веб-сторінки та організовувати форуми й чати в автоматизованому режимі (крім
власне розміщення сайту) часто надається на серверах, що забезпечують хостинг.
Наприклад, ucoz.ru, mylivepage.com.
Однією з найпростіших
форм автоматизованого створення веб-ресурсів є блоги (онлайнові щоденники), які
дають змогу публікувати та впорядковувати (зазвичай у хронологічному порядку)
на веб-сторінках різноманітні записи.
Веб хостинг UcoZ
Ucoz — це
безкоштовний веб-хостинг із вбудованою системою керування сайтом. Модулі UcoZ можуть використовуватися як у єдиній зв'язці для створення
повнофункціонального сайту, так і окремо, наприклад, як блог-платформи,
веб-форуми та ін.
Фактично UcoZ — це веб-сервіс, що працює за принципами Веб 2.0 і дозволяє, в першу
чергу, створювати сайти різного рівня складності та досить сильно відрізняється
від традиційних безкоштовних хостингів (слайд
6).
Під час реєстрування користувачеві надається
можливість вибрати домен для свого проекту. В системі існують також і домени,
спеціально розраховані на українську аудиторію — name.ucoz.ua, name.at.ua.
Під час реєстрування кожен користувач отримує
400 Мб дискового обсягу. Дисковий обсяг постійно збільшується пропорційно до
зростання кількості відвідувачів сайту. Основні
можливості наведені в додатку 1.
ІV. Застосування знань, умінь та навичок (робота за ПК)
Тренувальні
вправи
Вправа 1. Перетворення
готової презентації на веб-сторінку.
1. Відкрийте вказаний учителем файл MS PowerPoint.
2. Збережіть цю
презентацію як веб-сторінку на диску в місці, яке вкаже вчитель. За допомогою
команди Файл → Зберегти як ... у списку Тип файлу виберіть Веб-сторінка
в одному файлі.
3. Перегляньте
отриманий документ. Відкрийте веб-документ у папці, де було збережено файл.
4. Порівняйте
отриману веб-сторінку з початковим файлом (Презентація — 1.ppt). Зробіть
висновки.
Вправа 2.
Збереження публікації в HTML.
1. Відкрийте
вказаний учителем файл MS Publisher.
2. На панелі
інструментів у меню Файл виберіть команду Поместить на веб-узел... (Помістити
на веб-вузол...). Коли з’явиться діалогове вікно, виберіть папку Мої документи
для збереження публікації в HTML.
3. Перегляньте
результат збереження публікації. Відкрийте папку Мої документи.
У результаті збереження ви повинні отримати файл index.htm, який містить
головну сторінку сайту, і папку index.files, яка містить допоміжні файли
(зображення, інші сторінки тощо).
4. Перевірте
створений файл (гіперпосилання, навігацію) за допомогою браузера.
5. Порівняйте
отриману веб-сторінку з початковим файлом (Публікація.ppt). Зробіть висновки.
V. Підбиття підсумків уроку
Аналіз виконання тренувальних вправ.
Вчитель аналізує виконання вправ. За результатами тренувальних вправ
учитель разом з учнями складають алгоритм перетворення готових документів
(MS Word, MS Power Point, MS Publisher) на
документи HTML.
VІ. Домашнє
завдання: вивчити етапи
створення веб-сайту, поняття хостингу, способи створення веб-сайтыв
Додаток 1.
Основні можливості
1.
Користувачу пропонується
багато дизайнів на вибір, які можна використати для побудови сайту.
2.
Можливість створити
власний дизайн (шаблон) або переробити будь-який зі стандартних.
3.
Доступ по FTP.
4.
Безкоштовна технічна
підтримка.
5.
WYSIWYG
online редактор.
6.
Візуальний
конструктор блоків.
7.
Версія
сайту для КПК.
8.
Резервне
копіювання.
9.
Лайтбокс
— рекламний щит.
10.
Загальна
авторизація — uID. Модулі системи
11.
Користувачі
— керування списком користувачів сайту.
12.
Форум
— створення та керування форумами.
13.
Щоденник
(блог) — створення та керування блогом.
14.
Фотоальбоми
— створення фотоальбомів.
15.
Гостьова
книга — керування гостьовою книгою.
16.
Каталог
статей — керування статтями на сайті.
17.
Міні-чат
— модуль для маленьких повідомлень, які можуть містити смайлики.
18.
Шаблони
— модуль містить дизайни на будь-який смак.
19.
Новини
сайту — модуль, що дозволяє користувачеві слідкувати за оновленням сайту.
20.
Інтернет-статистика
— перегляд статистики відвідувань сайту.
21.
Каталог
файлів — каталог файлів, які були додані користувачами сайту.
22.
Каталог
лінків — список веб-адрес, які були додані користувачами сайту.
23.
Оголошення
— створення дошки оголошень.
24.
FAQ
— список найчастіших запитань та відповідей на них.
25.
Опитування
— опитування різного спрямування.
26.
E-mail
форми — організація зворотного зв'язку з адміністрацією сайту.
27.
Онлайн-ігри
— модуль, у якому представлені ігри різних напрямків — від стратегій до
настільних ігор.
28.
Інтернет-магазин
— модуль системи, який є оптимальним рішенням у галузі електронної торгівлі.
Немає коментарів:
Дописати коментар