Презентація старшого викладача каф. методики і змісту природничо-математичної освітита інформаційних технологій РОІППО, Тимощук Оксани Петрівни

Створення веб-сайтів для організації

навчально-виховного процесу

Сучасна освіта розвивається в умовах бурхливого розвитку

інформаційно-комунікаційних технологій.

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

педагогічні технології та форми роботи.

Хто не вмієХто не вміє – навчитись використовувати інформаційні технології. Хто вмієХто вміє – вдосконалювати знання. Хто знає Хто знає доскональнодосконально – створювати нові самому... І так – до нескінченності. До Глобального Глобального Інформаційного СуспільстваІнформаційного Суспільства.

«Якщо Вас немає в Інтернеті,

значить Ви не існуєте!» Білл Гейтс

Паличка стає чарівною лише в руках у того, хто

вміє нею користуватися і дійсно вірить в

чудо

Соціальні мережі та середовища

Пошук інформації в мережі

Web 2.0.

Створення сайту, сторінки сайту

Гіпертекст, гіперпосиланняСервіси Інтернет (e-mail,

WWW)

ВідеоконференціїМережева

грамотність

Вік? Небажання

будь-що змінювати у

своїй практиці

Боязнь виглядати

некомпетентними перед учнями

Боязнь виглядати

перед адміністрацію «незнайком»

Нестача часу

Боязнь зіпсувати

обладнання

Незнання англ.

Стратегія інформатизації

особистого простору

Віртуальна методична копілка

Вивчення технологічних новинок

Розробка мережевих матеріалів

навчальних занять

Фіксація досвіду в мережі

Вивчення сервісів Web 2.0разом із учнями

Розширеннятьюторства

Мережеві майстер класи

Дистанційнаробота з учнями

Навчання онлайн

Свідомий вибір програм і сервісів для вивчення предмету

Етапи створення сайту:

Вимоги до навігаціїлогічність поділу на розділи і підрозділи;

інтуїтивність користування;точність назв розділів і підрозділів;лаконічність заголовків.

Параметри Створення сайтупорівняння працівниками ЗНЗ компанією-підрядником

Бюджет Нульовий або мінімальний (премія виконавцю проекту)

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

Зручність ІР-адреси

ІР-адреса буде складноюдля запам'ятовування чи набору вручну

Залежно від придбаного доменного імені та хостингу ІР-адреса може бути дуже зручною та короткою

Витрати часуВитрати часу на створення сайта за допомогою готових онлайн-шаблонів значно менші, ніж програмування «з нуля»

Час витрачається лише на комунікації з підрядником. Але слід зауважити, що програмування сайта триває довше, ніж його створення за допомогою шаблонів

Витрати людських ресурсів

Створенням сайта може опікуватись одна людина, наприклад, вчитель інформатики

До створення сайта залучають щонайменше двох спеціалістів: розробника веб-дизайну та програміста

ДизайнСтандартний, передбачений шаблонами. Є певний вибір, який можна урізноманітнити самостійно, проте лише до певної межі

Будь-який на ваш вибір. Створюється за вашими побажаннями відповідно до Технічного завдання

ФункціональністьОбмежена можливостями безплатної платформи, на якій створюється та розміщується сайт

Необмежена. Межі передбачені Технічним завданням. Проте збільшення функціональності пропорційне збільшенню витрат коштів та часу на створення сайта, яких потребує цей процес

Наявність реклами

На деяких безкоштовних платформах для створення сайтів може бути наявна обов'язкова реклама, що з'являтиметься на вашому сайті незалежно від вас

Реклама з'явиться на сайті лише якщо ви цього забажаєте та знайдете рекламодавця

Технічна підтримка

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

За наявності такого пункту у договорі компанія-підрядник може надавати вам технічну підтримку якщо виникають проблеми у роботі сайта, консультувати щодо усунення технічних проблем тощо

Зручність у користуванні

Залежить лише від того, наскільки зручно ви структурували сайт під час розроблення

Залежить від Технічного завдання та майстерності працівників компанії-підрядника

Порівняння процесів створення сайту самостійно та на замовлення

Орієнтований плантехнічного завдання на створення сайту

Інформаційно-освітні платформи для створення сайтів ЗНЗ:

Щоденник – www.shodennik.ua Net Школа Україна – www.net.elnik.kiev.ua Курс-школа – www.ekyrs.org

Класна оцінка – www.klasnaocinka.com.ua

Моя Школа – www.myschool.ua

EDUkIT – www.edukit.org.ua

Системи, які допомагають у створенні сайту

ucoz.ru, ho.com.ua, info.ua,Google Sites тощо.

Доменне ім’я створюваного сайту

sites.google.com/<ім’я сайту>

Сторінка для входу у свій аккаунт

https://accounts.google.com

https://sites.google.com

За допомогою кнопок, розміщених у правій верхній області цієї сторінки, можна:

створити нову сторінку;

редагувати наявну сторінку;

перейти до налаштування різних параметрів як веб-сторінок, так і всього сайту

(кнопка-меню Спільний доступ).

Щоб змінити будь-яку веб-сторінку сайту, потрібно:

1) Обравши веб-сторінку, натиснути кнопку Редагувати сторінку.

2) Змінити назву сторінки.

3) Використовуючи можливості вбудованого текстового редактора, набрати, відредагувати або відформатувати текстову інформацію.

4) Використовуючи можливості меню Вставити, додати на сторінку різноманітні об’єкти.

5) Натиснути кнопку Зберегти, щоб зберегти виконані під час редагування сторінки зміни, або Скасувати, щоб відмовитися від них.

Сторінка служби Google Sites для подальшої роботи зі створеним

сайтом

Для того, щоб змінити Домашню сторінку треба:

Додавання на веб-сторінку попередньо підготовленого зображення

У меню Вставити виконайте команду Зображення Додати зображення, установіть Завантажені зображення Вибрати ОК для вставляння зображення на сторінку;

Установивши перемикач Веб-адреса (URL), уведіть адресу файлу зображення та виконайте його попередній перегляд. Далі аналогічно вставте це зображення на веб-сторінку.

Вибране зображення

Вікно Додати зображення

За допомогою спеціального вікна, що з’явилося поруч із вставленим зображенням на веб-сторінці, призначте його властивості:

•Розмір зображення;•Розміщення на сторінці;•Наявність або відсутність обтікання зображення текстом.•Можливість переглянути зображення на окремійсторінці в оригінальному розмірі (автоматично згенероване гіперпосилання для переходу на окрему сторінку, що міститиме це зображення).

Текстовий фрагмент, розміщенийна сторінці

Вставка зображення на веб-сторінку та налаштування його параметрів

Для додавання на веб-сторінку відеофайлу, розміщеного на YouTube або Відео Google,

виконайте такі дії:

1) знайдіть на відповідному сервісі відеофайл, призначений для вставляння, і скопіюйте його URL-адресу;2) у режимі редагування веб-сторінки перейдіть у те її місце, де вставлятиметься відео;3) виконайте команду Відео меню Вставити, а далі оберіть сервіс, відеофайл якого додаватиметься на сторінку;4) у вікні Вставити Відео <назва відповідного сервісу> у спеціальне поле введіть скопійовану URL-адресу відеофайлу;

Вставка відеофайлу

Створюючи стиль кожного веб-сайту, визначають вигляд таких його елементів:

Для зміни оформлення сайту, натисніть кнопку меню Спільний доступ. У спадному меню, що з’явилося при цьому на екрані, виберіть пункт Керування сайтом.

Вигляд веб-сторінки створюваного сайту за використання теми «Пустельна панель»

Для створення нової веб-сторінки, виконайте таку послідовність дій:

1) Натисніть кнопку Створити сторінку. 2) На службовій сторінці, що з’явилася на

екрані: виберіть шаблон створюваної сторінки; уведіть назву сторінки; перегляньте автоматично згенеровану адресу

сторінки та за потреби змініть її; за допомогою встановлення перемикача

визначте розміщення створюваної веб-сторінки на сайті.

3) Натисніть кнопку Створити.

Створення веб-сторінки

Створена веб-сторінка в режимі редагування

Додавання горизонтальної лінії за допомогою команди Горизонтальна лінія тематичного меню Вставити

Щоб створити гіперпосилання, перейдіть у режим редагування веб-сторінки та виконайте такі дії:

1) Виділіть текстовий фрагмент або зображення, на основі яких створюватиметься гіперпосилання. 2) На панелі інструментів убудованого редактора натисніть кнопку Посилання Створити посилання Існуюча сторінка, якщо потрібно виконати перехід на сторінку даного сайту, або Веб-адреса, якщо буде вказана URL-адреса будь-якої веб-сторінки іншого сайту, на який потрібно виконати перехід.

Назва сторінки, на яку здійснюватиметься перехід

Вікно Створити посилання

3) Якщо перехід відбуватиметься між сторінками даного сайту, на карті сайту вкажіть назву сторінки, на яку потрібно виконати перехід. Якщо такої сторінки ще не існує, натисніть кнопку Створити нову сторінку та почніть процес її розробки. Якщо перехід відбуватиметься на сторінку іншого сайту, уведіть її URL-адресу. 4) При виборі гіперпосилання сторінка має відкриватися в новому вікні, у нижній області вікна встановіть прапорець Відкрити це посилання в новому вікні ОК.

ОРГАНІЗАЦІЯ ЗРУЧНОЇ НАВІГАЦІЇ САЙТОМ

Щоб відредагувати будь-який вид навігації, треба натиснути кнопку Спільний доступ Керування сайтом Вигляд сайту Розмітка сайту. Натиснувши кнопку Змінити компонування сайту, у вікні, що з’явиться при цьому на екрані, шляхом встановлення перемикачів і прапорців можна призначити відображати потрібну навігаційну панель.

Вікно Змінити компонування сайту

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

Розглянемо, як виконати це завдання, на прикладі редагування горизонтальної навігаційної панелі.

Швидше змінити бічну навігаційну панель можна за допомогою посилання Змінити бічну панель, розміщену під навігаційною панеллю на кожній веб-сторінці сайту. Натиснувши посилання, одразу переходимо до сторінки Налаштування компонування сайту.

Редагування горизонтальної навігаційної панелі

Спільний доступ до сайту

Дякую за увагу