створення сайтів на платформі google sites
TRANSCRIPT
![Page 1: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/1.jpg)
Презентація старшого викладача каф. методики і змісту природничо-математичної освітита інформаційних технологій РОІППО, Тимощук Оксани Петрівни
Створення веб-сайтів для організації
навчально-виховного процесу
![Page 2: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/2.jpg)
Сучасна освіта розвивається в умовах бурхливого розвитку
інформаційно-комунікаційних технологій.
![Page 3: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/3.jpg)
В умовах сьогодення нам, педагогічним працівникам, необхідно урізноманітнити власні
педагогічні технології та форми роботи.
Хто не вмієХто не вміє – навчитись використовувати інформаційні технології. Хто вмієХто вміє – вдосконалювати знання. Хто знає Хто знає доскональнодосконально – створювати нові самому... І так – до нескінченності. До Глобального Глобального Інформаційного СуспільстваІнформаційного Суспільства.
![Page 4: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/4.jpg)
«Якщо Вас немає в Інтернеті,
значить Ви не існуєте!» Білл Гейтс
![Page 5: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/5.jpg)
Паличка стає чарівною лише в руках у того, хто
вміє нею користуватися і дійсно вірить в
чудо
Соціальні мережі та середовища
Пошук інформації в мережі
Web 2.0.
Створення сайту, сторінки сайту
Гіпертекст, гіперпосиланняСервіси Інтернет (e-mail,
WWW)
ВідеоконференціїМережева
грамотність
Вік? Небажання
будь-що змінювати у
своїй практиці
Боязнь виглядати
некомпетентними перед учнями
Боязнь виглядати
перед адміністрацію «незнайком»
Нестача часу
Боязнь зіпсувати
обладнання
Незнання англ.
Стратегія інформатизації
особистого простору
Віртуальна методична копілка
Вивчення технологічних новинок
Розробка мережевих матеріалів
навчальних занять
Фіксація досвіду в мережі
Вивчення сервісів Web 2.0разом із учнями
Розширеннятьюторства
Мережеві майстер класи
Дистанційнаробота з учнями
Навчання онлайн
Свідомий вибір програм і сервісів для вивчення предмету
![Page 6: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/6.jpg)
Етапи створення сайту:
![Page 7: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/7.jpg)
![Page 8: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/8.jpg)
Вимоги до навігаціїлогічність поділу на розділи і підрозділи;
інтуїтивність користування;точність назв розділів і підрозділів;лаконічність заголовків.
![Page 9: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/9.jpg)
Параметри Створення сайтупорівняння працівниками ЗНЗ компанією-підрядником
Бюджет Нульовий або мінімальний (премія виконавцю проекту)
Вартість оплати роботи дизайнерів та програмістів, а також регулярна плата за інтернет-хостинг
Зручність ІР-адреси
ІР-адреса буде складноюдля запам'ятовування чи набору вручну
Залежно від придбаного доменного імені та хостингу ІР-адреса може бути дуже зручною та короткою
Витрати часуВитрати часу на створення сайта за допомогою готових онлайн-шаблонів значно менші, ніж програмування «з нуля»
Час витрачається лише на комунікації з підрядником. Але слід зауважити, що програмування сайта триває довше, ніж його створення за допомогою шаблонів
Витрати людських ресурсів
Створенням сайта може опікуватись одна людина, наприклад, вчитель інформатики
До створення сайта залучають щонайменше двох спеціалістів: розробника веб-дизайну та програміста
ДизайнСтандартний, передбачений шаблонами. Є певний вибір, який можна урізноманітнити самостійно, проте лише до певної межі
Будь-який на ваш вибір. Створюється за вашими побажаннями відповідно до Технічного завдання
ФункціональністьОбмежена можливостями безплатної платформи, на якій створюється та розміщується сайт
Необмежена. Межі передбачені Технічним завданням. Проте збільшення функціональності пропорційне збільшенню витрат коштів та часу на створення сайта, яких потребує цей процес
Наявність реклами
На деяких безкоштовних платформах для створення сайтів може бути наявна обов'язкова реклама, що з'являтиметься на вашому сайті незалежно від вас
Реклама з'явиться на сайті лише якщо ви цього забажаєте та знайдете рекламодавця
Технічна підтримка
Деперсоналізована, тобто конкретної допомоги особисто вам надано не буде. Проте адміністрація онлайн-платформи слідкуватиме за підтриманням нормального функціонування всієї платформи
За наявності такого пункту у договорі компанія-підрядник може надавати вам технічну підтримку якщо виникають проблеми у роботі сайта, консультувати щодо усунення технічних проблем тощо
Зручність у користуванні
Залежить лише від того, наскільки зручно ви структурували сайт під час розроблення
Залежить від Технічного завдання та майстерності працівників компанії-підрядника
Порівняння процесів створення сайту самостійно та на замовлення
![Page 10: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/10.jpg)
Орієнтований плантехнічного завдання на створення сайту
![Page 11: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/11.jpg)
Інформаційно-освітні платформи для створення сайтів ЗНЗ:
Щоденник – www.shodennik.ua Net Школа Україна – www.net.elnik.kiev.ua Курс-школа – www.ekyrs.org
Класна оцінка – www.klasnaocinka.com.ua
Моя Школа – www.myschool.ua
EDUkIT – www.edukit.org.ua
![Page 12: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/12.jpg)
Системи, які допомагають у створенні сайту
ucoz.ru, ho.com.ua, info.ua,Google Sites тощо.
![Page 13: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/13.jpg)
![Page 14: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/14.jpg)
Доменне ім’я створюваного сайту
sites.google.com/<ім’я сайту>
![Page 15: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/15.jpg)
Сторінка для входу у свій аккаунт
https://accounts.google.com
![Page 16: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/16.jpg)
https://sites.google.com
![Page 17: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/17.jpg)
За допомогою кнопок, розміщених у правій верхній області цієї сторінки, можна:
створити нову сторінку;
редагувати наявну сторінку;
перейти до налаштування різних параметрів як веб-сторінок, так і всього сайту
(кнопка-меню Спільний доступ).
![Page 18: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/18.jpg)
Щоб змінити будь-яку веб-сторінку сайту, потрібно:
1) Обравши веб-сторінку, натиснути кнопку Редагувати сторінку.
2) Змінити назву сторінки.
3) Використовуючи можливості вбудованого текстового редактора, набрати, відредагувати або відформатувати текстову інформацію.
4) Використовуючи можливості меню Вставити, додати на сторінку різноманітні об’єкти.
5) Натиснути кнопку Зберегти, щоб зберегти виконані під час редагування сторінки зміни, або Скасувати, щоб відмовитися від них.
![Page 19: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/19.jpg)
Сторінка служби Google Sites для подальшої роботи зі створеним
сайтом
![Page 20: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/20.jpg)
Для того, щоб змінити Домашню сторінку треба:
![Page 21: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/21.jpg)
Додавання на веб-сторінку попередньо підготовленого зображення
У меню Вставити виконайте команду Зображення Додати зображення, установіть Завантажені зображення Вибрати ОК для вставляння зображення на сторінку;
Установивши перемикач Веб-адреса (URL), уведіть адресу файлу зображення та виконайте його попередній перегляд. Далі аналогічно вставте це зображення на веб-сторінку.
![Page 22: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/22.jpg)
Вибране зображення
Вікно Додати зображення
![Page 23: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/23.jpg)
За допомогою спеціального вікна, що з’явилося поруч із вставленим зображенням на веб-сторінці, призначте його властивості:
•Розмір зображення;•Розміщення на сторінці;•Наявність або відсутність обтікання зображення текстом.•Можливість переглянути зображення на окремійсторінці в оригінальному розмірі (автоматично згенероване гіперпосилання для переходу на окрему сторінку, що міститиме це зображення).
![Page 24: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/24.jpg)
Текстовий фрагмент, розміщенийна сторінці
Вставка зображення на веб-сторінку та налаштування його параметрів
![Page 25: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/25.jpg)
Для додавання на веб-сторінку відеофайлу, розміщеного на YouTube або Відео Google,
виконайте такі дії:
1) знайдіть на відповідному сервісі відеофайл, призначений для вставляння, і скопіюйте його URL-адресу;2) у режимі редагування веб-сторінки перейдіть у те її місце, де вставлятиметься відео;3) виконайте команду Відео меню Вставити, а далі оберіть сервіс, відеофайл якого додаватиметься на сторінку;4) у вікні Вставити Відео <назва відповідного сервісу> у спеціальне поле введіть скопійовану URL-адресу відеофайлу;
![Page 26: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/26.jpg)
Вставка відеофайлу
![Page 27: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/27.jpg)
Створюючи стиль кожного веб-сайту, визначають вигляд таких його елементів:
![Page 28: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/28.jpg)
Для зміни оформлення сайту, натисніть кнопку меню Спільний доступ. У спадному меню, що з’явилося при цьому на екрані, виберіть пункт Керування сайтом.
![Page 29: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/29.jpg)
Вигляд веб-сторінки створюваного сайту за використання теми «Пустельна панель»
![Page 30: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/30.jpg)
Для створення нової веб-сторінки, виконайте таку послідовність дій:
1) Натисніть кнопку Створити сторінку. 2) На службовій сторінці, що з’явилася на
екрані: виберіть шаблон створюваної сторінки; уведіть назву сторінки; перегляньте автоматично згенеровану адресу
сторінки та за потреби змініть її; за допомогою встановлення перемикача
визначте розміщення створюваної веб-сторінки на сайті.
3) Натисніть кнопку Створити.
![Page 31: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/31.jpg)
Створення веб-сторінки
![Page 32: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/32.jpg)
Створена веб-сторінка в режимі редагування
![Page 33: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/33.jpg)
Додавання горизонтальної лінії за допомогою команди Горизонтальна лінія тематичного меню Вставити
![Page 34: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/34.jpg)
Щоб створити гіперпосилання, перейдіть у режим редагування веб-сторінки та виконайте такі дії:
1) Виділіть текстовий фрагмент або зображення, на основі яких створюватиметься гіперпосилання. 2) На панелі інструментів убудованого редактора натисніть кнопку Посилання Створити посилання Існуюча сторінка, якщо потрібно виконати перехід на сторінку даного сайту, або Веб-адреса, якщо буде вказана URL-адреса будь-якої веб-сторінки іншого сайту, на який потрібно виконати перехід.
![Page 35: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/35.jpg)
Назва сторінки, на яку здійснюватиметься перехід
Вікно Створити посилання
![Page 36: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/36.jpg)
3) Якщо перехід відбуватиметься між сторінками даного сайту, на карті сайту вкажіть назву сторінки, на яку потрібно виконати перехід. Якщо такої сторінки ще не існує, натисніть кнопку Створити нову сторінку та почніть процес її розробки. Якщо перехід відбуватиметься на сторінку іншого сайту, уведіть її URL-адресу. 4) При виборі гіперпосилання сторінка має відкриватися в новому вікні, у нижній області вікна встановіть прапорець Відкрити це посилання в новому вікні ОК.
![Page 37: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/37.jpg)
ОРГАНІЗАЦІЯ ЗРУЧНОЇ НАВІГАЦІЇ САЙТОМ
Щоб відредагувати будь-який вид навігації, треба натиснути кнопку Спільний доступ Керування сайтом Вигляд сайту Розмітка сайту. Натиснувши кнопку Змінити компонування сайту, у вікні, що з’явиться при цьому на екрані, шляхом встановлення перемикачів і прапорців можна призначити відображати потрібну навігаційну панель.
![Page 38: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/38.jpg)
Вікно Змінити компонування сайту
![Page 39: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/39.jpg)
У центральній частині вікна Налаштування компонування сайту потрібно вибрати вид навігаційної панелі, вміст якої потрібно змінити та натиснути посилання редагувати вміст.
Розглянемо, як виконати це завдання, на прикладі редагування горизонтальної навігаційної панелі.
![Page 40: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/40.jpg)
![Page 41: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/41.jpg)
Швидше змінити бічну навігаційну панель можна за допомогою посилання Змінити бічну панель, розміщену під навігаційною панеллю на кожній веб-сторінці сайту. Натиснувши посилання, одразу переходимо до сторінки Налаштування компонування сайту.
![Page 42: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/42.jpg)
Редагування горизонтальної навігаційної панелі
![Page 43: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/43.jpg)
Спільний доступ до сайту
![Page 44: створення сайтів на платформі Google sites](https://reader035.vdocuments.net/reader035/viewer/2022081504/557f2f8cd8b42a46658b4caa/html5/thumbnails/44.jpg)
Дякую за увагу