Iteach WIKI - Внесок користувача [uk]

Обговорення:Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T15:25:39Z

Євген Олексійович: /* Вдалі моменти */

Обговорення:Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T15:24:52Z

Євген Олексійович: /* Вдалі моменти */

Обговорення:Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T15:24:31Z

Євген Олексійович: /* Вдалі моменти */

Обговорення:Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T15:24:12Z

Євген Олексійович: /* Вдалі моменти */

Обговорення:Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T15:23:57Z

Євген Олексійович: /* Вдалі моменти */

Обговорення:Портфоліо Миргород Марини з теми: "Тварини в природі"

2013-04-11T15:19:11Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==
Вдало підібрані ключові та тематичні запитання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:15, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==
Чітко описано графік оцінювання та стислий опис оцінювання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:15, 11 квітня 2013 (EEST)

==Ідеї для покращення==
Немає таблиці планування оцінювання та форми для оцінювання.

=Приклад учнівської роботи=
==Вдалі моменти==
Учні створили власний блог --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:17, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==
Вдало підібрано форми оцінювання учнівської роботи, оцінювання охоплює всі етапи проектної роботи та має контрольні списки підготовки робіт. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:16, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==
Вдалим моментом є робота учнів за алгоритмом внутрішньо - групової роботи з яким вчитель ознайомив учнів перед початком роботи над проектом. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:19, 11 квітня 2013 (EEST)

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==

Логічна структура викладення. Доцільно підібраний матеріал. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:14, 11 квітня 2013 (EEST)

==Ідеї для покращення==

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Миргород Марини з теми: "Тварини в природі"

2013-04-11T15:17:01Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==
Вдало підібрані ключові та тематичні запитання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:15, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==
Чітко описано графік оцінювання та стислий опис оцінювання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:15, 11 квітня 2013 (EEST)

==Ідеї для покращення==
Немає таблиці планування оцінювання та форми для оцінювання.

=Приклад учнівської роботи=
==Вдалі моменти==
Учні створили власний блог --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:17, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==
Вдало підібрано форми оцінювання учнівської роботи, оцінювання охоплює всі етапи проектної роботи та має контрольні списки підготовки робіт. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:16, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==

Логічна структура викладення. Доцільно підібраний матеріал. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:14, 11 квітня 2013 (EEST)

==Ідеї для покращення==

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Миргород Марини з теми: "Тварини в природі"

2013-04-11T15:16:17Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==
Вдало підібрані ключові та тематичні запитання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:15, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==
Чітко описано графік оцінювання та стислий опис оцінювання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:15, 11 квітня 2013 (EEST)

==Ідеї для покращення==
Немає таблиці планування оцінювання та форми для оцінювання.

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==
Вдало підібрано форми оцінювання учнівської роботи, оцінювання охоплює всі етапи проектної роботи та має контрольні списки підготовки робіт. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:16, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==

Логічна структура викладення. Доцільно підібраний матеріал. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:14, 11 квітня 2013 (EEST)

==Ідеї для покращення==

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Миргород Марини з теми: "Тварини в природі"

2013-04-11T15:15:23Z

Євген Олексійович: /* Вдалі моменти */

Обговорення:Портфоліо Миргород Марини з теми: "Тварини в природі"

2013-04-11T15:15:03Z

Євген Олексійович: /* Вдалі моменти */

Обговорення:Портфоліо Миргород Марини з теми: "Тварини в природі"

2013-04-11T15:14:25Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==
Немає таблиці планування оцінювання та форми для оцінювання.

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==

Логічна структура викладення. Доцільно підібраний матеріал. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:14, 11 квітня 2013 (EEST)

==Ідеї для покращення==

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T15:13:00Z

Євген Олексійович: /* Ідеї для покращення */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==
Дуже чітко і вдало поставлені запитання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:06, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==
Разработать примеры тестов для анализа знаний учащихся перед началом работы над проектом --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:13, 11 квітня 2013 (EEST)

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==
Пропоную перенести ці матеріали в блог - це дозволить зменшити кількість осіб, які зможуть змінювати дані
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:05, 11 квітня 2013 (EEST)

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==
Вважаю, що необхідно в процессі групової роботи проводити оцінку не тільки по группам вцілому, а ще й щоб кожен учень оцінив один одного

--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:02, 11 квітня 2013 (EEST)

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
Бажано було б дозавантажити матеріали для фасилітації
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:04, 11 квітня 2013 (EEST)

=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==
Включить справочный материал для помощи участникам проекта --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:12, 11 квітня 2013 (EEST)

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T15:12:21Z

Євген Олексійович: /* Ідеї для покращення */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==
Дуже чітко і вдало поставлені запитання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:06, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==
Пропоную перенести ці матеріали в блог - це дозволить зменшити кількість осіб, які зможуть змінювати дані
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:05, 11 квітня 2013 (EEST)

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==
Вважаю, що необхідно в процессі групової роботи проводити оцінку не тільки по группам вцілому, а ще й щоб кожен учень оцінив один одного

--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:02, 11 квітня 2013 (EEST)

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
Бажано було б дозавантажити матеріали для фасилітації
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:04, 11 квітня 2013 (EEST)

=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==
Включить справочный материал для помощи участникам проекта --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:12, 11 квітня 2013 (EEST)

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T15:06:35Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==
Дуже чітко і вдало поставлені запитання. --[[Користувач:Євген Олексійович|Євген Олексійович]] 18:06, 11 квітня 2013 (EEST)

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==
Пропоную перенести ці матеріали в блог - це дозволить зменшити кількість осіб, які зможуть змінювати дані
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:05, 11 квітня 2013 (EEST)

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==
Вважаю, що необхідно в процессі групової роботи проводити оцінку не тільки по группам вцілому, а ще й щоб кожен учень оцінив один одного

--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:02, 11 квітня 2013 (EEST)

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
Бажано було б дозавантажити матеріали для фасилітації
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:04, 11 квітня 2013 (EEST)

=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T15:05:58Z

Євген Олексійович: /* Ідеї для покращення */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==
Пропоную перенести ці матеріали в блог - це дозволить зменшити кількість осіб, які зможуть змінювати дані
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:05, 11 квітня 2013 (EEST)

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==
Вважаю, що необхідно в процессі групової роботи проводити оцінку не тільки по группам вцілому, а ще й щоб кожен учень оцінив один одного

--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:02, 11 квітня 2013 (EEST)

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
Бажано було б дозавантажити матеріали для фасилітації
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:04, 11 квітня 2013 (EEST)

=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T15:04:53Z

Євген Олексійович: /* Ідеї для покращення */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==
Вважаю, що необхідно в процессі групової роботи проводити оцінку не тільки по группам вцілому, а ще й щоб кожен учень оцінив один одного

--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:02, 11 квітня 2013 (EEST)

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
Бажано було б дозавантажити матеріали для фасилітації
--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:04, 11 квітня 2013 (EEST)

=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T15:02:20Z

Євген Олексійович: /* Ідеї для покращення */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==
Вважаю, що необхідно в процессі групової роботи проводити оцінку не тільки по группам вцілому, а ще й щоб кожен учень оцінив один одного

--[[Користувач:Євген Олексійович|Євген Олексійович]] 18:02, 11 квітня 2013 (EEST)

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T14:23:04Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T14:21:10Z

Євген Олексійович: /* Ідеї для покращення */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:20, 11 квітня 2013 (EEST)

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:21, 11 квітня 2013 (EEST)

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-11T14:20:51Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==
Методика викладання заснована на врахуванні вимог стандартів і відповідних їм навчальних цілей, використання комп’ютерних технологій відповідає потребам учнів і класу вцілому.
--[[Користувач:Євген Олексійович|Євген Олексійович]] 17:20, 11 квітня 2013 (EEST)

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T14:18:53Z

Євген Олексійович:

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|500px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними джерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQmJiZmVsdVVUbkU/edit?usp=sharing Контрольний список процес дослідження. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbzlqQ3o2cXhua1U/edit?usp=sharing Форма оцінювання дослідження. Старша школа]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbTFZc253d3ZJMjg/edit?usp=sharing Форма оцінювання виконання групового завдання. Середні і старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlNUFFT0VsRlNydms/edit?usp=sharing Контрольний список для управління проектом. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlSndxdUs3Qm95blU/edit?usp=sharing Контрольний список планування проекту. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlYlNaVDlUdjRUQVU/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlWnllMENfZTkyVG8/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlSk9JZTNoVEJSdlk/edit?usp=sharing Форма оцінювання комп’ютерних робіт. Всі класи.]

[https://docs.google.com/file/d/0ByFUBrDnd0AlSzlHY0dlNlQ4NzQ/edit?usp=sharing Контрольний список для вікі-сайту. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlN2pqMWcyZFFiLVU/edit?usp=sharing Форма оцінювання вікі-сайтів. Старші класи.]

[https://docs.google.com/file/d/0ByFUBrDnd0AleHBMeGRLOEZvcDA/edit?usp=sharing Форма оцінювання навичок вирішення проблем і пояснення способу їх вирішення. Старші класи.]

[https://docs.google.com/file/d/0ByFUBrDnd0AlTFdtcGJtNGwyWU0/edit?usp=sharing Форма оцінювання виконання групових завдань. Середні і старші класи]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія:10 версія]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T14:18:33Z

Євген Олексійович:

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-11T14:17:56Z

Євген Олексійович: /* Назва навчальної теми */

Обговорення:Портфоліо Олійник Наталії з теми: Будова речовини

2013-04-02T13:23:15Z

Євген Олексійович: /* Ідеї для покращення */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==

==Ідеї для покращення==

Додати наочність, схемки, малюнки до портфоліо.

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Обговорення:Портфоліо Миргород Марини з теми: "Тварини в природі"

2013-04-02T13:22:23Z

Євген Олексійович: /* Вдалі моменти */

'''Як його використовувати?<br>'''
Ви маєте перейти на закладку '''Обговорення''' статті з вашим розробленим Портфоліо.

=План вивчення теми (Ключові і Тематичні запитання, Стислий опис, Діяльність учнів, Навчальні цілі)=
==Вдалі моменти==

==Ідеї для покращення==

=План оцінювання (графік і опис)=

==Вдалі моменти==

==Ідеї для покращення==

=Приклад учнівської роботи=
==Вдалі моменти==

==Ідеї для покращення==

=Форма оцінювання прикладу учнівської роботи=

==Вдалі моменти==

==Ідеї для покращення==

=Допоможні матеріали для фасилітації=
==Вдалі моменти==

==Ідеї для покращення==
=Інші складові Портфоліо (документи)=
==Вдалі моменти==

==Ідеї для покращення==

=ПОРТФОЛІО ВИВЧЕННЯ ТЕМИ В ЦІЛОМУ=
==Вдалі моменти==

Логічна структура викладення. Доцільно підібраний матеріал.

==Ідеї для покращення==

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

=ІНШІ КОМЕНТАРІ=
[[Категорія:10 версія]]
[[Категорія: Шаблони]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T13:09:50Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними джерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQmJiZmVsdVVUbkU/edit?usp=sharing Контрольний список процес дослідження. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbzlqQ3o2cXhua1U/edit?usp=sharing Форма оцінювання дослідження. Старша школа]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbTFZc253d3ZJMjg/edit?usp=sharing Форма оцінювання виконання групового завдання. Середні і старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlNUFFT0VsRlNydms/edit?usp=sharing Контрольний список для управління проектом. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlSndxdUs3Qm95blU/edit?usp=sharing Контрольний список планування проекту. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlYlNaVDlUdjRUQVU/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlWnllMENfZTkyVG8/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlSk9JZTNoVEJSdlk/edit?usp=sharing Форма оцінювання комп’ютерних робіт. Всі класи.]

[https://docs.google.com/file/d/0ByFUBrDnd0AlSzlHY0dlNlQ4NzQ/edit?usp=sharing Контрольний список для вікі-сайту. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlN2pqMWcyZFFiLVU/edit?usp=sharing Форма оцінювання вікі-сайтів. Старші класи.]

[https://docs.google.com/file/d/0ByFUBrDnd0AleHBMeGRLOEZvcDA/edit?usp=sharing Форма оцінювання навичок вирішення проблем і пояснення способу їх вирішення. Старші класи.]

[https://docs.google.com/file/d/0ByFUBrDnd0AlTFdtcGJtNGwyWU0/edit?usp=sharing Форма оцінювання виконання групових завдань. Середні і старші класи]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:58:27Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними джерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQmJiZmVsdVVUbkU/edit?usp=sharing Контрольний список процес дослідження. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbzlqQ3o2cXhua1U/edit?usp=sharing Форма оцінювання дослідження. Старша школа]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbTFZc253d3ZJMjg/edit?usp=sharing Форма оцінювання виконання групового завдання. Середні і старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlNUFFT0VsRlNydms/edit?usp=sharing Контрольний список для управління проектом. Всі класи]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:55:20Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними джерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQmJiZmVsdVVUbkU/edit?usp=sharing Контрольний список процес дослідження. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbzlqQ3o2cXhua1U/edit?usp=sharing Форма оцінювання дослідження. Старша школа]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbTFZc253d3ZJMjg/edit?usp=sharing Форма оцінювання виконання групового завдання. Середні і старші класи]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:53:17Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними джерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQmJiZmVsdVVUbkU/edit?usp=sharing Контрольний список процес дослідження. Всі класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlbzlqQ3o2cXhua1U/edit?usp=sharing Форма оцінювання дослідження. Старша школа]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:51:41Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними джерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQmJiZmVsdVVUbkU/edit?usp=sharing Контрольний список процес дослідження. Всі класи]
[https://docs.google.com/file/d/0ByFUBrDnd0AlbzlqQ3o2cXhua1U/edit?usp=sharing Форма оцінювання дослідження. Старша школа]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:47:25Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними жерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQmJiZmVsdVVUbkU/edit?usp=sharing Контрольний список процес дослідження. Всі класи]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:44:17Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AlQTBWVlpTX0tBbjA/edit?usp=sharing Контрольний список для роботи з інформаційними жерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:42:13Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0ByFUBrDnd0AldHNvaHc0SVFuN28/edit?usp=sharing Контрольний список для роботи з інформаційними джерелами для досліджень. Старші класи]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:39:23Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZDFPY2RpdWJXSmM/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:31:23Z

Євген Олексійович: /* Оцінювання (стислий опис і інструменти) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0ByFUBrDnd0AlSm4yR1pMZ1lnUU0/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:29:38Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:29:19Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:350px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''
* Переглянути терміни та основні поняття у довідковому інформаційному документі;
* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;
* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;
* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:29:05Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:350px;">
<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:28:48Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:350px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:28:37Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:250px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:28:26Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:28:17Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:350px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:28:02Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|600 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:450px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:27:30Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|700 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:450px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:27:10Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|900 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:450px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:26:58Z

Євген Олексійович: /* Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|900 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:300px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:26:07Z

Євген Олексійович: /* Діяльність вчителя */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|900 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:450px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0ByFUBrDnd0AlWEhYZEFySVd3VUE/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:24:18Z

Євген Олексійович: /* Діяльність вчителя */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|900 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:450px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0B1h466oVmS9hTThIaUxqVVJwbU0/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0ByFUBrDnd0AldzJNN0t3Uy1fR1E/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:22:51Z

Євген Олексійович: /* План вивчення теми (вставити файл) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0ByFUBrDnd0AlZnE2VkRpZHl6QTg/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|900 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:450px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0B1h466oVmS9hTThIaUxqVVJwbU0/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0B1h466oVmS9hMUREVXRZVHE1LTg/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]

Портфоліо Шакурова Євгена з теми: "Основи веб-дизайну"

2013-04-02T12:21:43Z

Євген Олексійович: /* План вивчення теми (вставити файл) */

=Назва навчальної теми=

[[Файл:Oomlage350.jpg|600px|thumb|left|]]

<font color = "#FF4500">'''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.'''
'''Створення сайту за допомогою "Joomla"'''</font>

=Основний та другорядні (дотичні) навчальні предмети=
<font color = "#0000FF">'''Інформатика'''</font>

<font color = "#0000FF">'''Технології'''</font>

=Вік учнів, клас=
'''11 клас'''

=Стислий опис проекту (скопіювати з Плану)=
'''Навчальний проект створений для учнів <u>11 класу'''</u>

'''Назва теми: <u>«Створення сайту за допомогою "Joomla"»</u>'''

'''В ході проекту учні навчаться:'''
<li> створювати сайти за допомогою майстра;
<li> відкривати й зберігати проекти веб-сайтів;
<li> застосовувати шаблони для створення сайтів й розробляти власні шаблони;
<li> форматувати веб-сторінки та їхні елементи у візуальному режимі.
<p style="text-indent: 40px">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення й форматування таблиць на веб-сторінках і структурування веб-сторінок в цілому; використовувати засоби візуального веб-редактора для імпорту на веб-сторінки зображень, аудіо- та відеофрагментів й настроювання параметрів їхнього розташування, відображення та відтворення.</p>

=План вивчення теми (вставити файл)=

[https://docs.google.com/file/d/0ByFUBrDnd0AlR0E2Rl9CaHFiczA/edit?usp=sharing План вивчення теми "Основи веб-дизайну" ]

[https://docs.google.com/file/d/0B1h466oVmS9hUnAwaVJSUW5PR3M/edit?usp=sharing План впровадження теми "Основи веб-дизайну" ]

=Оцінювання (стислий опис і інструменти)=
<p style="text-indent: 40px">Упродовж навчання за методом проектів вчителі постійно і систематично за допомогою засобів оцінювання збирають інформацію про те, як просувається навчання учнів та наскільки успішно вони навчаються. Вони слухають дискусії, які ведуть учні у малих групах, спостерігають за учнями, які працюють над запланованими вправами та за тим, як учні самі планують свої навчальні завдання, а також спостерігають за тим, як учні ставлять запитання під час роботи. Таке постійне оцінювання, яке починається з попереднього оцінювання знань та вмінь учнів на початку роботи в проектах і продовжується впродовж всього виконання учнями проектів називається формуючим оцінюванням. Вчителі використовують дані з такого оцінювання для того, щоб коригувати своє викладання та забезпечувати правильне виконання учнями проектних завдань. Коли вчителі регулярно залучають учнів до збору та перевірки таких відомостей про їхнє навчання, вони допомагають їм ставати відповідальними, самостійними та незалежними учнями.</p>

<p style="text-indent: 40px"><u>Підсумкове оцінювання</u> – це таке оцінювання, яке проводиться наприкінці навчальної теми або проектів. Таке оцінювання може допомогти отримати важливу інформацію щодо всього процесу навчання, яка потрібна для аналізу організації та проведення навчання. Вчителі можуть знайти слабкі місця викладанні курсу, над якими необхідно попрацювати більш ґрунтовно протягом майбутніх навчальних тем та вже з майбутніми учнями. Учні можуть визначити свої проблемні місця та поставити цілі щодо свого подальшого навчання.</p>

[https://docs.google.com/file/d/0B1h466oVmS9haW83RXlSMFgwUW8/edit?usp=sharing ЗХЯД]

[https://docs.google.com/file/d/0B1h466oVmS9hTm1CVHE2OWZFSE0/edit?usp=sharing Опитування щодо збереження диференціації]

[https://docs.google.com/file/d/0B1h466oVmS9hTVZTTmRvQ2tncU0/edit?usp=sharing Самооцінювання учнівської роботи]

[https://docs.google.com/file/d/0B1h466oVmS9haVAtUGJoMFJmbEE/edit?usp=sharing Форма оцінювання виконання групових завдань]

[https://docs.google.com/file/d/0B1h466oVmS9hYUhkTVRlczlJdE0/edit?usp=sharing Форма оцінювання щодо участі в обговореннях. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hamJzR2NLbkZUS1E/edit?usp=sharing Контрольний список для управління проектом. ]

[https://docs.google.com/file/d/0B1h466oVmS9hc0h3Ul9lRGdfcGM/edit?usp=sharing Форма оцінювання аналізу завдання. Середні і старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hNjNydk5GV3hRZkU/edit?usp=sharing Контрольний список з керівництва власним навчанням. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hLU00a0EzUjhIQk0/edit?usp=sharing Форма оцінювання письмових робіт для веб-сайтів. Старші класи ]

[https://docs.google.com/file/d/0B1h466oVmS9hREp1bzcwcTZXZjg/edit?usp=sharing Форма оцінювання комп’ютерних робіт. ]

[https://docs.google.com/file/d/0B1h466oVmS9hUGtVS3dNbFMzbTg/edit?usp=sharing Контрольний список для вікі-сайту]

[https://docs.google.com/file/d/0B1h466oVmS9hb0Q3N01rbmwyX1E/edit?usp=sharing Контрольний список: вклад в групову роботу.]

=Діяльність учнів та вчителя (скопіювати з Плану з посиланнями на відповідні документи)=

[[Файл:W123.jpg|900 px]] <div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:450px;">

<h3>'''До початку навчання за цією темою <u>потрібно:</u></h3>'''

* Переглянути терміни та основні поняття у довідковому інформаційному документі;

* Пересвідчитися, що учні знайомі з мережею інтернет, знають основи мови розмітки гіпертексту та мають підключення до інтернету для виконання проекту;

* Перевірити, чи учні знають, як шукати інформацію в Інтернеті, зберігати її та документувати;

* Вибрати учнів та поділити іх на 2 групи.
</div>

<blockquote><h2><font style="font-family:Monotype Corsiva;"><font color="OrangeRed">Учні здобудуть навички, використовування засобів візуального веб-редактора для створення і структурування веб-сторінок; отримають можливість створювати власні сайти.</font></font></h2></blockquote>

<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 1:''' <font color = "#00CD00">"Тема: Знайомство з мережею інтернет"</font></font></font>
<hr>
<p style="text-indent: 40px">Вчитель демонструє навчальну тему учням. Розповідає, що учні будуть робити на протязі 4 тижнів, що вони створять власний проект, проведуть дослідження в групах. Ознайомлення з навчальною темою: '''''АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ. Створення сайту за допомогою "Joomla".'''''.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити з історією створення інтернет.

• Ознайомити з технологіями, що лежать в основі мережі інтернет.

• Навчити визначати IP-адресу сервера, на якому розташовується сайт.

• Зареєструвати особистий поштову скриньку.

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div >
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 2:''' <font color = "#00CD00">"Тема:Статичні і динамічні сайти. Установка denwer."</font></font></font>
<hr>
<p>Починаємо готуватися до нашого проекту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Познайомити зі структурою та особливостями побудови Web-сторінок;

• Навчити установліваютDenwer, запускати html-файл через web-сервер.

• Формувати системно-інформаційний підхід до аналізу навколишнього світу і загальнокультурні навички роботи з інформацією ..

• Розвивати логічне мислення, стійкий інтерес до предмета, навички самостійної роботи.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 3:''' <font color = "#00CD00">"Установка Cms «Joomla!»."</font></font></font>
<hr>
<p>Спочатку поставте перед учнями Ключове запитання: Як самостійно зробити сайт? Можна провести з учнями мозковий штурм у малих групах та поміркувати про причини, які спонукають розробляти нові рекомендації і знаходити альтернативи. Запитайте учнів, для чого потрібен власний веб сайт? Учні також обмірковуватимуть це запитання наприкінці вивчення теми після виконання групових проектів.</p>

Вчитель показує вступну презентацію, в ході якої та після неї варто провести з класом обговорення наступних запитань:

• Які програми допомагають створювати власний веб-сайт?

• Що потрібно для цього зробити?
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 4:''' <font color = "#00CD00">"Тема:Зовнішній і внутрішній інтерфейс. Додавання користувачів.."</font></font></font>
<hr>
<p>Учні мають розробити ідеї щодо структури та шаблону оформлення власного веб-сайту:</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити призначати права в CMS «JOOMLA!»;

• Вивчити інтерфейс CMS «JOOMLA!»;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 5:''' <font color = "#00CD00">"Тема:Створюємо структуру сайту."</font></font></font>
<hr>
<p>Перед учнями ставиться наступне завдання: Створити структуру сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свою власну структуру сайту;

• Навчити додавати матеріал;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 6:''' <font color = "#00CD00">"Тема:Вставка зображень."</font></font></font>
<hr>
<p>Учням пропонується вставка зображень.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити додавати зображення;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Створення умов для набуття досвіду на етапі створення Web-сайту.

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 7:''' <font color = "#00CD00">"Тема:Встановлення додаткових компонентів."</font></font></font>
<hr>
<p>Учням пропонується встановлення додаткових компонентів.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати і налаштовувати компоненти;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Розвиток уміння робити висновки;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 8:''' <font color = "#00CD00">"Тема:Робота з шаблонами сайту."</font></font></font>
<hr>
<p>Учням пропонується робота з шаблонами сайту.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити встановлювати нові шаблони;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 9:''' <font color = "#00CD00">"Тема:Створення нового шаблону."</font></font></font>
<hr>
<p>Учням пропонується створення нового шаблону.</p>

<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити створювати свої і змінювати чужі шаблони сайту виконаного на CMS «Joomla!»;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій.
</div>
<font style="font-family:Tahoma; font-size:15pt;"><font color = "#0000FF">'''Заняття 10:''' <font color = "#00CD00">"Тема:ПУБЛІКАЦІЯ САЙТУ В МЕРЕЖІ ІНТЕРНЕТ."</font></font></font>
<hr>
<div style="background-color:#eeeeff;"><font style="font-family:Tahoma; font-size:13pt;"><font color = "#FF4500">Цілі заняття:</font></font></div>
<div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;">
• Навчити публікувати свою роботу в мережі інтернет;

• Навчити управляти файлами;

• Розвиток аналітичного та логічного мислення;

• Показати важливість знань і умінь у сфері інформаційних комп'ютерних технологій
</div>
<p style="text-indent: 40px">В ході дослідження учні зробили Вікі-статтю, в якому виклали всю інформацію дослідження
http://wiki.iteach.com.ua</p>

=Діяльність учнів=

[[Учнівська Вікі-стаття]]

=Діяльність вчителя=

[https://docs.google.com/file/d/0B1h466oVmS9hTThIaUxqVVJwbU0/edit?usp=sharing Презентація для учнів]

[https://docs.google.com/forms/d/19158RqPpZxy2mDLadg7OKrC2GYwKsg1rBCteSnNv8_Q/edit?usp=sharing Опитувальник для учнів]

[https://docs.google.com/file/d/0B1h466oVmS9hMUREVXRZVHE1LTg/edit?usp=sharing Діаграма для учнів]

<p style="text-align:center; font-size:15pt"><font color = "#0000CD">'''Презентація для представлення особливостей методу проектів'''</font></p>

<p style="text-align:center;">[[Файл:Metod1.png|450px]] [[Файл:Metod23.png|450px]] [[Файл:Metod32.png|450px]]</p>

=Відомості про автора=
==Ім'я, прізвище==
Шакуров Євген Олексійович

==Фах, навчальний предмет==
вчитель інформатики

==Навчальний заклад==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Місто\село, район, область==
місто Харків

==Контактні дані==
ел. адреса: '''shakurov82@gmail.com'''

=Відомості про тренінг=

==Дати проведення тренінгу==
25-29 березня 2013 року

==Місце проведення тренінгу==
[http://school_10.klasna.com/ Харківська загальноосвітня школа І-ІІІ ступенів №10 Харківської міської ради Харківської області]

==Тренери==
[[Користувач:Фесенко Олена| Фесенко Олена Вікторівна]]

[[Користувач:Токар Андрій| Токар Андрій Михайлович]]

[[Категорія: Шаблони]]
[[Категорія: Проект для учнів 11 класу]]
[[Категорія: Інформатика]]
[[Категорія:Банк проектів]]