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

Уроки 63, 64

07.05.2024

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

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

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

___________________________

Уроки 61, 62

30.04.2024

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

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

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

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

1. Назва

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

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

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

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

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

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

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

_____________________________

Уроки 59, 60

23.04.2024

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

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

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

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

Починаємо роботу із сайтом.  Публікую презентацію, в якій покроково описано створення сайту 



Або переглянь відео👇


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

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

16.04.2024

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

_______________________________
Уроки 55, 56

09.04.2024

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

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


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

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







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

02.04.2024

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

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

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

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

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

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

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

Запиши👇

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

19.03.2024

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

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

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

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


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

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

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

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

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

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

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

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

12.03.2024

Основи HTML

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

Вітаю! Сьогодні починаємо роботу із сайтами, розглянемо основи  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>

______________________

Уроки 47, 48

05.03.2024

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

Урок у Meet 05.03 о 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

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

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