SlideShare a Scribd company logo
1 of 4
Download to read offline
1
Урок №22 8 __ клас 1 група ________________
2 група ________________
Тема: Конструювання сайтів. Інструктаж з БЖД
Мета:
 навчальна: познайомити учнів з можливостями конструювання сайтів з використанням
відповідних безкоштовних онлайнсистем; адмініструванням веб-сайту, опублікованим на
безкоштовному сервері; засобами безкоштовного веб-сервера створювання вмісту веб-
сайту й оновлення його;
 розвивальна: розвивати логічне мислення; формувати вміння діяти за інструкцією,
планувати свою діяльність, аналізувати i робити висновки;
 виховна: виховувати інформаційну культуру учнів, уважність, акуратність,
дисциплінованість.
Тип уроку: комбінований;
Хід уроку
І. Організаційний етап
 привітання
 перевірка присутніх
 перевірка готовності учнів до уроку
ІІ. Актуалізація опорних знань
Виконання інтерактивних вправ:
1. Етапи роботи над веб сайтом (https://learningapps.org/display?v=pa6c4n03519)
2. Системи веб розробки (https://learningapps.org/display?v=pcmqx3bmn19)
3. Основні поняття веб розробки (https://learningapps.org/display?v=pk2cfeg1v19)
ІІІ. Оголошення теми та мети уроку. Мотивація навчальної діяльності
IV. Вивчення нового матеріалу
Автоматизоване створення веб-сайту
Створення веб-сайту засобами онлайн-системи конструювання сайтів відбувається в кілька
кроків:
1. Реєстрація облікового запису на сервері онлайн-системи конструювання сайтів.
2. Вибір назви сайту та шаблону його оформлення.
3. Створення сторінок сайту, системи навігації.
4. Заповнення сторінок контентом.
5. Публікація сайту.
2
Розглянемо, як відбувається процес розробки веб-сайту засобами, що безкоштовно надає
користувачам веб-сервер Google. Відповідний сервіс має назву Google Сайти.
Обліковий запис Google ви вже створювали, працюючи з електронною поштою та
спільними документами Google.
Для створення сайту потрібно:
1. Увійти на Google Диск з вашим обліковим записом Google.
2. Виконати Створити/ Більше / Google Сайти.
3. Переглянути інструкцію зі створення сайту, використовуючи панель Add content
(англ. add content — додати зміст), або закрити її.
Після виконання цих дій у вікні браузера буде відкрито головну сторінку нового сайту. У
правій частині вікна відкриється бічна панель з елементами керування, призначеними для
створення, редагування та форматування веб-сторінок сайту. Одночасно на Google Диск з’явиться
ескіз сайту з підписом Сайт без назви, якому відповідає значок
У подальшому для редагування вашого сайту — додавання та редагування веб-сторінок,
змінення оформлення тощо — вам потрібно використовувати інструменти бічної панелі. Відкрити
сайт у режимі редагування можна подвійним клацанням на його ескізі на Google Диск.
Вибір назви сайту та шаблону оформлення
Щоб надати назву сайту, потрібно ввести її в поле Введіть назву сайту у верхній частині
заголовка сторінки зліва. Одночасно буде змінено на назву сайту текст Сайт без назви та підпис
ескізу сайту на Google Диск.
Як і для документів Google, усі зміни, виконані на сайті, будуть зберігатися автоматично.
Для вибору шаблону оформлення сайту потрібно:
1. Вибрати вкладку Теми у правій частині вікна.
2. Вибрати одну із запропонованих тем оформлення.
3. Вибрати кольорову гаму та стиль шрифту із числа тих, що запропоновані для
вибраної теми.
Можна також змінити вигляд заголовка на сторінках сайту. Після наведення вказівника на
заголовок з’являється панель налаштувань з командами Змінити зображення та Тип верхнього
колонтитула. Вибір першої команди приводить до відкриття списку зображень, які можуть бути
використані у заголовку сторінки. За вибору другої команди стає можливим змінення типу
заголовка — Великий банер, Банер або Лише заголовок.
Створення веб-сторінок
Одразу після створення сайт містить лише одну сторінку, яка є головною сторінкою сайту.
Кожна сторінка сайту має назву. Назву головної сторінки потрібно ввести в поле Заголовок
сторінки.
Для створення нової сторінки на сайті потрібно:
1. Вибрати вкладку Сторінки у правій частині вікна.
3
2. Вибрати кнопку Додати сторінку Д .
3. Увести назву сторінки в поле Назва сторінки.
4. Вибрати гіперпосилання Готово.
Панель навігації формується автоматично під час створення нових сторінок і
відображається за замовчуванням у верхній частині заголовка кожної сторінки справа.
Порядок сторінок можна змінювати, перетягнувши у правій частині вікна блок заголовка
сторінки в потрібне місце.
Для створення головної сторінки тематичного розділу потрібно перетягнути блоки
заголовків інших сторінок цього розділу на заголовок головної сторінки розділу.
Вставлення об’єктів на веб-сторінку
На веб-сторінку можна вставити різні об’єкти:
 текстові поля,
 зображення,
 гіперпосилання,
 документи, які розміщено на Google Диск, та інше.
Для цього призначено вкладку Додати у правій частині вікна браузера.
Усі об’єкти, які додаються на веб-сторінку, розміщуються в окремих блоках. Кожен блок
можна перемістити, змінити його розміри, використовуючи маркери на межах, та видалити. Для
кожного блоку відкривається окрема панель налаштувань.
Для видалення вставленого об’єкта потрібно вибрати кнопку Видалити на панелі
налаштувань блоку об’єкта.
Для попереднього перегляду сторінок створеного сайту можна вибрати кнопку
Попередній перегляд у верхній частині вікна браузера.
Публікація сайту
Створений вами сайт буде залишатися недоступним для користувачів Інтернету, поки ви
його не опублікуєте. Для публікації потрібно:
1. Вибрати кнопку Опублікувати у верхній частині вікна браузера.
2. Увести, використовуючи малі літери латиниці, цифри та тире, останню частину URL-
адреси сайту. Перша частина адреси (доменне ім’я сервера та шлях до файла) для
всіх сайтів буде однаковою: sites.google. com/view/. Остання частина повинна бути
унікальною для кожного сайту. Якщо вибрана вами адреса не є унікальною, то про
це буде повідомлено, її потрібно змінити. Запит URL-адреси сайту буде виводитися
лише під час першої публікації сайту.
3. Вибрати кнопку Опублікувати.
Опублікований сайт можна переглянути, вибравши команду Переглянути опублікований
сайт у списку кнопки Опублікувати. Адреса, яку варто пропонувати для перегляду вашого сайту,
буде міститися в рядку адреси у вікні перегляду опублікованого сайту.
Після внесення змін до вашого сайту потрібно виконати повторну публікацію.
Адміністрування сайту
4
Для нормального функціонування сайту потрібно його адмініструвати — забезпечувати
його працездатність, захищати від шкідливих програм, додавати користувачів, які можуть
редагувати сайт, розподіляти права доступу користувачів до сторінок сайту, змінювати внутрішню
структуру сайту та інше. Виконує ці функції адміністратор сайту. Часто адміністратором є власник
сайту.
Під час адміністрування Google Сайтів для того, щоб додати користувача та надати йому
дозвіл на редагування сайту, потрібно:
1. Відкрити сайт у режимі редагування.
2. Вибрати кнопку Додати редакторів у верхній частині сторінки.
3. Додати електронну адресу користувача, якому ви хочете надати дозвіл на
редагування сайту, в поле Запросити користувачів у вікні Додати редакторів .
4. Вибрати кнопку Надіслати.
5. Установити позначку прапорця Заборонити редакторам публікувати сайт,
змінювати параметри доступу й додавати користувачів, якщо бажаєте обмежити
користувачу дозволи на редагування та адміністрування сайту.
6. Вибрати кнопку Готово.
Адміністратор також має можливість змінити URL-адресу сайту та припинити його
публікацію. Відповідні команди містяться у списку кнопки Опублікувати.
V. Підсумки уроку
 Виставлення оцінок.
Провести опитування учнів з наступних питань:
 сьогодні я дізнався...
 було цікаво....
 було важко...
 я зрозумів, що...
 тепер я можу...
 я відчув, що...
 я навчився...
 у мене вийшло...
 я зміг...
 я спробую...
 мене здивувало...
 мені захотілося...
VI. Домашнє завдання
Створити план розробки власного веб сайту на тему «Мої захоплення»
VІІ. Оцінювання роботи учнів

More Related Content

Similar to Lesson # 22. website design. bzd briefing

кроки створення блогу
кроки створення блогукроки створення блогу
кроки створення блогуsansanych86
 
Crossplatform lab 3 master page
Crossplatform lab 3 master pageCrossplatform lab 3 master page
Crossplatform lab 3 master pagecit-cit
 
презентація по створенню веб сайту
презентація по створенню веб сайтупрезентація по створенню веб сайту
презентація по створенню веб сайтуkovalchukira
 
презентація по створенню веб сайту
презентація по створенню веб сайтупрезентація по створенню веб сайту
презентація по створенню веб сайтуkovalchukira
 
пзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docxпзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docxssuserf7d53e
 
Презентація Створення блогу
Презентація Створення блогуПрезентація Створення блогу
Презентація Створення блогуinna.grabobska
 
Презентація Створення блогу
Презентація Створення блогуПрезентація Створення блогу
Презентація Створення блогуinna.grabobska
 
створення блогу 2
створення блогу 2створення блогу 2
створення блогу 2Luba Luba
 
створення блогу
створення блогустворення блогу
створення блогуya_olya_nik
 
створення блогу 2
створення блогу 2створення блогу 2
створення блогу 2Luba Luba
 
Створення блогу
Створення блогуСтворення блогу
Створення блогуinna.grabobska
 
інструкція створення блогу.
інструкція створення блогу.інструкція створення блогу.
інструкція створення блогу.Sergei Karavka
 
конспект
конспект конспект
конспект TANYA1512
 

Similar to Lesson # 22. website design. bzd briefing (20)

кроки створення блогу
кроки створення блогукроки створення блогу
кроки створення блогу
 
Crossplatform lab 3 master page
Crossplatform lab 3 master pageCrossplatform lab 3 master page
Crossplatform lab 3 master page
 
презентація по створенню веб сайту
презентація по створенню веб сайтупрезентація по створенню веб сайту
презентація по створенню веб сайту
 
презентація по створенню веб сайту
презентація по створенню веб сайтупрезентація по створенню веб сайту
презентація по створенню веб сайту
 
пзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docxпзквс вікс урок urok-2.6.13.docx
пзквс вікс урок urok-2.6.13.docx
 
Instrukciya blog
Instrukciya blogInstrukciya blog
Instrukciya blog
 
Less34
Less34Less34
Less34
 
29
2929
29
 
Презентація Створення блогу
Презентація Створення блогуПрезентація Створення блогу
Презентація Створення блогу
 
Презентація Створення блогу
Презентація Створення блогуПрезентація Створення блогу
Презентація Створення блогу
 
лабораторна робота №9
лабораторна робота №9лабораторна робота №9
лабораторна робота №9
 
дипломна
дипломнадипломна
дипломна
 
створення блогу 2
створення блогу 2створення блогу 2
створення блогу 2
 
Stvorennya blogu
Stvorennya bloguStvorennya blogu
Stvorennya blogu
 
створення блогу
створення блогустворення блогу
створення блогу
 
створення блогу 2
створення блогу 2створення блогу 2
створення блогу 2
 
Створення блогу
Створення блогуСтворення блогу
Створення блогу
 
інструкція створення блогу.
інструкція створення блогу.інструкція створення блогу.
інструкція створення блогу.
 
сайт
сайтсайт
сайт
 
конспект
конспект конспект
конспект
 

More from Nikolay Shaygorodskiy (20)

план проведення тижня музичного мистецтва
план проведення тижня музичного мистецтваплан проведення тижня музичного мистецтва
план проведення тижня музичного мистецтва
 
Mystetstvo
MystetstvoMystetstvo
Mystetstvo
 
Mathematics
MathematicsMathematics
Mathematics
 
History
HistoryHistory
History
 
Health basics
Health basicsHealth basics
Health basics
 
English language elementary school
English language elementary schoolEnglish language elementary school
English language elementary school
 
English
EnglishEnglish
English
 
Elementary school
Elementary schoolElementary school
Elementary school
 
Biology
BiologyBiology
Biology
 
Biology
BiologyBiology
Biology
 
Geography
GeographyGeography
Geography
 
Computer science
Computer scienceComputer science
Computer science
 
10 11
10 1110 11
10 11
 
5 9
5 95 9
5 9
 
1 4
1 41 4
1 4
 
Minutes no.20 (director's report 2021)
Minutes no.20 (director's report 2021)Minutes no.20 (director's report 2021)
Minutes no.20 (director's report 2021)
 
Director's report for 2020 2021 academic year
Director's report for 2020 2021 academic yearDirector's report for 2020 2021 academic year
Director's report for 2020 2021 academic year
 
Order no.106u
Order no.106uOrder no.106u
Order no.106u
 
Order no.105 u
Order no.105 uOrder no.105 u
Order no.105 u
 
Order no.104 u
Order no.104 uOrder no.104 u
Order no.104 u
 

Recently uploaded

Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...Ukraine13
 
план педагогічних рад на 2023-2024 н.р..docx
план педагогічних рад на 2023-2024 н.р..docxплан педагогічних рад на 2023-2024 н.р..docx
план педагогічних рад на 2023-2024 н.р..docxOstap Vuschna
 
Про закріплення територій обслуговування за закладами дошкільної та загаль...
Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...
Про закріплення територій обслуговування за закладами дошкільної та загаль...Ukraine13
 
Цікавий календар: Міжнародний день щастя
Цікавий календар: Міжнародний день щастяЦікавий календар: Міжнародний день щастя
Цікавий календар: Міжнародний день щастяestet13
 
Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)Adriana Himinets
 
МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...
МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...
МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...GoQA
 
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»GoQA
 
План МО на 2023-2024 початкових класів.docx
План МО на 2023-2024 початкових класів.docxПлан МО на 2023-2024 початкових класів.docx
План МО на 2023-2024 початкових класів.docxOstap Vuschna
 
Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166ssuser59c0a2
 
ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»
ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»
ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»GoQA
 
тематика засідань МК суспільно-гуманітарного циклу.doc
тематика засідань МК суспільно-гуманітарного циклу.docтематика засідань МК суспільно-гуманітарного циклу.doc
тематика засідань МК суспільно-гуманітарного циклу.docOstap Vuschna
 
Проєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан ЛевчинПроєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан ЛевчинНБУ для дітей
 
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»GoQA
 
Річний план роботи СЗШ №3 на 2023-2024 навчальний рік
Річний план роботи  СЗШ №3 на 2023-2024  навчальний рікРічний план роботи  СЗШ №3 на 2023-2024  навчальний рік
Річний план роботи СЗШ №3 на 2023-2024 навчальний рікIgor Liz
 
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...home
 
Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...
Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...
Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...home
 
ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»
ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»
ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»GoQA
 

Recently uploaded (20)

Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
Про зарахування дітей до 1-х класів ЗЗСО Благовіщенської міської ради на 2024...
 
план педагогічних рад на 2023-2024 н.р..docx
план педагогічних рад на 2023-2024 н.р..docxплан педагогічних рад на 2023-2024 н.р..docx
план педагогічних рад на 2023-2024 н.р..docx
 
Про закріплення територій обслуговування за закладами дошкільної та загаль...
Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...Про  закріплення  територій обслуговування за  закладами дошкільної та загаль...
Про закріплення територій обслуговування за закладами дошкільної та загаль...
 
24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc
24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc
24.03.2024.1.doc24.03.2024.1.doc24.03.2024.1.doc
 
Цікавий календар: Міжнародний день щастя
Цікавий календар: Міжнародний день щастяЦікавий календар: Міжнародний день щастя
Цікавий календар: Міжнародний день щастя
 
Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)Біографія Г.Лонгфелло. "Люлька миру" (анкета)
Біографія Г.Лонгфелло. "Люлька миру" (анкета)
 
20.03.2024.2.pdf20.03.2024.2.pdf20.03.2024.2.pdf
20.03.2024.2.pdf20.03.2024.2.pdf20.03.2024.2.pdf20.03.2024.2.pdf20.03.2024.2.pdf20.03.2024.2.pdf
20.03.2024.2.pdf20.03.2024.2.pdf20.03.2024.2.pdf
 
МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...
МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...
МОРРІС-ВСЕСЛАВ ШОСТАК «Роль QA в індустрії програмного та апаратного забезпеч...
 
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
ПАВЛО САФОНОВ «Як оцінити ефективність автоматизації»
 
План МО на 2023-2024 початкових класів.docx
План МО на 2023-2024 початкових класів.docxПлан МО на 2023-2024 початкових класів.docx
План МО на 2023-2024 початкових класів.docx
 
Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166Презентація_Газмережі_для_дітей.pptx ХЛ №166
Презентація_Газмережі_для_дітей.pptx ХЛ №166
 
ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»
ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»
ІННА ДВОЙНІКОВА «Як вийти на Upwork та розширити горизонти QA»
 
ezh-teodor-tomash-v-istoriii-vinnichchini.pptx
ezh-teodor-tomash-v-istoriii-vinnichchini.pptxezh-teodor-tomash-v-istoriii-vinnichchini.pptx
ezh-teodor-tomash-v-istoriii-vinnichchini.pptx
 
тематика засідань МК суспільно-гуманітарного циклу.doc
тематика засідань МК суспільно-гуманітарного циклу.docтематика засідань МК суспільно-гуманітарного циклу.doc
тематика засідань МК суспільно-гуманітарного циклу.doc
 
Проєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан ЛевчинПроєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
Проєкт «ІТ.UA: народжені в Україні». Максиміліан Левчин
 
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
 
Річний план роботи СЗШ №3 на 2023-2024 навчальний рік
Річний план роботи  СЗШ №3 на 2023-2024  навчальний рікРічний план роботи  СЗШ №3 на 2023-2024  навчальний рік
Річний план роботи СЗШ №3 на 2023-2024 навчальний рік
 
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
Звіт проведення тижня методичної комісії викладачів предметів загально-профес...
 
Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...
Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...
Звіт проведення тижня методичної комісії викладачів спецдисциплін швейного пр...
 
ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»
ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»
ГАННА КІЛІМОВА & СВІТЛАНА ЯКОВЛЄВА «ADA testing – те, що дуже на часі»
 

Lesson # 22. website design. bzd briefing

  • 1. 1 Урок №22 8 __ клас 1 група ________________ 2 група ________________ Тема: Конструювання сайтів. Інструктаж з БЖД Мета:  навчальна: познайомити учнів з можливостями конструювання сайтів з використанням відповідних безкоштовних онлайнсистем; адмініструванням веб-сайту, опублікованим на безкоштовному сервері; засобами безкоштовного веб-сервера створювання вмісту веб- сайту й оновлення його;  розвивальна: розвивати логічне мислення; формувати вміння діяти за інструкцією, планувати свою діяльність, аналізувати i робити висновки;  виховна: виховувати інформаційну культуру учнів, уважність, акуратність, дисциплінованість. Тип уроку: комбінований; Хід уроку І. Організаційний етап  привітання  перевірка присутніх  перевірка готовності учнів до уроку ІІ. Актуалізація опорних знань Виконання інтерактивних вправ: 1. Етапи роботи над веб сайтом (https://learningapps.org/display?v=pa6c4n03519) 2. Системи веб розробки (https://learningapps.org/display?v=pcmqx3bmn19) 3. Основні поняття веб розробки (https://learningapps.org/display?v=pk2cfeg1v19) ІІІ. Оголошення теми та мети уроку. Мотивація навчальної діяльності IV. Вивчення нового матеріалу Автоматизоване створення веб-сайту Створення веб-сайту засобами онлайн-системи конструювання сайтів відбувається в кілька кроків: 1. Реєстрація облікового запису на сервері онлайн-системи конструювання сайтів. 2. Вибір назви сайту та шаблону його оформлення. 3. Створення сторінок сайту, системи навігації. 4. Заповнення сторінок контентом. 5. Публікація сайту.
  • 2. 2 Розглянемо, як відбувається процес розробки веб-сайту засобами, що безкоштовно надає користувачам веб-сервер Google. Відповідний сервіс має назву Google Сайти. Обліковий запис Google ви вже створювали, працюючи з електронною поштою та спільними документами Google. Для створення сайту потрібно: 1. Увійти на Google Диск з вашим обліковим записом Google. 2. Виконати Створити/ Більше / Google Сайти. 3. Переглянути інструкцію зі створення сайту, використовуючи панель Add content (англ. add content — додати зміст), або закрити її. Після виконання цих дій у вікні браузера буде відкрито головну сторінку нового сайту. У правій частині вікна відкриється бічна панель з елементами керування, призначеними для створення, редагування та форматування веб-сторінок сайту. Одночасно на Google Диск з’явиться ескіз сайту з підписом Сайт без назви, якому відповідає значок У подальшому для редагування вашого сайту — додавання та редагування веб-сторінок, змінення оформлення тощо — вам потрібно використовувати інструменти бічної панелі. Відкрити сайт у режимі редагування можна подвійним клацанням на його ескізі на Google Диск. Вибір назви сайту та шаблону оформлення Щоб надати назву сайту, потрібно ввести її в поле Введіть назву сайту у верхній частині заголовка сторінки зліва. Одночасно буде змінено на назву сайту текст Сайт без назви та підпис ескізу сайту на Google Диск. Як і для документів Google, усі зміни, виконані на сайті, будуть зберігатися автоматично. Для вибору шаблону оформлення сайту потрібно: 1. Вибрати вкладку Теми у правій частині вікна. 2. Вибрати одну із запропонованих тем оформлення. 3. Вибрати кольорову гаму та стиль шрифту із числа тих, що запропоновані для вибраної теми. Можна також змінити вигляд заголовка на сторінках сайту. Після наведення вказівника на заголовок з’являється панель налаштувань з командами Змінити зображення та Тип верхнього колонтитула. Вибір першої команди приводить до відкриття списку зображень, які можуть бути використані у заголовку сторінки. За вибору другої команди стає можливим змінення типу заголовка — Великий банер, Банер або Лише заголовок. Створення веб-сторінок Одразу після створення сайт містить лише одну сторінку, яка є головною сторінкою сайту. Кожна сторінка сайту має назву. Назву головної сторінки потрібно ввести в поле Заголовок сторінки. Для створення нової сторінки на сайті потрібно: 1. Вибрати вкладку Сторінки у правій частині вікна.
  • 3. 3 2. Вибрати кнопку Додати сторінку Д . 3. Увести назву сторінки в поле Назва сторінки. 4. Вибрати гіперпосилання Готово. Панель навігації формується автоматично під час створення нових сторінок і відображається за замовчуванням у верхній частині заголовка кожної сторінки справа. Порядок сторінок можна змінювати, перетягнувши у правій частині вікна блок заголовка сторінки в потрібне місце. Для створення головної сторінки тематичного розділу потрібно перетягнути блоки заголовків інших сторінок цього розділу на заголовок головної сторінки розділу. Вставлення об’єктів на веб-сторінку На веб-сторінку можна вставити різні об’єкти:  текстові поля,  зображення,  гіперпосилання,  документи, які розміщено на Google Диск, та інше. Для цього призначено вкладку Додати у правій частині вікна браузера. Усі об’єкти, які додаються на веб-сторінку, розміщуються в окремих блоках. Кожен блок можна перемістити, змінити його розміри, використовуючи маркери на межах, та видалити. Для кожного блоку відкривається окрема панель налаштувань. Для видалення вставленого об’єкта потрібно вибрати кнопку Видалити на панелі налаштувань блоку об’єкта. Для попереднього перегляду сторінок створеного сайту можна вибрати кнопку Попередній перегляд у верхній частині вікна браузера. Публікація сайту Створений вами сайт буде залишатися недоступним для користувачів Інтернету, поки ви його не опублікуєте. Для публікації потрібно: 1. Вибрати кнопку Опублікувати у верхній частині вікна браузера. 2. Увести, використовуючи малі літери латиниці, цифри та тире, останню частину URL- адреси сайту. Перша частина адреси (доменне ім’я сервера та шлях до файла) для всіх сайтів буде однаковою: sites.google. com/view/. Остання частина повинна бути унікальною для кожного сайту. Якщо вибрана вами адреса не є унікальною, то про це буде повідомлено, її потрібно змінити. Запит URL-адреси сайту буде виводитися лише під час першої публікації сайту. 3. Вибрати кнопку Опублікувати. Опублікований сайт можна переглянути, вибравши команду Переглянути опублікований сайт у списку кнопки Опублікувати. Адреса, яку варто пропонувати для перегляду вашого сайту, буде міститися в рядку адреси у вікні перегляду опублікованого сайту. Після внесення змін до вашого сайту потрібно виконати повторну публікацію. Адміністрування сайту
  • 4. 4 Для нормального функціонування сайту потрібно його адмініструвати — забезпечувати його працездатність, захищати від шкідливих програм, додавати користувачів, які можуть редагувати сайт, розподіляти права доступу користувачів до сторінок сайту, змінювати внутрішню структуру сайту та інше. Виконує ці функції адміністратор сайту. Часто адміністратором є власник сайту. Під час адміністрування Google Сайтів для того, щоб додати користувача та надати йому дозвіл на редагування сайту, потрібно: 1. Відкрити сайт у режимі редагування. 2. Вибрати кнопку Додати редакторів у верхній частині сторінки. 3. Додати електронну адресу користувача, якому ви хочете надати дозвіл на редагування сайту, в поле Запросити користувачів у вікні Додати редакторів . 4. Вибрати кнопку Надіслати. 5. Установити позначку прапорця Заборонити редакторам публікувати сайт, змінювати параметри доступу й додавати користувачів, якщо бажаєте обмежити користувачу дозволи на редагування та адміністрування сайту. 6. Вибрати кнопку Готово. Адміністратор також має можливість змінити URL-адресу сайту та припинити його публікацію. Відповідні команди містяться у списку кнопки Опублікувати. V. Підсумки уроку  Виставлення оцінок. Провести опитування учнів з наступних питань:  сьогодні я дізнався...  було цікаво....  було важко...  я зрозумів, що...  тепер я можу...  я відчув, що...  я навчився...  у мене вийшло...  я зміг...  я спробую...  мене здивувало...  мені захотілося... VI. Домашнє завдання Створити план розробки власного веб сайту на тему «Мої захоплення» VІІ. Оцінювання роботи учнів