Блог Остапець Інни Олегівни: Створення та публікація вебресурсів

Уроки 53, 54
31.03.2025
Таблиці на вебсторінках
Урок у Meet о 12.55 та о 13.50 за посиланням
https://meet.google.com/itr-dgzh-rwp
Вітаю! Сьогодні створимо таблиці на вебсторінках. Чому і навіщо? Бо таблиці - найпоширеніший спосіб подання інформації. У сучасних сайтах використовують таблиці з невидимими конкурами (межами таблиці), тому і здається, що інформація розміщена просто одна під одною.
Крок 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: Етапи роботи над сайтом