вікс урок

1. ПОГОДЖЕНО
__________ Ірина САМОЙЛИК
_______________________20__р.
ЗАТВЕРДЖЕНО
__________ Тетяна ГРИНЬ
______________________201__р.
План уроку
виробничого навчання гр. № 23
Тема№2.6. Підготовка та розміщення матеріалів у мережі Інтернет.
Тема уроку № 2.6.12. «Створення веб-сторінок за допомогою ПЗ»
Мета уроку
Навчальна: навчити учнів у процесі уроку виробничого навчання
створювати веб-сторінки за допомогою різноманітного ПЗ.
Розвиваюча: розвити навички створювання веб-сторінок за допомогою ПЗ
та використовувати набуті знання на практиці.
Виховна: виховати інформаційно - освічену особу, культуру роботи з при
створенні веб-сторінок за допомогою ПЗ та зацікавленість, повагу до обраної
професії «Оператор з обробки інформації та програмного забезпечення»
Тип уроку: урок вивчення складних трудових прийомів і операцій.
Вид уроку:
Дидактичне забезпечення: конспект уроку, підручник, електронна
презентація, відео, картка завдання, інструктивно - технологічна картка, плакат,
структура сайту
Матеріально-технічна база: персональний комп’ютер, Інтернет.
Хід уроку (елементи уроку):
1. Організаційна частина:
1.1. Перевірка наявності учнів.
1.2. Перевірка готовності учнів до уроку.
1.3. Інструктаж з охорони праці.
Хочу зауважити, що обов’язковим на уроках виробничого навчання є
дотримання вимог правил охорони праці під час роботи на ПК.
Інструкція
для учнів з охорони праці під час виробничого навчання в майстерні
«Технологій комп’ютерної обробки інформації»
1. Загальні вимоги
1.1. До занять в майстерні допускаються учні, які ….. (пройшли
інструктаж з БЖД)

2. 1.2. Не дозволяється заходити і знаходитися в майстерні ….. (без майстра
виробничого навчання)
1.3. Забороняється заходити в майстерню у ….. (верхньому одязі)
1.4. (Забороняється)…… приносити на робоче місце особисті речі, в тому
числі USB - носії.
2. Вимоги безпеки перед початком роботи
2.1. Переконайтесь у готовності комп’ютера до роботи та відсутності ……
(явних пошкоджень робочого місця)
2.2. Сідайте на робоче місце так, …… (щоб можна було, не нахиляючись,
користуватися клавіатурою та сприймати інформацію з екрану монітора)
2.3. Починайте роботу тільки за вказівкою ….. (майстра в/н)
3. Вимоги безпеки під час роботи
3.1. Під час роботи чітко виконуйте вказівки ….. (майстра в/н)
3.2. Впродовж заняття ….. (забороняється вставати та ходити по
майстерні)
3.3. Припиняйте роботу при появі незвичайного звуку, запаху або
самовільного вимкнення ПК та ……. (негайно повідомте про це майстра
виробничого навчання)
3.4. Суворо забороняється ……. (самостійно регулювати або усувати
несправності апаратури)
4. Вимоги безпеки по закінченню роботи
4.1. Закінчуйте роботу безпосередньо за вказівкою ….. (майстра в/н)
4.2. По закінченню занять обов’язково приведіть робоче місце в ……..
(порядок)
2. Вступний інструктаж:
Актуалізація знань
2.1. Повідомлення теми і мети уроку.
2.2. Цільова установка проведення уроку
Навчитися користуватися ПЗ для створення веб –сайтів.
2.3. Перевірка опорних З,У,Н, учнів, необхідних їм для подальшої роботи
на уроці
3. Викладання нового матеріалу
3.1. Повідомлення нової навчальної інформації Створення веб-сторінок за
допомогою ПЗ :
Що це ж за програма?
Редактор Wix - це платформа, яку використовують для створення сайту. Він
складається з безлічі інструментів і функцій, які допоможуть вам створити
приголомшливий і функціональний веб-сайт.

3. Покрокова інструкція створення сайту на Wix
- Реєстрація, крок перший
Для створення сайту за допомогою програми wix, в першу чергу вам
необхідно зареєструватися. Перейдіть по посиланню wix.com і ви потрапите на
головну сторінку конструктора.
Для того щоб увійти нам потрібно зареєструватися.
Вибір шаблону або автоматична розробка
На самому початку створення сайту ми повинні підібрати тематику
майбутньої платформи. Просто виберіть те, що ближче до вашої справи. Це
може бути бізнес сторінка, блог або інтернет-магазин.

4. Але зовсім не обов'язково зациклюватися на якомусь певному варіанті.
Абсолютно будь-який шаблон можна видозмінити і підігнати по свої цілі. Хоча,
не сперечаюся, краще підібрати те, що ближче.
Створення сайту в редакторі wix
Вибираємо шаблон і приступаємо до створення сайту на Wix своїми
руками за допомогою редактора. Зараз ви бачите перед собою вже готовий, але
не доопрацьований макет веб-порталу.
Свобода дій в плані зміни дизайну і структури контенту
Свобода дій і можливість сконструювати той сайт, який ви хотіли - це
величезний плюс платформи wix.

5. Вибираючи ту чи іншу ділянку шаблону, натисніть на його лівою кнопкою
миші і потім правою, щоб побачити запропонований всі можливі варіанти. Перед
вами відкриються кілька схожі за функціоналом, але все-таки різні по виду
панелі. У них ви зможете вибрати самі різні інструменти по зміні свого контенту.
Це може бути сам фон, яскравість картинки, зміна шрифтів або додавання
анімації. Я не хочу загострювати увагу на можливостях і рекомендую вам
самостійно покопатися в налаштуваннях. В цьому немає нічого складного і я
впевнений, що ви впораєтеся.
Меню сайту wix, зміна сторінок і створення нових
У редакторі, в лівій частині екрана ви можете побачити невелику панель
кнопок. У самому верху розташована вкладка, яка дозволяє вам керувати
сторінками сайту: створювати, видаляти, редагувати і робити певні настройки.
Це дуже корисний функціонал.

6. Додавання блоків контенту на сайт wix
Друга кнопка дозволяє нам додавати різні блоки контенту: текст,
кнопочки, графічні фігури, бокси та інше. Подивіться можливості даного
інструменту, впевнений ви знайдете що-небудь цікаве для себе.
Додатки для сайту wix
Третій блок є списком додатків для сайтів на wix. У ньому досить
непоганий, але все ж обмежений вибір плагінів. Є як платні, так і безкоштовні.
Однак просте, типу форми зворотного зв'язку або відео плеєра, знайти не важко.

7. Завантаження wix, онлайн-запис і блог
Три залишилися блоку це: завантаження файлів, онлайн запис і створення
блогу на wix. Не стану занадто докладно описувати ці функції, а розповім про
них коротко.
Блок №1 як ви зрозуміли, дозволяє завантажувати файли на сайт.
Картинки, відео, аудіо, документи і тд.
Блок №2 - це онлайн запис. При додаванні цього інструменту у вас
автоматично створюється нова сторінка, блоки послуг і календар. А так же
стандартна форма бронювання, яку потрібно редагувати.
Блок №3 - блог. Знову-таки нова сторінка, режим редагування і можливість
написання різних постів. Трохи спрощує життя звичайної людини, який створює
сайт на wix і хоче паралельно вести свій блог на ресурсі.
Завершення створення сайту на wix і його публікація в інтернеті
Як тільки ви закінчили створення сайту на wix, вам залишається тільки
розмістити його в мережі інтернет. Зробити це ви можете за все в пару кліків.
Для цього натисніть в правому верхньому куті на кнопку «опублікувати». Перед
вами відкриється вікно з питанням, який домен підключити?

8. Якщо ви поки що не набули свій домен, опублікуйте сайт із
запропонованим ім'ям Wix. Це безкоштовно.
Підведення підсумків вступного інструктажу:
Для закріплення матеріалу давайте з Вами розв’яжемо кросворд поданий
на дошці.
Кросворд
2
2
6
6
н
3
3
е
с л
8
8
о м Е н
1
1
р и ф т а і
р
7
7
е м а т и К а
у ф
м о
5
5
е є с т р а ц і я
н м
4
4
а й т 9 а б л
1
10
н
и н
1
1
11
л о г
а
й
н

9. По горизонтали: По вертикали:
1. це робота над текстом яка надає
можливість зробити його різного розміру
4. –це сукупність електронних
документів (файлів) приватної особи або
організації в комп'ютерній мережі,
об'єднаних під одним адресою (доменним
ім'ям або IP-адресою)
5. Без цього у Вас небуде змоги зайти
в програму Wix
7. Сукупність тем
8. це область простору ієрархічних
імен мережі Інтернет, яка обслуговується
набором серверів доменних імен (DNS) та
централізовано адмініструється.
9. Зразок
11. - це веб-сайт, головний зміст
якого — записи, зображення чи
мультимедіа, що регулярно додаються.
2. За допомогою цієї панелі
ми можемо редагувати та
форматувати інформацію
3. Редактор Wix - це
6. це канали та
інструменти; їх використовують,
щоб зберігати, передавати й
подавати інформацію або дані
10. суб'єкт який
знаходиться в мережі, здійснює
дії в інтернеті в режимі
реального часу
Відповідь
2
2
6
6
н
3
3
е
с л
8
8
о м Е н
1
1
р и ф т а і
р
7
7
е м а т и К а
у ф
м о
5
5
е є с т р а ц і я
н м
4
4
а й т 9 а б л
1
10
н
и н
1
1
11
л о г
а
й
н
По горизонтали: По вертикали:
1. Шрифт
4. Сайт
5. Реєстрація
7. Тематика
8. Домен
9. Шаблон
11.Блог
2. Інструменти
3. Платформа
6. Медіа
10. Онлайн

10. Отже, ми з Вами навчилися за допомогою онлай програм створювати
веб-сайти. Тому на поточному інструктажу Вам потрібно Ваші задумані
сайти на конструкторі Draw.io відтрворити на ПК за допомогою онлайн
програми Wix.
Видача завдань учням
Картки завдання:
- Створити сайт за допомогою програми Wix.
3. Поточний інструктаж та цільові обходи
3.1. Перевірка правильності організації робочого місця у відповідності
вимогам охорони праці.
3.2. Перевірка виконання учнями завдання, дати рекомендації
попередженню виникнення недоліків.
3.3. Перевірка виконання робіт учнями.
3.4. Перевірка завдання робіт учнями, оцінити об’єм і якість виконання
роботи.
3.5. Перевірити порядок робочих місць по закінченню роботи.
4. Заключний інструктаж
4.1. Аналіз виконаних робіт:
4.2. Повідомлення оцінок засвоєних прийомів і виконання робіт.
4.3. Перевірка стану робочих місць по закінченню роботи у відповідності
вимог охорони праці.
4.4. Домашнє завдання:
Створити сайт-візитку
Структура уроку
1. Організаційна частина – 5 хв.
2. Вступний інструктаж – 40 хв.
3. Поточний інструктаж – 270 хв.
4. Заключний інструктаж – 30 хв.
Майстер в/н _______________________Людмила Халимоненко

11. Інструктивно - технологічна картка
На тему. «Створення веб-сторінок за допомогою ПЗ»
1. Реєстрація
Перейти по посиланню wix.com→сторінка
конструктора→реєстрація
2. Створення сайту
Натиснути кнопку створити сайт
3. Вибір шаблону
На самому початку створення сайту ми повинні
підібрати тематику майбутньої платформи. Просто
виберіть те, що ближче до вашої справи натиснувши
лівою кнопкою миші на потрібну Вам тематику
Де Ви побачите вже готові шаблони

12. 4. Форматування та
редагування інформації
інформації
У редакторі, в лівій частині екрана ви можете
побачити невелику панель кнопок. У самому верху
розташована вкладка, яка дозволяє вам керувати
сторінками сайту: створювати, видаляти, редагувати і
робити певні настройки. Це дуже корисний функціонал.
5. Завершення
створення сайту на
wix і його
публікація в
інтернеті
Як тільки ви закінчили створення сайту на wix, вам
залишається тільки розмістити його в мережі інтернет.
Для цього натисніть в правому верхньому куті на кнопку
«опублікувати». Перед вами відкриється вікно з
питанням, який домен підключити?
Якщо ви поки що не набули свій домен, опублікуйте
сайт із запропонованим ім'ям Wix. Це безкоштовно.

13. КАРТКА ЗАВДАННЯ 1
Створити сайт за допомогою програми Wix.
КАРТКА ЗАВДАННЯ 1
Створити сайт за допомогою програми Wix.
КАРТКА ЗАВДАННЯ 1
Створити сайт за допомогою програми Wix.
КАРТКА ЗАВДАННЯ 1
Створити сайт за допомогою програми Wix.

14. КАРТКА ЗАВДАННЯ №2
1. Знайти засобами Інтернет програму Draw.io.
2. Ознайомитися з інтерфейсом та записати до зошиту.
3. Розробити інформаційну структуру сайту.
4. Зберегти під своїм прізвищем до папки Група №23
Дайте відповідь на питання в зошиті:
1. Яка мета створення веб сторінки?
2. Обгрунтуйте, чим важлива структура сайту?
КАРТКА ЗАВДАННЯ №2
5. Знайти засобами Інтернет програму Draw.io.
6. Ознайомитися з інтерфейсом та записати до зошиту.
7. Розробити інформаційну структуру сайту.
8. Зберегти під своїм прізвищем до папки Група №23.
Дайте відповідь на питання в зошиті:
3. Яка мета створення веб сторінки?
4. Обгрунтуйте, чим важлива структура сайту?
КАРТКА ЗАВДАННЯ №2
9. Знайти засобами Інтернет програму Draw.io.
10.Ознайомитися з інтерфейсом та записати до зошиту.
11.Розробити інформаційну структуру сайту.
12.Зберегти під своїм прізвищем до папки Група №23.
Дайте відповідь на питання в зошиті:
5. Яка мета створення веб сторінки?
6. Обгрунтуйте, чим важлива структура сайту?