Створення та публікація вебресурсів

Урок 65, 66

26.05.2025

Повторення вивченого за 8 клас. Рефлексія

асинхронно

Вітаю! Маємо останній урок з інформатики у 8 класі. Ми з вами за цей рік вивчили: кодування та декодування, двійкову систему, програмування мовою Python, роботу з текстовими документами.

👉Виконаємо рефлексію

Посилання на дошку

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

_______________________________

Уроки 63, 64

05.05.2025

Проєкт "Створення сайту на обрану тему"- 4

Урок у Meet о 12.55 за посиланням

Вітаю! Сьогодні захищаємо власний сайт, створений за допомогою ресурсів Google Site. Перевір, щоб були виконані всі вимоги до сайту

___________________________

Уроки 61, 62

28.04.2025

Проєкт "Створення сайту на обрану тему"- 3

асинхронно

Вітаю! Сьогодні продовжуємо роботу зі створення власного сайту за допомогою ресурсів Google Site

Посилання на інструкцію

У сайті мають бути:

1. Назва

2. Головна сторінка

3. Сторінка з основною інформацією

4. Третя сторінка (з деталями, цікавинками або контактами для зв'язку) - не обов'язкова!

5. Виконання роботи УКРАЇНСЬКОЮ мовою (можливе використання інших мов, окрім російської)

Назви страв, книжок і т.д можна вказувати мовою оригіналу, окрім російської!

6. Добір ілюстрації, які доповнюють сайт

Надішліть посилання сайту на електронну скриньку teacheritschool1@gmail.com . Всі роботи я буду перевіряти за посиланнями, які ви надали

_____________________________

Уроки 59, 60

21.04.2025

Проєкт "Створення сайту на обрану тему"- 2

Урок у Meet о 12.55 та о 13.50 за посиланням

Вітаю! Сьогодні починаємо роботу зі створення власного сайту за допомогою ресурсів Google Site

Крок 1:  Переглянь інструкцію зі створення сайту

Починаємо роботу із сайтом.  Публікую відео👇



💫Крок 2: Завдання
Що маєте виконати:
1. Додати назви сторінок
2. Оформити Головну сторінку
3. Почати наповнювати сторінку з інформацією (!не тільки текстова, на сторінки можна додати відео з YouTube, зображення, карту...). 
Справа перелік елементів, які можна додавати

Надішліть посилання сайту на електронну скриньку teacheritschool1@gmail.com . Всі роботи я буду перевіряти за посиланнями, які ви надали
_____________________________
Уроки 57, 58

14.04.2025

Проєкт "Створення сайту на обрану тему"

асинхронно

Вітаю! Сьогодні починаємо роботу зі створення власного сайту за допомогою ресурсів Google Site.

Крок 1:  Переглянь приклади

Пропоную переглянути праклади робіт учнів попередніх років:

Сайт косметики

Сайт з українськими стравами

Сайт французької кулінарії

Сайт з профорієнтації

Крок 2:  Плануємо власний сайт

1. Подумай, що тебе цікавить: приготування їжі, малювання, програмування, фотографія і т.д. Запиши ідеї на аркуші

2. Чи є у твоїму класі твої однодумці? Чи маєш ти з ким об'єднатись для виконання проєкту? Запиши думки

3. Які підтеми ти хочеш розкрити? Наприклад, якщо тебе цікавить кулінарія, то ти можеш обрати найпопулярніші страви в Україні і розповісти про них

4. Які картинки будуть на блозі? Це будуть малюнки чи фото?

👉Крок 3: Завдання

Надсилай  на електронну скриньку teacheritschool1@gmail.com

відповіді на наступне:

1. Про що сайт. Варіанти назв для сайту

2. Це буде груповий проєкт чи особистий?

3. Які будуть сторінки у сайті?

4. Яке буде оформлення (фото чи малюнки)?

*** Пошукай, чи достатньо матеріалу в інтернеті з обраної теми, щоб не довелось переобирати ідею сайту!

_______________________________
Уроки 55, 56

07.04.2025

Каскадні таблиці стилів (CSS)

Урок у Meet о 12.55 та о 13.50 за посиланням


Вітаю! Сьогодні вивчаємо каскадні таблиці стилів або CSS(абревіатура англійською). Всім легше і зручніше читати книжки, у яких є виділення букв у тексті, різні кольори шрифтів, ілюстрації. Так і з сайтом. Але HTML цю задачу виконати практично не може. Саме для цього і потрібен CSS.

👉Крок 1: Вивчаємо, як працювати з CSS







👉Крок 2: Опрацюй інтерактивний підручник для крашого розуміння
💫Крок 3:  Завдання
Відредагуй за зразком
👉
Надсилай скриншот результату на електронну скриньку teacheritschool1@gmail.com
________________________
Уроки 53, 54

31.03.2025

Таблиці на вебсторінках

Урок у Meet о 12.55 та о 13.50 за посиланням

Вітаю! Сьогодні створимо таблиці на вебсторінках. Чому і навіщо? Бо таблиці  - найпоширеніший спосіб подання інформації. У сучасних сайтах використовують таблиці з невидимими конкурами (межами таблиці), тому і здається, що інформація розміщена просто одна під одною.

Крок 1: Ознайомся з основною інформацією про таблиці мовою HTML

Уважно подивись і знайди різницю у написанні кодів.

Подивись, як задати ширину клітинки та її заливку.

👉Крок 2: Опрацюй таблицю

Запиши👇

💫Крок 3:Завдання
Перейди за посиланням, відредагуй таблицю (створю таблицю з колонками ІМ'Я та ДАТА НАРОДЖЕННЯ. Надсилай скриншот результату на електронну скриньку teacheritschool1@gmail.com
__________________________________
Уроки 51, 52

17.03.2025

Створення відгуку про фільм

АСИНХРОННО

Вітаю! Сьогодні створимо  HTML сторінку про улюблений фільм(мультфільм)

Крок 1: Перейди за посиланням


Таке зображення ти маєш отримати. Ми будемо редагувати ту частину, у якій HTML код

Крок 2: Редагуємо назву 

На рядку 9 напиши назву того фільму чи мульту, про який ти будеш писати. Потім натисни кнопку RUN, щоб переглянути результат

Крок 3: Редагуємо назву в оригіналі та основну інформацію

Для цього виправ інформацію у рядках 12, 15, 16, 17, 18. Не забудь натиснути RUN

Крок 4: Додаємо зображення

Для додавання зображення виконаємо пошук в Інтернеті, враховуючи ліцензійність зображень (з ліцензію на повторне використання).
Крок 5: Вставка відео
Посилання на відео додаємо у рядок 29.

Крок 6: Завдання
Скриншот роботи надсилай на електронну скриньку teacheritschool1@gmail.com
________________________________
Уроки 49, 50

10.03.2025

Основи HTML

АСИНХРОННО

Вітаю! Сьогодні починаємо роботу із сайтами, розглянемо основи  HTML розмітки

Крок 1:Типи сайтів (за матеріалами ДистОсвіта)


Крок 2:  Технології для роботи сайту


Передусім це мова розмітки гіпертексту HTML та каскадні аркуші стилів CSS. Вони забезпечують змістове наповнення веб-сторінок та визначають їхній зовнішній вигляд. Далі йде мова створення сценаріїв JavaScript – завдяки якій сторінки набувають інтерактивності. Як альтернатива, можна розробляти мультимедійні сайти на основі технологій Flash чи Silverlight, проте вони втрачають популярність із розвитком нового стандарту HTML5. Для того, щоб створити динамічний сайт потрібна база даних – для веб-ресурсів це зазвичай MySQL або аналогічна технологія, а для взаємодії з цією базою використовується серверна мова програмування така як php або Java. Сам сервер – це теж не стільки комп’ютер з апаратної точки зору, скільки певним чином налаштована програма, котра дає змогу надавати послуги із розміщення та доступу до вмісту: це може бути наприклад Apache, Microsoft IIS. 

Крок 3:  Етапи роботи над сайтом

👉Крок 4:  Завдання
Скористайся шаблоном нижче і заповни його інформацією про себе.
 Використовуй редактор за посиланням . Скриншот роботи надсилай на пошту teacheritschool1@gmail.com
<!DOCTYPE html> 
<html>
<head>
<title>Про мене </title>
<h1>
Прізвище, ім_я
</h1>
<p>
трохи інформації про себе, наприклад, улюблена їжа, колір, хобі
</p>
<a href="https://ostapetc-io.blogspot.com/">Посилання на блог</a>
</head>
<body>

</body>
</html>

______________________

Уроки 45, 46

03.03.2025

Типи сайтів, їх особливості. Графічний конструктор сайтів

Урок у Meet о 12.55 та о 13.50 за посиланням

Вітаю! Сьогодні починаємо роботу із сайтами, а саме з тими, які можна створити за допомогою графічного конструктора

Крок 1:Надихаймося

Пропоную переглянути приклади якісних вебсайтів. 

Site of the day

https://vintage.com.ua/

https://dops.digital/

Крок 2: Цікаво

Сайти розробляють, використовуючи HTML, CSS та JavaScript. Сьогодні познайомимось трохи із HTML.

Цікаве про винахідника мови розмітки гіпертексту (до речі, він отримав за це премію Тюрінга у 2016 році — найпрестижнішу у галузі інформатики)


Крок 3: Завдання
Сьогодні створимо проєкт сайту за допомогою платформи Canva
Роботу надсилай на електронну скринькуteacheritschool1@gmail.com

Немає коментарів:

Дописати коментар