1. Створення веб-сайтів
для організації
навчально-виховного процесу
Презентація
старшого викладача каф. методики і змісту
природничо-математичної освіти
та інформаційних технологій РОІППО,
Тимощук Оксани Петрівни
3. В умовах сьогодення нам, педагогічним
працівникам, необхідно урізноманітнити власні
педагогічні технології та форми роботи.
Хто не вміє – навчитись
використовувати інформаційні
технології. Хто вміє –
вдосконалювати знання. Хто знає
досконально – створювати нові
самому... І так – до нескінченності.
До Глобального Інформаційного
Суспільства.
Суспільства
4. «Якщо Вас немає в
Інтернеті,
значить Ви не існуєте!»
Білл Гейтс
5. Створен Відеоконференції
ня сайт Мережева
сторінк у,
и сайту
Web 2.0. грамотність
ail, Соціальні мережі та
Гіпертекст нет (e-m
гіперпоси
, ервіс и Інтер середовища Паличка стає
лання С WWW) Пош чарівною лише в
ук інфо руках у того, хто
рмації в
мережі вміє нею
користуватися і
дійсно вірить в
чудо
Стратегія
інформатизації
особистого простору
Віртуальна Розширення
методична копілка тьюторства
Боязнь
виглядати
Вивчення Мережеві
некомпетентни технологічних новинок
ми перед майстер класи
Незнання англ.
учнями Розробка
мережевих Дистанційна
Боязнь
матеріалів робота з учнями
виглядати Боязнь навчальних занять
перед зіпсувати
адміністрацію обладнання Фіксація Навчання онлайн
«незнайком» досвіду в мережі
Вік? Вивчення Свідомий
Нестача Небажання сервісів Web 2.0 вибір програм і сервісів
часу будь-що разом із учнями для вивчення предмету
змінювати у
своїй практиці
8. Вимоги до навігації
логічність поділу на розділи і
підрозділи;
інтуїтивність користування;
точність назв розділів і
підрозділів;
лаконічність заголовків.
9. Порівняння процесів створення сайту самостійно та на замовлення
Параметри Створення сайту
порівняння працівниками ЗНЗ компанією-підрядником
Нульовий або мінімальний (премія Вартість оплати роботи дизайнерів та
Бюджет виконавцю проекту) програмістів, а також регулярна плата за
інтернет-хостинг
Зручність ІР-адреса буде складною Залежно від придбаного доменного імені та
ІР-адреси для запам'ятовування чи набору вручну хостингу ІР-адреса може бути дуже зручною та
короткою
Витрати часу на створення сайта за Час витрачається лише на комунікації з
Витрати часу допомогою готових онлайн-шаблонів підрядником. Але слід зауважити, що
значно менші, ніж програмування «з нуля» програмування сайта триває довше, ніж його
створення за допомогою шаблонів
Витрати людських Створенням сайта може опікуватись одна До створення сайта залучають веб-дизайну та
двох спеціалістів: розробника
щонайменше
ресурсів людина, наприклад, вчитель інформатики програміста
Стандартний, передбачений шаблонами. Є Будь-який на ваш вибір. Створюється за
Дизайн певний вибір, який можна урізноманітнити вашими побажаннями відповідно до
самостійно, проте лише до певної межі Технічного завдання
Необмежена. Межі передбачені Технічним
Обмежена можливостями безплатної завданням. Проте збільшення
Функціональність платформи, на якій створюється та функціональності пропорційне збільшенню
розміщується сайт витрат коштів та часу на створення сайта, яких
потребує цей процес
На деяких безкоштовних платформах для
Наявність створення сайтів може бути наявна Реклама з'явиться на сайті лише якщо ви цього
реклами обов'язкова реклама, що з'являтиметься на забажаєте та знайдете рекламодавця
вашому сайті незалежно від вас
Деперсоналізована, тобто конкретної За наявності такого пункту у договорі
Технічна допомоги особисто вам надано не буде. компанія-підрядник може надавати вам
підтримка Проте адміністрація онлайн-платформи технічну підтримку якщо виникають проблеми
слідкуватиме за підтриманням нормального у роботі сайта, консультувати щодо усунення
функціонування всієї платформи технічних проблем тощо
Зручність Залежить лише від того, наскільки зручно Залежить від Технічного завдання та
у користуванні ви структурували сайт під час розроблення майстерності працівників компанії-підрядника
11. Інформаційно-освітні платформи
для створення сайтів ЗНЗ:
Щоденник – www.shodennik.ua
Net Школа Україна – www.net.elnik.kiev.ua
Курс-школа – www.ekyrs.org
Класна оцінка – www.klasnaocinka.com.ua
Моя Школа – www.myschool.ua
EDUkIT – www.edukit.org.ua
17. За допомогою кнопок, розміщених у правій
верхній області цієї сторінки, можна:
створити нову сторінку;
редагувати наявну сторінку;
перейти до налаштування різних параметрів
як веб-сторінок, так і всього сайту
(кнопка-меню Спільний доступ).
18. Щоб змінити будь-яку веб-сторінку
сайту, потрібно:
1) Обравши веб-сторінку, натиснути кнопку Редагувати
сторінку.
2) Змінити назву сторінки.
3) Використовуючи можливості вбудованого текстового
редактора, набрати, відредагувати або відформатувати
текстову інформацію.
4) Використовуючи можливості меню Вставити, додати
на сторінку різноманітні об’єкти.
5) Натиснути кнопку Зберегти, щоб зберегти виконані
під час редагування сторінки зміни, або Скасувати, щоб
відмовитися від них.
21. Додавання на веб-сторінку попередньо
підготовленого зображення
У меню Вставити виконайте
команду Зображення Додати
зображення, установіть Завантажені
зображення Вибрати ОК для
вставляння зображення на сторінку;
Установивши перемикач Веб-
адреса (URL), уведіть адресу файлу
зображення та виконайте його
попередній перегляд. Далі аналогічно
вставте це зображення на веб-
сторінку.
23. За допомогою спеціального вікна, що
з’явилося поруч із вставленим зображенням на веб-
сторінці, призначте його властивості:
•Розмір зображення;
•Розміщення на сторінці;
•Наявність або відсутність обтікання зображення
текстом.
•Можливість переглянути зображення на окремій
сторінці в оригінальному розмірі (автоматично
згенероване гіперпосилання для переходу на
окрему сторінку, що міститиме це зображення).
24. Вставка зображення на веб-сторінку
та налаштування його параметрів
Текстовий фрагмент,
розміщений
на сторінці
25. Для додавання на веб-сторінку відеофайлу,
розміщеного на YouTube або Відео Google,
виконайте такі дії:
1) знайдіть на відповідному сервісі відеофайл,
призначений для вставляння, і скопіюйте його URL-
адресу;
2) у режимі редагування веб-сторінки перейдіть у те
її місце, де вставлятиметься відео;
3) виконайте команду Відео меню Вставити, а далі
оберіть сервіс, відеофайл якого додаватиметься на
сторінку;
4) у вікні Вставити Відео <назва відповідного
сервісу> у спеціальне поле введіть скопійовану URL-
адресу відеофайлу;
28. Для зміни оформлення
сайту, натисніть кнопку меню
Спільний доступ. У спадному
меню, що з’явилося при цьому
на екрані, виберіть пункт
Керування сайтом.
30. Для створення нової веб-сторінки,
виконайте таку послідовність дій:
1) Натисніть кнопку Створити сторінку.
2) На службовій сторінці, що з’явилася на екрані:
виберіть шаблон створюваної сторінки;
уведіть назву сторінки;
перегляньте автоматично згенеровану адресу
сторінки та за потреби змініть її;
за допомогою встановлення перемикача визначте
розміщення створюваної веб-сторінки на сайті.
3) Натисніть кнопку Створити.
34. Щоб створити гіперпосилання, перейдіть у режим
редагування веб-сторінки та виконайте такі дії:
1) Виділіть текстовий фрагмент або зображення, на основі яких
створюватиметься гіперпосилання.
2) На панелі інструментів убудованого редактора натисніть
кнопку Посилання Створити посилання Існуюча сторінка,
якщо потрібно виконати перехід на сторінку даного сайту, або
Веб-адреса, якщо буде вказана URL-адреса будь-якої веб-
сторінки іншого сайту, на який потрібно виконати перехід.
36. 3) Якщо перехід відбуватиметься між сторінками даного
сайту, на карті сайту вкажіть назву сторінки, на яку
потрібно виконати перехід. Якщо такої сторінки ще не
існує, натисніть кнопку Створити нову сторінку та
почніть процес її розробки.
Якщо перехід відбуватиметься на сторінку іншого сайту,
уведіть її URL-адресу.
4) При виборі гіперпосилання сторінка має відкриватися
в новому вікні, у нижній області вікна встановіть
прапорець Відкрити це посилання в новому вікні ОК.
37. ОРГАНІЗАЦІЯ ЗРУЧНОЇ НАВІГАЦІЇ САЙТОМ
Щоб відредагувати будь-який вид
навігації, треба натиснути кнопку Спільний
доступ Керування сайтом Вигляд сайту
Розмітка сайту. Натиснувши кнопку
Змінити компонування сайту, у вікні, що
з’явиться при цьому на екрані, шляхом
встановлення перемикачів і прапорців можна
призначити відображати потрібну навігаційну
панель.
39. У центральній частині вікна
Налаштування компонування сайту потрібно
вибрати вид навігаційної панелі, вміст якої
потрібно змінити та натиснути посилання
редагувати вміст.
Розглянемо, як виконати це завдання, на
прикладі редагування горизонтальної
навігаційної панелі.
40.
41. Швидше змінити бічну навігаційну панель можна за
допомогою посилання Змінити бічну панель, розміщену під
навігаційною панеллю на кожній веб-сторінці сайту. Натиснувши
посилання, одразу переходимо до сторінки Налаштування
компонування сайту.