індивідуальний творчий проект

1. Міністерство освіти і науки України
Чернівецька обласна рада
Інститут післядипломної педагогічної освіти Чернівецької області
ВИКЛАДАННЯ АВТОМАТИЗОВАНОГО СТВОРЕННЯ
Й ПУБЛІКАЦІЇ ВЕБ-РЕСУРСІВ У КУРСІ ІНФОРМАТИКИ
(індивідуальний творчий проект)
Автор – Гайдеєв Сергій Григорович,
слухач курсів підвищення
кваліфікації учителів інформатики,
кваліфікаційна категорія
спеціаліст ІІ категорії,
КЗ «СелятинськаЗОШ-інтернат
І-ІІІ ступенів»
Науковий консультант –
КовдришВолодимир
Володимирович,
завідувач кафедри методики
викладання природничо-
математичних дисциплін ІППО ЧО
кандидат фізико-математичних наук
Чернівці
01.02.- 12.02.2016

2. ЗМІСТ
ВСТУП ………………………………………………………………………….3
РОЗДІЛ 1. СТАН КОМПЛЕКСНО-МЕТОДИЧНОГО ЗАБЕЗПЕЧЕННЯ
ВИКЛАДАННЯ ІНФОРМАТИКИ
1.1. Методичні рекомендації ………………………………………………..4
1.2. Розподіл навчальних годин на вивчення тем програми ……………...6
1.3. Підручники ……………………………………………………………..7
РОЗДІЛ 2 . ВИКЛАДАННЯ АВТОМАТИЗОВАНОГО СТВОРЕННЯ
Й ПУБЛІКАЦІЇ ВЕБ-РЕСУРСІВ У КУРСІ ІНФОРМАТИКИ
2.1. Теми які вивчаються при викладанні автоматизованого створення
й публікації веб-ресурсів…………………………………………….....9
2.2. Технологія Web 2.0 ……………………………………………………10
РОЗДІЛ 3. ПРАКТИЧНІ РЕЗУЛЬТАТИ
3.1. Тема: Автоматизоване створення веб-сайту. Практична робота.
Автоматизоване створення веб-сайту………………………………...17
ВИСНОВКИ …………………………………………………………………..20
СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ………………………………...21
ДОДАТКИ……………………………………………………………………..22

3. ВСТУП
На сучасному рівні розвитку інформаційних технологій використання
комп’ютерадля збереження будь-яких видів інформації стає єдиним засобом,
що надає широкі можливості керування інформацією. Важливу роль у
процесі отримання інформації відіграє мережа Інтернет. Сьогодні в Україні
послугами Internet з різною періодичністю користуються близько 9 млн.
жителів України.
Internet сьогодні це найбільш розвинена у світі інформаційна система,
за допомогоюякоїздійснюється комунікація між мільйонами користувачами.
За допомогою мережі Internet забезпечується доступ до більш як п'яти
мільйонів інформаційних Web-сайтів.
З самого початку розвитку Internet, а особливо з появою Web-
технологій, мережа орієнтована на інформаційне забезпечення своїх
користувачів.
Метою даного проекту є дослідження викладання автоматизованого
створення й публікації Web-ресурсів у курсі інформатики.
Використання Web-технологій помітно зростає в усіх сферах
людського життя, зокрема це стосується сфери освіти. Однією з
головних причин посиленої уваги педагогів до проблеми
упровадження Web-технологій є зручність та простота використання
наявних інструментів для пошуку, створення та використання освітніх
Web-ресурсів (ОВР). Використовуючи ОВР, можна суттєво підвищити
ефективність навчального процесу, активізувати навчально-пізнавальну
та самостійну діяльність учнів.
Саме тому темою проекту було обрано викладання автоматизованого
створення й публікації веб-ресурсів у курсі інформатики..

4. РОЗДІЛ 1. СТАН КОМПЛЕКСНО-МЕТОДИЧНОГО ЗАБЕЗПЕЧЕННЯ
ВИКЛАДАННЯ ІНФОРМАТИКИ
1.1.Методичні рекомендації
Навчальний предмет «Інформатика» у 2015/2016 навчальному році
вивчається учнями 11 класу за Типовими навчальними планами
загальноосвітніх навчальних закладів ІІІ ступеня, затвердженими наказом
МОН України від 27.08.2010 № 834 зі змінами, внесеними наказом МОН
України від 29.05.2014 № 657.
Типовінавчальні плани старшої школи реалізують зміст освіти залежно
від обраного профілю навчання. Кожен з профілів передбачає вивчення
предметів на одному із трьох рівнів:
 рівні стандарту - навчальні предмети не є профільними чи базовими;
 академічному рівні - навчальні предмети не є профільними, але є
базовими;
 профільному рівні, який передбачає поглиблене вивчення відповідних
предметів, орієнтацію їх змісту на майбутню професію.
Розглянемо програму «Інформатика» - рівень стандарту.
Програма розрахована на вивчення інформатики в 10–11 класах старшої
школи загальноосвітніх навчальних закладів в обсязі 1 години на тиждень.
Метою курсу є формування в учнів теоретичної бази знань з основ
інформатики, умінь і навичок ефективного використання сучасних
комп'ютерно-інформаційних технологій у своїй діяльності, що має
забезпечитиформування у випускників школи основ інформаційноїкультури
та інформатичних компетентностей.
Завданнями курсу є:
 формування в учнів бази знань, умінь і навичок, необхідних для
ефективного використання сучасних інформаційно-комунікаційних
технологій у навчально-пізнавальній діяльності, при вивченні інших
навчальних предметів та повсякденному житті;

5.  розвиток в учнів уміння самостійно опановувати та раціонально
використовувати програмні засоби загального та прикладного
призначення, цілеспрямовано шукати й систематизувати відомості та
інформаційні дані, використовувати електронні засоби обміну даними;
 формування в учнів уміння застосовувати інформаційно-комунікаційні
технології з метою ефективного розв’язування різноманітних завдань
щодо отримання, опрацювання, збереження, подання інформації даних
і відомостей, які пов’язані з майбутньою професійною діяльністю в
умовах інформаційного суспільства.
Система знань, умінь та навичок, яких має набути учень, що успішно
навчається за програмою, єбазовою і тому всі теми курсу мають викладатися
в навчальних закладах, що вивчають інформатику за даною програмою.
Водночас кількість навчального часу, що відводиться на вивчення тієї чи
іншої теми, може бути збільшена за рахунок варіативної складової
навчального плану залежно від особливостей того чи іншого напряму й
профілю навчання. Розширення тем курсу здійснюється через викладання
цих тем за програмами курсів за вибором.
Вивчення деяких тем курсу може бути поглиблено і в тому випадку, коли
учні почали вивчення інформатики до 9 класу і деякі теми курсу вже успішно
опанували. У цьому випадку поглиблене вивчення окремих тем також
здійснюється за програмами курсів за вибором.
Зміст усіх практичних робіт має бути підібраний так, щоб їх тривалість не
перевищувала вимог діючих санітарно-гігієнічних норм.
Учитель може самостійно добирати засоби подання теоретичного
матеріалу (презентація, що відображається на екрані за допомогою
мультимедійного проектора; презентація, що відтворюється на екранах
учнівських комп’ютерів, спільна робота учнів та учителя над документом в
середовищі локальної мережі тощо) і визначати форму проведення
практичних робіт (робота з елементами досліджень, спільна робота в
Інтернеті, лабораторні роботи, тренувальні вправи, виконання навчальних

6. проектів, практикуми). Методика проведення кожного уроку визначається
вчителем. Вивчення більшості тем курсу має завершуватися тематичним
оцінюванням. Проте, в тому випадку, коли вивчення окремих тем
заплановано протягом 2–4 навчальних годин, тематичне оцінювання
рекомендується проводити за кількома темами водночас. Форму проведення
тематичного контролюзнань учитель обирає самостійно: контрольні роботи,
тестування, комплексні практичні роботи, захист навчальних проектів тощо.
Обов’язковими умовами навчання за програмою є наявність
комп’ютерного класу та встановленого програмного забезпечення. На
кожному уроці має бути забезпечено доступ кожного учня до окремого
комп’ютера.
1.2.Розподіл навчальних годин на вивчення тем програми
10 клас (31 година + 4 години резервного часу)
№
розділу
Розділ навчальної програми Години
1 Інформаційні технології у навчанні 4
4.1 Програмні засоби навчання профільного предмету 2
4.2 Навчання в Інтернеті 1
4.3 Програмні засоби навчання іноземних мов 1
2 Текстовий процесор 8
3 Комп’ютерні презентації та публікації 12
1.1 Створення й показ слайдових презентацій 6
1.2 Опрацювання мультимедійних даних 3
1.3 Основи створення комп’ютерних публікацій 3
4 Служби Інтернету 7
3.1 Електронна пошта 4
3.2 Комунікації за допомогою Інтернету 3

7. 11 клас (33 години + 2 години резервного часу)
5 Моделювання. Основи алгоритмізації 5
5.1 Поняття моделі. Моделювання. Побудова моделей 2
5.2. Алгоритми. Типи алгоритмів. Способи опису
алгоритмів.
2
5.3 Етапи розв’язування прикладної задачі за
допомогою комп’ютера
1
6 Системи опрацювання табличних даних 11
6.1 Електронні таблиці. Табличний процесор 5
6.2 Аналіз даних у середовищі табличного процесора 6
7 Бази даних. Системи управління базами даних 9
8 Інформаційні технології персональної та колективної
комунікації
8
8.1 Автоматизоване створення й публікація веб-
ресурсів
4
8.2 Інтегроване використання засобів опрацювання
документів
2
8.3 Спільна робота з документами. Розробка
колективного проекту
2
1.3. Підручники
Інформатика
Основні підручники
1
Інформатика
(рівень стандарту)
Сокол В.Є.,
Сокол В.C,
Бронін С.В.
11 Сиция

8. 2
Інформатика
(рівень стандарту)
Ривкінд Й.Я.,
Лисенко О.М.,
Чернікова Л.А.,
Шакотько В.В.
11 Генеза
3
Інформатика
(рівень стандарту)
Морзе Н.В.,
Барна О.В.,
Вембер В.П.,
Кузьмінська О.Г.
11 Школяр
4
Інформатика
(рівень стандарту)
Завадський І.О.,
Стеценко І.В.
11 ВГ ВНV
5
Інформатика
(рівень стандарту)
Володіна І.Л.,
Володін В.В.
11 Гімназія
Дані підручники схвалені науково-методичною комісією з інформатики
Науково-методичної ради з питань освіти Міністерства освіти і науки
України для використання у загальноосвітніх навчальних закладах. Вони
відрізняються чіткою структурою викладення матеріалу, наочністю
розв’язування завдань, багатством і різнорівневістю практичних вправ. Для
учнів на початку кожного пункту передбачені типові проблемні задачі,
розв’язування якихпотребує знання теоретичного матеріалу з даного пункту.
Кожний пункт закінчується експериментально-дослідною роботою для
закріплення навичок учнів.

9. РОЗДІЛ 2 . ВИКЛАДАННЯ АВТОМАТИЗОВАНОГО СТВОРЕННЯ
Й ПУБЛІКАЦІЇ ВЕБ-РЕСУРСІВ У КУРСІ ІНФОРМАТИКИ
Автоматизоване створення й публікація веб-ресурсів у курсі
інформатика вивчається в 11 класі яка входить в розділ «Інформаційні
технології персональної та колективної комунікації» на яку відведено 4
годині. Також дана тема вивчається у курсі за вибором «Основи веб-
дизайну» на яку виділено 5 годин та «Основи Інтернету» - 3 год.
2.1. Теми які вивчаються при викладанні автоматизованого створення
й публікації веб-ресурсів
 Структура веб-сайтів, різновиди веб-сайтів. Різновиди веб-сторінок.
Етапи створення веб-сайтів.
 Поняття про засобиавтоматизованої розробкивеб-сайтів, редактор веб-
сайтів з графічним інтерфейсом. Поняття про систему управління
вмістом сайту. Поняття хостингу. Автоматизоване створення статичної
веб-сторінки, вибір її типу й оформлення. Наповнення веб-сторінки
текстом та графічним матеріалом, створення гіперпосилань,
завантаження файлів.
 Основи веб-дизайну. Огляд технологій та сервісів Веб 2.0. Веб-
спільноти. Вікі технології. Поняття блогу, різновиди блогів. Створення
й оформлення блогу, публікація повідомлень та налаштування його
параметрів.
 Практична робота. Автоматизоване створення веб-сайту.
 Практична робота. Створення й ведення власного блогу.
Після закінчення вивчення теми:
Учень
- пояснює:
 поняття та особливості сайтів різних типів: статичних веб-сайтів,
інтернет-магазинів, порталів, блогів;

10.  відмінності між веб-сторінками типу домашньої, веб-каталогу, форуму,
чату, сторінкою розділу веб-сайту;
 поняття блогу;
 дизайн та правила оформлення веб-сторінок;
 поняття хостингу;
 призначення та типи сервісів Веб 2.0;
 призначення та особливості функціонування веб-спільнот;
- описує:
 процес створення веб-сайтів;
 процес створення блогу й публікації повідомлень;
 формати зображень, відео- та аудіокліпів, що публікуються на веб-
сторінках;
- вміє:
 засобами безкоштовного сервера створювати статичні веб-сторінки
різних типів, добирати їх оформлення;
 засобами безкоштовного веб-сервера створювати вміст веб-сайту й
оновлювати його;
 створювати й адмініструвати блог;
 розміщувати на веб-сторінках зображення й текст, налаштовувати
параметри їх розташування, відображення та відтворення;
 створювати гіперпосилання на основі текстових фрагментів і
зображень.
2.2. Технологія Web 2.0
На сьогодні існує декілька сучасних перспективних веб-технологій,
використання яких дає змогу педагогами вирішувати найрізноманітніші
освітні завдання. Однією з таких технологій є технологія Веб 2.0 (Web 2.0) –
друге покоління мережних сервісів Інтернет, які останнім часом стали

11. основою розвитку мережі Інтернет. З такою технологією знайомляться учні
при вивченні «Автоматизоване створення й публікація веб-ресурсів».
Принциповою відмінністю технології Веб 2.0 від технологій Веб 1.0
(першого покоління сервісів мережі Інтернет) є те, що її використання дає
змогу не лише переглядати веб-ресурси мережі Інтернет, а й завантажувати
власні, здійснювати обмін цими ресурсами з іншими користувачами, діяти
спільно з метою накопичення корисних веб-ресурсів, брати участь в
обговореннях та ін.
Технології Веб 2.0 називають соціальними сервісами мережі Інтернет,
оскільки їх використання, зазвичай, здійснюється спільно в межах
відповідної групи користувачів. Групи користувачів можуть утворювати цілі
мережні співтовариства, які об’єднують свої зусилля для досягнення
відповідної мети.
Використання соціальних сервісів Веб 2.0 у процесі навчання школярів
може ефективно впливати на їх професійні якості, однак використання
одного окремого сервісудля цього, як правило, недостатньо. Тому, потрібно
комплесно використовувати соціальні сервіси технології Веб 2.0, щоб
досягнути бажаного ефекту від процесу навчання.
Комплексне використання сервісів технології Веб 2.0 можна
організувати в межах одного сайту, створеного засобами системи
управління контентом – CMS (Content Management System). CMS системи
останнім часом одержали широке застосування, оскільки мають
потужні засоби для оперативного керування наповненням сайтів – веб-
ресурсами. У більшості випадків CMS-системи дають змогу здійснювати
централізоване керування накопиченими веб-ресурсами, відокремити зміст
від форми подання (тобто від дизайну сайта), автоматизувати управління.
В системі освіти набуло поширення використання безкоштовних
CMSсистем, які відповідають умовам ліцензії GPL (General Public License –
загальна громадська ліцензія) на програмне забезпечення з відкритим кодом
(Open Source). CMS-системи є програмним комплексом, використання яких

12. дає змогу автоматизувати ряд важливих функцій, а саме: процес наповнення
сайту, керування структурою, користувачами, шаблонами веб-сторінок.
Наявність візуального редактора WISIWIG дає змогу редагувати вміст
сайта безпосередньо у веб-оглядачі.
Серед відомих безкоштовних CMS-систем можна виділити такі як
Drupal, iPHPortal, Joomla!, PHP-Nuke, Ucoz, WordPress. Використання тієї чи
тієї системи управління контентом залежить від тих навчальних завдань, які
поставлені перед учнем.
До основних переваг Web 2.0 можна віднести право користувачів
самостійно створювати контент, маніпулювати ним та керувати зв’язками
між своїмита чужими документами. Іншою важливою особливістю Web 2.0 є
активний обмін даними між членами спільноти: новинами, статтями,
фотографіями тощо. Ще однією особливістю Web 2.0 є простота та зручність
у створенні сайтів для некваліфікованих користувачів, але при цьому
обов’язковим залишається дотримання ряду стандартів та положень. Це,
зокрема, стандарти візуального оформлення та функціональності сайтів,
типові вимоги пошукових систем, стандарти XML та відкритого
інформаційного обміну.
Найдоступнішою і найпоширенішою службою Web 2.0 є мережні
щоденники (блоги) – невеликі веб-сайти, автори яких (блоггери) можуть
керувати доступом до інформації, розміщеної у блозі: робити їх доступними
або для всіх користувачів, або тільки для певного кола читачів. «Блог» – від
англійського bloging (блогінг) – вхід у «світове павутиння», в якому людина
веде свою колекцію записів.
До переваг даної технології відносяться: відкритість інформаційного
наповнення для всіх учасників, оперативність розміщення інформації і
доступу до неї, незалежність від індивідуального графіку відвідування
учасниками блогу, інтерактивність – учасники мережного співтовариства
(учні, вчителі, колективи навчальних закладів, районні чи міські керівники
тощо) можуть залишати у щоденнику власні записи, читати повідомлення та

13. публікації своїх колег, коментувати повідомлення і відповідати на коментарі,
пов’язувати повідомлення та коментарі за допомогою гіперпосилань.
Зазначені принципи та особливості Web 2.0 дають можливість
використовувати безкоштовне мережне програмне забезпечення для
організації взаємодії учнів школи або району (міста): позакласних виховних
заходів, інтелектуальних конкурсів, дозвілля, клубів (гуртків) за інтересами
тощо.
Які ж переваги мають блоги перед іншими інформаційними
технологіями?
1. Простота використання і доступність:
 використання блогів не вимагає від користувача спеціальних знань, що
дозволяє здійснювати оперативну публікацію будь-якої інформації
(текст, графіка, аудіо-і відеофайли, анімація тощо);
 у блогах зручний для читання і сприйняття інформації інтерфейс, що
настроюється користувачем у відповідності зі своїми потребами;
 використання спеціальних програм-клієнтів, які дозволяють зручним
способом публікувати інформацію як за допомогою персонального
комп’ютера, так і за допомогою мобільних засобів зв’язку (мобільний
телефон, комунікатор, смартфон тощо);
 більшість блогів побудовано на філософії відкритого джерела тобто
доступні вихідні програмнікоди всього сервера і клієнтів, що дозволяє
виправити помилки, додавати нові функціональні модулі і т.д.
2. Ефективність організації інформаційного простору:
 організація персонального інформаційного простору користувача у
вигляді щоденника або журналу, що дозволяє публікувати, зберігати,
обробляти, передавати різну за виглядом і змістом інформацію та
здійснювати її пошук у всьому масиві даних;
 можливість створення спільнот, які можуть адмініструвати кілька
людей, з персональними налаштуваннями доступу для авторів та
коментаторів;

14.  єдина система адресації для повідомлень і документів;
 застосування RSS-потоків для впорядкування повідомлень стрічок
новин, анонсів статей, змін у блогах тощо;
 організація системи зберігання інформації, що дозволяє формувати як
деревоподібну структуру для зберігання інформації, так і довільним
чином сформовану, яка утворюється шляхом привласнення
повідомленням і документам ключових слів, що дозволяє розміщувати
їх у різні рубрики;
 використання механізму автоматичного зворотного зв’язку, що
дозволяє обмінюються повідомленнями про появу на блозі нової
інформації (коментаря), пов’язаної з попереднім повідомленням,
заміткою тощо.
3. Інтерактивність і мультимедійність:
 можливість користувачеві одночасно адмініструвати декілька блогів;
 до будь-якого запису в блозі можна додавати коментарі у вигляді
тексту, аудіо-чи відеоінформації, які розміщуються у вигляді
ієрархічного «дерева»;
 розгалуженість полеміки і можливість ведення декількох дискусій
одночасно у зручний для користувача час;
 двостороння обмінна функція пошти, що надає можливість як
отримувати нові повідомлення та коментарі, так і надсилати відповіді і
публікувати свої повідомлення;
 використання механізму, що дозволяє легко стежити за новими
записами будь-якої кількості користувачів, а також регулювати доступ
до своїх власних записів;
 можливість створювати опитування та тестів з миттєвою публікацією
результатів;
 публікація анонсів, анотацій і дайджестів на будь-які матеріали та
події, що відбуваються у блогосфері;

15.  застосування вікі-технології, яка передбачає спільну роботу і зміну
контенту будь-якою кількістю користувачів;
 використання тегів для оформлення та форматування документів,
створення гіперпосилань тощо.
4. Надійність і безпека:
 тільки власник ресурсу може вносити до нього нові записи, що
дозволяє позбутися звичайної для гостьових книг проблеми
«забруднення» нелегітимними повідомленнями сторінок щоденника;
 захист від спаму (несанкціонованих повідомлень рекламного
характеру) в коментарях;
 можливість заборони на перегляд записів якомусь конкретному
користувачу і незареєстрованим користувачам;
 можливість створення резервної копії вмісту щоденника або
співтовариства із збереженням всіх коментарів, зв’язків і т.д. в
електронному вигляді для розміщення на іншому ресурсі;
 генерація сторінок, окремого щоденника або спільноти з коментарями
у формат *. DOC, *. RTF або *. PDF. для друку або онлайн перегляду і
т.д.
Вважається, що великий комунікаційний потенціал і можливості, надані
блог-технологіями, дозволяють по-новому підійти до вирішення таких
питань організації дистанційного навчання, як:
 організація особистого інформаційного простору вчителя і учнів, в
якому підсумовуються всі документи та повідомлення, які зберігаються
в одному місці, що дозволяє не тільки здійснювати публікацію
повідомлення більш ніж в одну спільноту, але й полегшує роботу з
накопиченими даними;
 організація відкритих і закритих співтовариств для колективного
обговорення різних питань і здійснення спільної роботи під наглядом
модератора (вчителя), що істотно розширює ефективність групової
навчальної діяльності;

16.  створення електронних медіабібліотек, до складу яких можуть бути
включені каталогізовані тематичні бази навчальних, довідкових,
ілюстративних та інших документів і даних для забезпечення
адресного пошуку та вільного мережного доступу;
 забезпечення оперативного та надійного зв’язку між учнем і вчителем
для вирішення питань, отримання відповідей, обговорення поточних
проблем і організаційних моментів;
 зручність додавання, читання та пошуку потрібних повідомлень дає
можливість для розгортання конструктивних дискусій, які є
невід’ємною частиною педагогічного процесу;
 надання учням можливостейдля обміну інформацією одинз одним для
самостійної роботи та взаємонавчання;
 використання електронних конспектів та лекцій під час навчання,
рекомендованої літератури, тощо, які можуть пересилатись в
електронному вигляді з подальшим утворенням групових консультацій
з різних питань;
 застосування у навчальному процесі тестів та опитувань, що
дозволяють виявити проміжний рівень знань або визначити ставлення
учнів до якої-небудь проблеми.

17. РОЗДІЛ 3. ПРАКТИЧНІ РЕЗУЛЬТАТИ
3.1. Тема: Автоматизоване створення веб-сайту.
Практична робота. Автоматизоване створення веб-сайту.
Мета:
Навчальна. Відпрацювати практичні навички створення та оформлення
веб-сторінок.
Розвиваюча. Розвивати творчі здібності учнів.
Виховна. Виховувати культуру оформлення веб-сторінок.
Сформувати поняття: веб-дизайн, навігація.
Формувати навички:
 створювати статичні веб-сторінки засобами безкоштовного сервера ;
 розробляти веб-сторінки різних типів;
 створювати вміст веб-сайту;
 вдосконалювати навички роботи за ПК.
Обладнання:мультимедійний проектор, комп’ютери, інструктивні картки до
практичної роботи, дидактичний матеріал.
Тип уроку: формування знань, умінь, навичок учнів.
Хід уроку:
І. Організаційний момент.
1. Привітання з учнями ;
2. Перевірка присутності учнів на уроці.
ІІ. Мотивація навчальної діяльності. Створення ситуації успіху.
Ви хочете бути сучасним, мати свою сторінку в Інтернеті, рекламувати свої
можливості широкій аудиторії?
Просто бажаєте знайти нових друзів і заявити на весь світ про себе?
Цікавитесь послугами з веб-дизайну та створення веб-сайтів?
На уроках під час вивчення цієї теми ви зробите свій перший крок до
створення повнофункціонального сайту.

18. Тема, яку ми продовжуємо вивчати, має назву «Автоматизоване створення й
публікування веб-ресурсів». Сьогоднішній урок — «Автоматизоване
створення веб-сайту. Практична робота. Автоматизоване створення веб-
сайту».
ІІІ. Актуалізація опорних знань учнів.
Тестування з теми: «Структура веб-сайтів. Етапи створення веб-сайтів».
IV. Засвоєння нових знань
1. Пояснення вчителя «Автоматизоване створення веб-сайту».
Під час вивчення теми ми розглядатимемо саме автоматизоване
створення веб-сайту.
Для того щоб сайт став доступним широкому колу відвідувачів, йому
необхідно призначити доменне ім'я і розмістити в мережі Інтернет.
Розміщення сайту на сервері та подальше його адміністрування називають
хостингом. Наданням такої послуги займаються спеціальні організації.
Хостинг буває платним і безкоштовним.
Можливість створювати веб-сторінки та організовувати форуми й чати
в автоматизованому режимі (крім власне розміщення сайту) часто надається
на серверах, що забезпечують хостинг. Наприклад, ucoz.uа, mylivepage.com.
Однією з найпростіших форм автоматизованого створення веб-ресурсів є
блоги (онлайнові щоденники), які дають змогу публікувати та
впорядковувати (зазвичай у хронологічному порядку) на веб-сторінках
різноманітні записи.
Під час автоматизованого створення веб-сайту неможливо обійтися без
уявлень про Веб2.0.
Веб хостинг UcoZ
UcoZ — це безкоштовний веб-хостинг із вбудованою системою і
керування сайтом. Модулі UcoZ можуть використовуватися як у єдиній

19. зв'язці для створення повнофункціонального сайту, так і окремо, наприклад,
як блог-платформи, веб-форуми та ін.
Фактично UcoZ — це веб-сервіс, що працює за принципами Веб 2.0 і
дозволяє, в першу чергу, створювати сайти різного рівня складності та
досить сильно відрізняється від традиційних безко¬штовних хостингів. Під
час реєстрування користувачеві надається можливість ви¬брати домен для
свого проекту. В системі існують також і домени, спеціально розраховані на
українську аудиторію — name.ucoz.ua, name.at.ua.
Під час реєстрування кожен користувач отримує 400 Мб дискового
обсягу. Дисковий обсяг постійно збільшується пропорційно до зростання
кількості відвідувачів сайту.
2. Практична робота:Автоматизоване створення веб-сайту (за інструктивною
карткою).
2.1. У вибраній системі створити сайт, присвячений життю класу.(ucoz)
2.2. Створити запропоновані сторінки, наповнити їх текстовим та
графічним матеріалом.
Алгоритм:
Головна — клас, фото класу, список учнів, класнийкерівник.
Моя школа — фото, адреса, контактні дані.
Адміністрація (під сторінка Моя школа ) фото
Це я — фото, хобі тощо.
Фотоальбом
2.3. Надіслати адресу сайту вчителеві електронною поштою.
V. Закріплення вивчених знань.
Вправа «Доміно»
VI. Підсумки уроку. Оцінювання учнів
Рефлексія
VII. Домашнє завдання.
§ 4.4., виконайте завдання 4, 5.

20. ВИСНОВКИ
Сучасна технологія Веб 2.0 може виступати як засіб використання
ОВР, що ефективно впливає на процес навчання та засвоєння навчального
матеріалу, сприяє формуванню навичок самостійної діяльності, дає змогу
організовувати індивідуальну та групову роботу учнів. Для досягнення
бажаного ефекту від навчання доцільно комплексно використовувати
соціальні сервіси Веб 2.0, оскільки наявність одного окремого сервісу для
досягнення цієї мети, як правило, недостатньо. Комплексне використання
сервісів технології Веб 2.0 доцільно здійснювати в межах одного сайту,
створеного засобами управління контентом – CMS.
Сучасні веб-технології, як і будь-які інші нововведення в сфері
освіти, слід впроваджувати в тому випадку, якщо їх використання є
педагогічно виважене і доцільне та дає незаперечний педагогічний ефект.
Лише в цьому випадку можна істотно удосконалити навчальний процес, а
подальшу інформатизацію освіти здіснювати з орієнтацією на веб-технології.
Підвищений рівень навчання масово використовуваних інформаційних
та комунікаційних технологій принципово дозволяє не тільки дати учням
суму знань, але також сформувати вміння та навички професійної роботи в
умовах сучасного інформаційного середовища.
Однією з особливостей роботи вчителя інформатики є те, що він
один з перших повинен вміти застосувати нові інформаційні технології.
Залучення учів до такого освітнього простору, як веб-простір глобальної
(наприклад, Інтернет) чи локальної мереж, виведе
культуру викладання на якісно новий рівень та сприятиме розвитку і
соціальній адаптації учня в умовах інформатизації суспільства.

21. СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ
1. Програма для загальноосвітніх навчальних закладів 10-11 класи
ІНФОРМАТИКА – К.:2010
2. Інформатика. Програми для профільного навчання та до профільної
підготовки. – К.: Вид. група BHV, 2009
3. Підручник. Інформатика 11 клас(рівень стандарту) Ривкінд Й.Я.,
Лисенко О.М., Чернікова Л.А., Шакотько В.В. – К.: Генеза, 2011
4. Підручник. Інформатика 11 клас(рівень стандарту) Володіна І.Л.,
Володін В.В. – К.: Гімназія,2011
5. Вікі-технології у сучасній освіті Н.В.Дягло Вісник
Чернігівського держ. пед. ун-ту імені Т.Г.Шевченка. – Чернігів. –
2008
6. Вікіпедія – Вільна енциклопедія Блог. [Електронний ресурс]. –
Режим доступу: http://uk.wikipedia.org/wiki/Блог/

22. ДОДАТКИ
Тестування. Тема1: Автоматизоване створення й
підтримка веб-ресурсів. Технології Веб 2
1. Гіпертекст -
це текст, у який вбудовані спеціальні коди, що задають форматування
тексту,
наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань (Hyper
Text Markup Language).
це додаткові ключові слова, відокремлені від основного ключового слова
тегу та один від одного символами пробілу.
значення колір тексту.
адреса сайту для хостинга;
адреса електронної пошти.
2. Керування інформацією, що розміщена у мережі Інтернет,здійснюється
за допомогою:
особи, відповідальної за роботу всесвітньої комп'ютерної мережі;
телефонного зв'язку;
протоколу TCP/IP;
скриньки електронної пошти;
електронних адрес веб-ресурсів.
3. URL-адреса — це:
адреса ресурсу в Інтернеті;
назва веб-сайту;
адреса комп'ютера, що підключений до мережі Інтернет;
4. Виберіть серед варіантів означення веб-сторінки:
це повідомлення на електронному форумі;
це видима на екрані під час роботи з Інтернетом частина інформаційного
повідомлення;

23. це відображувальний елемент з певної тематики, що має свою адресу в
комп'ютерній мережі;
це інформація, оформлена особливим чином для її розміщення у мережі
Інтернет;
спеціальні документи, створені з використанняммови HTML.
5. Веб-сайт — це:
будь-яка інформація, розміщена в комп'ютерній мережі для вільного
доступу до неї;
оформлена за допомогою спеціальних засобів інформація, що поділена на
веб-сторінки та має свою URL-адресу;
спілкування за допомогою електронної пошти;
сукупність веб-сторінок, розміщених під однією спільною назвою веб-
ресурсу;
текстова та графічна інформація, до якої можуть отримувати спільний
доступ користувачі комп'ютерної мережі.
6. Вкажіть особливості структури веб-сайту:
веб-сторінки розміщені у веб-сайті так само, як у текстовому документі;
інформація організована за допомогою гіперпосилань таким чином, що
перетворюється в ієрархічну систему веб-сторінок;
сайт містить одну веб-сторінку;
7. Домашня сторінка — це:
веб-сайт про сім'ю;
веб-сайт, присвячений певній тематиці;
сторінка сайту, що відкривається першою у разі звертання до веб-ресурсу;
сторінка, що має назву index.html.
8. Флуд — це:
Флуд — це:
будь-які повідомлення в чаті;
беззмістовні повідомлення в журналах та чатах;

24. один з різновидів блогів;
текст, авторство якого присвоєне незаконно.
9. Головна сторінка сайту — це:
сторінка, на якій подані координати та адреса електронної пошти
адміністратора сайту;
сторінка, де розташована найбільша кількість гіперпосилань;
сторінка, яка відкривається першою під час завантаження сайту;
10. Електронний форум — це:
процес обміну повідомленнями з використаннямелектронної пошти;
спосіб організації обміну повідомленнями з певної тематику, в якому
спілкування може бути розірване в часі;
обмін повідомленнями в межах одного сайту різними користувачами у
різний час;
11. Чат — це:
спосіб організації спілкування зареєстрованихучасників у режимі реального
часу;
створення коментарів до вмісту веб-сторінок;
спосіб організації обміну повідомленнями, за якого спілкування розірване в
часі;
спілкування двох учасників між собою в межах одного сайту в режимі
реального часу;
спілкування багатьох учасників між собою в межах одного сайту в режимі
реального часу.
12. Блог — це:
форум, у якому є один головний дописувач;
мережний журнал, що складається із записів у зворотному хронологічному
порядку з можливістю додавання коментарів;
обмін повідомленнями з конкретної тематики в режимі реального часу;

25. Практична робота: Автоматизоване створення веб-сайту
(інструктивна картка)
1. У вибраній системі створитисайт, присвячений життю класу. (ucoz)
2. Створити запропоновані сторінки, наповнити їх текстовим та
графічним
матеріалом.
Алгоритм:
Головна — клас, фото класу, списокучнів, класнийкерівник.
Моя школа — фото, адреса, контактні дані.
Адміністрація (під сторінка Моя школа ) фото
Це я — фото, хобі тощо.
Фотоальбом
3. Надіслати адресу сайту вчителеві електронною поштою на адресу
intselyatin@meta.ua
1
Заходимо на сторінку
http://www.ucoz.ua/
Натискає ВХІД, вводимо логінта
пароль
Створюємо новий сайт
Заповнюєадресу сайту
Код безпеки
Підтверджуємо правила
хостингу
2
Переходимо в панель
управління сайтом
3
Назву сайту міняємо на
Шкільне життя
Мову сайту змінюємо на
українську
Вибираємо дизайн

26. 4
Підключаємо модулісайту:
Редактор сторінок
Фотоальбом
Новини сайту
Блог
5
В панелі управлінні вибираємо
Конструктор меню
Сторінку Інформаціяпро сайт
редагуємо на Мояшкола
Сторінку Блог редагуємо на Це
я
Натискаємо ЗБЕРЕГТИ
Повертаємося на головну
панелі управління
6
Переходимо на свій сайт та
заповняємо сторінки
відповідним матеріалом.
Коли сторінки Головна, Моя
школа,
Це я будуть готові переходимо
знову в панель управління
7
В панелі управління обираємо
Редактор сторінок та
натискаємо Додати сторінку
8
Назва сторінки Адміністрація
Додаємофото
Натискаємо Зберегти

27. 9
Повертаємося на головну
панелі управління вибираємо
Конструктор меню сторінку
Адміністраціявміщуємо до
сторінки Моя школа
Натискаємо зберегти і
переходимо на свій сайт
10
Переходимо у ФОТОАЛЬБОМИ
та завантажуємо фото у
категорію Мої фото та
зберігаємо. Надсилаємо адресу
сайту вчителеві на електронну
поштуintselyatin@meta.ua