Створення сайтів. Автоматизовані засоби для створення та публікації веб-ресурсів.

Урок №29. Тема: Створення сайтів. Автоматизовані засоби для створення та публікації веб-ресурсів.

МЕТА УРОКУ:

• Навчальна: засвоїти поняття «веб-сайт», «конструктори сайтів», «онлайн конструктори»;

ознайомитися з основними перевагами та недоліками онлайн-систем конструювання сайтів;

розглянути основні можливості конструювання сайтів;

• Розвиваюча: формувати вміння виділяти головне, актуалізувати, порівнювати, зіставляти; розвивати логічне мислення та пам’ять;

встановити зв'язки між засвоєними та новими знаннями;

• Виховна: виховувати наполегливість у навчанні.

ФОРМУВАННЯ КОМПЕТЕНТНОСТЕЙ:

• Предметних: забезпечити засвоєння знань про технології розробки сайтів;

Ключових:

• спілкування рідною мовою: уміння доречно та коректно використовувати спеціальні терміни й поняття;

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

• ініціативність і підприємливість: уміння реалізовувати комунікативні стратегії для формулювання власних рішень;

• компетентність у цифрових технологіях: уміння критично ставитися до інформації.

ОЧІКУВАНІ РЕЗУЛЬТАТИ: учні пояснюють застосування різних технологій для розробки сайтів, використовують і налаштовують інструментальні засоби для веб-розробки.

ТИП УРОКУ: засвоєння нових знань;

ОБЛАДНАННЯ ТА НАОЧНІСТЬ: комп’ютери з підключенням до мережі Інтернет, підручники, презентація, проектор.

ПРОГРАМНЕ ЗАБЕЗПЕЧЕННЯ: браузер, Інтернет.

План уроку

І. Організаційний етап (привітання, перевірка відсутніх, повідомлення теми) (1 хв)

ІІ. Мотивація навчальної діяльності (1,5 хв)

ІІІ. Актуалізація опорних знань (4 хв)

IV. Вивчення нового матеріалу (20 хв)

V. Усвідомлення набутих знань й формування вмінь та навичок (15 хв)

VI. Підбиття підсумків уроку (3 хв)

VIІ. Домашнє завдання (1 хв)

ХІД УРОКУ

І. Організаційний етап

• Привітання з класом

Доброго дня, всім. Я дуже рада бачити Вас сьогодні на уроці. Бажаю, щоб ви отримали багато нових та корисних для себе знань.

• Повідомлення теми і мети уроку

Тема нашого уроку: Створення сайтів. Автоматизовані засоби для створення та публікації веб-ресурсів.

Мета нашого уроку – освоїти основні поняття про сайти, ознайомитися з правилами та способами  створення сайтів. Навчитись використовувати онлайн-системи конструювання сайтів.

ІІ. Мотивація навчальної діяльності

Життя сучасної людини неможливо уявити без всесвітньої мережі Інтернет. Багато хто з вас мають власні захоплення, хобі. Якщо у вас  виникало колись бажання створити власний сайт для реалізації своїх ідей, то цей урок саме для вас, бо на ньому ви дізнаєтеся, як за короткий час створити і розмістити в Інтернеті власний сайт, як його обслуговувати, наповнювати та просувати.

Слайд2. Давайте нагадаємо правила поведінки у кабінеті інформатики та правила з техніки безпеки на уроці:

(Діти відповідають):

1. Не можна без дозволу вчителя вмикати комп'ютер.

2. Не можна торкатися монітору, дротів.

3. Відстань від очей до екрана повинна бути 50-60 см.

4. Час безперервної роботи за комп'ютером 20-25 хв.

5. Не можна приходити у кабінет інформатики з їжею і напоями.

Добре, молодці.

ІІІ. Актуалізація опорних знань

• Перевірка знань (Слайд 3-9)

Проведемо вправу «Скринька знань». Ви отримали картки з літерами. На екрані буде з'являтися запитання і вам потрібно підняти картку з літерою так, щоб я могла її побачити.

Отже, поїхали:

1. Можливість використання дискового простору (місця на жорсткому диску) сервера, постійно під’єднаного до мережі, для розміщення, функціонування та обслуговування сайтів, файлових сховищ, електронної пошти тощо називається…

   1. Хостинг

   2. Доменне ім’я

   3. URL-адреса

   4. ІР-адреса

2. Частиною простору ієрархічних імен мережі Інтернет, що обслуговується групою серверів системи доме́нних імен та централізовано адмініструється  називають ….

   1. Хостинг

   2. Доменне ім’я

   3. ІР-адреса

   4. URL-адреса

3. Назва домену першого рівня, який присвоєно державі Україна записується літерами:

   1. us

   2. ru

   3. ua

   4. at

4. Які записи серед наведених доменних імен комп’ютера в мережі Інтернет є правильними? Підніміть  2  відповіді.

1. ranok.com.ua

2. ru.gov.kremlin

3. com.ua.ranok

4. komp.edu.us

1. Що таке IP-адреса комп’ютера в мережі Інтернет?

   1. Словесна адреса комп’ютера в мережі

   2. Шлях до інтернет-ресурсу, що зберігається на мережевому комп’ютері

   3. Поштова адреса власника мережевого комп’ютера

   4. Ідентифікаційний номер комп’ютера в мережі

2. Організація, яка надає послуги, пов’язані з доступом до глобальної мережі Інтернет називається …

   1. Провайдер

   2. Хостинг

   3. Мережевий протокол

   4. Сервер

Добре/чудово, молодці.

IV. Вивчення нового матеріалу

Почнемо вивчення нової теми. Отже, що таке сайт.

Слайд 10. Сайт або веб-сайт («місце в мережі», від англ. web — мережа, site — місце), — це об’єднання тематично пов’язаних веб-сторінок і документів під одним доменним іменем.

У  світі цілодобово працюють мільйони комп’ютерів — серверів, постійно під’єднаних до мережі Інтернет, на яких розташовано більшість сайтів.

Слайд 11.  Перший у світі сайт

Перший у світі сайт info.cern.ch з'явився 20 грудня 1990 року. Його створив Тім Бернерс-Лі — британський вчений з ядерних досліджень, батько сучасного інтернету. Автор опублікував на своєму сайті опис нової технології WWW (World Wide Web – світ широкого Інтернету). Також на ресурсі було описано принципи встановлення та роботи серверів і браузерів.

Слайд 12. Конструктор сайтів — програмно реалізована складна система для створення веб-сторінок без знання мов програмування.

Слайд 13. За допомогою браузерів ми маємо змогу переглядати отриману з Інтернету інформацію, що подана у вигляді гіпертексту.

Гіпертекст — це текст, що містить гіперпокликання — зв’язки з іншими частинами документа або іншими документами чи файлами.

Коли ми наводимо вказівник миші на гіперпокликання він набуває вигляду руки:  Гіпертекст є складовою веб-сторінки, веб-сторінки об’єднуються у веб-сайти, а сукупність усіх веб-сайтів складає Всесвітню павутину.

Слайд 14. Створення веб-сайту засобами онлайн-системи конструювання сайтів відбувається у кілька кроків:

• Маркетингові дослідження,

• реєстрація облікового запису на сервері онлайн-системи конструювання сайтів,

• вибір назви сайту та шаблону його оформлення,

• створення сторінок сайту та системи навігації,

• заповнення сторінок контентом,

• тестування та публікація сайту,

• обслуговування сайту.

Слайд 15. Офіційної класифікації сторінок в Інтернеті не існує, але є основні характеристики, за якими можна розділити існуючі сайти, які слугують діловому світові.

Слайд 15. Різновиди сайтів за типами.

    Сайт-візитка

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

Сайт-візитка – це:

† зручно;      † не дорого;      † швидко;           † вигідно.

Kорпоративний сайт

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

Отже, корпоративний сайт – це:

†  доказ серйозності і перспективності Вашого проекту;

†  гідне представництво на ринку;

†  найдешевший і наймасовіший вид реклами.

Інтернет - магазин

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

Інтернет - магазин – це:

†  розширення ринку збуту;   

† залучення широкої аудиторії клієнтів;

скорочення витрат.

Блог

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

Соціальні мережі

Соціальна мережа – це мережа людей, які зустрічаються в Інтернеті для спілкування, розміщуючи інформацію та зображення, залишаючи коментарі чи надсилаючи повідомлення. Учасники можуть розширити свої особисті та ділові контакти, зв’язавшись з іншими на веб-сайтах соціальних мереж та в додатках. Ми не можемо уявити своє життя без онлайн-спілкування. Найпопулярнішими соц. мережами є … (Facebook та Instagram, Messenger, WhatsApp).

Слайд 16. Топ конструкторів сайтів в Україні

uCoz

Це одна з найперших платформ такого роду, яка з’явилася на ринку більше 10 років тому, і досі команда розробників uCoz активно займається її розвитком. Особливість цієї SaaS-платформи в широкому функціоналі і в можливості використання як новачками, так і для потреб професіоналів. Величезна кількість (близько 1 млн.) сайтів, створених на uCoz – чудове тому підтвердження.

Wix

Дуже зручний у використанні конструктор сайтів, який є розробкою західної компанії і орієнтований на аудиторію початківців користувачів. З моменту запуску в 2008 році на цій платформі було створено понад 70 мільйонів сайтів. В основі всього простота використання, у результаті функціонал сервісу не особливо радує, правда розібратися в його роботі не важко.

Jimdo

Цей продукт орієнтований дозволяє швидко і легко створити інтернет-магазин для малого бізнесу. За словами розробників, із моменту запуску в 2010 році на їхній платформі таких магазинів було створено вже понад 200 тисяч.

uKit

Це інтуїтивно зрозумілий і сучасний конструктор, який дозволяє створити гарний і функціональний сайт максимально швидко і недорого. Мабуть, з цього списку uKit є одним з найкращих варіантів.

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

Слайд 17. Google Sites

Оскільки всі ви маєте обліковий запис Google, ми працюватимемо з конструктором Google Sites.

Google Sites – сервіс від Google, що пропонує своїм користувачам послугу безкоштовного створення і розміщення сайтів у мережі Інтернет. Сервіс є частиною Google Apps (Додатків).

Основна відмінність створення сайтів в Google Sites - це можливість доступу до роботи над сайтом декількох користувачів. Користувач-власник сайту може запрошувати інших користувачів для спільної роботи, розподіляти права доступу до матеріалів, використовувати на сайті інформацію з інших сервісів Google (Google Docs, Google Calendar, Карти, YouTube і т.д.). Для оформлення сайту доступні кілька шаблонів веб-дизайну.

Слайд 18. Безкоштовний хостинг від Google Sites має наступні обмеження:

• обсяг дискового простору - до 100 Мб для зберігання інформації на сайті й 10 Гб на кожний домен для зберігання інформації при використанні Google Служб;

• доменне ім'я сайту має вигляд sites.google.com/site_name.

Створення сайтів за допомогою Google Sites також обмежене:

• обмежені настроювання оформлення сайтів - змінюються тільки кольори, розміри й стиль шрифтів;

• заборонені анонімні коментарі, змінювати зміст (у тому числі додавати коментарі) можуть тільки авторизовані користувачі.

Слайд 19. Розглянемо, як відбувається процес розробки веб-сайту засобами, що безкоштовно надає користувачам веб-сервер Google.

Пам’ятаєте, що потрібно для того, щоб користуватись сервісом Google Sites? Правильно, обліковий запис Google.

V. Усвідомлення набутих знань й формування вмінь та навичок

• Практичне завдання (Слайд 20)

Зараз у вас буде невеличке практичне завдання, щоб спробувати та освоїти нові знання на практиці. Прошу сідайте за комп’ютери та заходьте у свій обліковий запис Google. Ваше завдання створити невеличкий шаблон сайту про якесь визначне місце. Сайт має складатись з Основної сторінки, на які буде інформація про вашу місцину, сторінка Розташування – з Google картою та сторінка Фотографії.

8 клас

Інструктивна картка до уроку №29

«Створення сайтів. Автоматизовані засоби для створення та публікації веб-ресурсів.»

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

Середовище виконання : онлайн-системи конструювання сайтів Google.

Алгоритм роботи

Завдання – Створити сайт-візитку визначного місця України

• Визначення теми сайту

• Визначення структури сайту та його окремих сторінок

• Пошук інформації для сайту

Хід роботи:

1. Відкрити Google Chrome.

2. Увійти в свій обліковий запис Google.

3. Відкрити сервіс Диск     –   .

4. Натискаємо кнопку Створити  – Більше – Google сайти

5. Обираємо тему оформлення сайту

6. Обираємо макет сайту

7. Вводимо дані на головну сторінку

8. Змінити зображення банера.

9. Форматуємо текстові дані.

10. Обираємо фон розділу.

11. Додаємо ще 2 сторінки (розташування та фотоальбом)    

12.  На сторінці Розташування - вставляємо дані з Google карти про Ваше визначне місце.

13. Переходимо на стоірнку Фотоальбом/ обираємо Вставити / Карусель зображень

14. Додаємо зображення (кількість на Ваш вибір).

15. Повертаємося на головну сторінку.

16. Надаємо доступ вчителеві:

    Вводимо електронну адресу:     atalysia@gmail.com

17. Сайт автоматично зберігається на Вашому Диску Google

Впорались? Молодці!

VI. Підбиття підсумків уроку

Релаксація

Слайд 21. Вправа «Повідомлення»

Уявіть собі, що товариш надіслав вам SMS повідомлення «Привіт! Через хворобу пропустив сьогодні урок. Розкажи будь ласка, що там було, що корисного та цікавого ти дізналася? Дякую)))).»

Пропоную кожному з вас написати йому відповідь на смартфонах заготовках, що сьогодні дізнались, чому навчилися чи що цікавого та корисного для вас було сьогодні на уроці (до 15 слів).

Виконали завдання, а тепер надішліть йому їх. (вкиньте свої повідомлення в коробку).

Чудово! Сьогодні ви добре попрацювали, впоралися з поставленим перед вами завданням, а також показали гарні навички роботи з використання додатків Google.

VIІ. Домашнє завдання

Слайд 22.  Повторити вивчений матеріал - §20. Виконати вправу 20 на ст. 134.

Дякую всім за активну роботу на уроці!