Школа 22 Інформатика Зміст Пошук Відгуки Підтримка
Logo 22
arrow_back Клас 11-А1 Клас 11-А2

Завдання 11 клас

Незалежний сайт вчителів, учнів та батьків


w3schools

python

JavaScript

Google-Клас

Завдання Змінні

https://www.w3schools.com/js/js_variables.asp

https://www.w3schools.com/js/js_output.asp

Додати до сайту сторінку var.html.

За допомогою Javascript розв'язати задачу і вивести відповідь у консоль.

У програмі створити і використати необхідні змінні.


Інструменти розробника

Консоль браузера:

Консоль
Google-Клас

Завдання Скрипт

https://www.w3schools.com/js/js_htmldom_elements.asp
  • На своєму сайті створити нову сторінку dom.html. Зробити надпис на закладинці браузера «СвоєПрізвище-DOM»
  • На сторінці зробити заголовок «Самостійна робота», придумати йому ідентифікатор (id)
  • В наступному рядку написати своє ім'я. Придумати цьому рядку ідентифікатор.
  • Написати текст з шести коротких речень про плани на майбутні зимові канікули. Кожне речення – окремий абзац.
  • Нижче зробити кнопку з текстом «Заголовок», яка замінить текст заголовка на «Зимові канікули» (використати innerHTML).
  • За допомогою скрипта дописати рядок, який починатиметься текстом: «Цей текст написав (написала)», а потім – повинно з'явитися ім'я, яке було написане в першому абзаці. У скрипті використати змінну та ідентифікатор рядка з ім'ям (знаходження HTML елемента за Id).
  • Додатково: Під кнопкою за допомогою скрипта вивести текст: «Ось що написано в третьому рядку: ». А далі – весь третій абзац (знаходження HTML елемента за назвою тега).
  • На основну сторінку свого сайту додати посилання на цю сторінку.
Google-Клас

Завдання Кнопки-3

https://www.w3schools.com/js/js_intro.asp
  • До свого сайту додати нову теку buttons3.
  • До свого сайту додати нову сторінку buttons3.html (вкладинка Кнопки, заголовок Кнопки). Для сторінки створити нову теку buttons.
  • У теку помістити два малюнки на якусь тему. Всі малюнки відобразити шириною 400px.
  • На сторінку додати стовпчик (одна під одною) кнопок з написами, що відповідали б малюнкам (наприклад: Зайчик, Котик).
  • Під кнопками розмістити перший малюнок.
  • До кнопок додати JavaScript-код, який змінюватиме зображення відповідно до кнопки.
  • На головній сторінці додати в список посилання на нову сторінку.
  • Архів .zip сайту здати.

HTML

Google-Клас

Завдання Кнопки-2

  • До свого сайту додати нову теку buttons2.
  • У теку додати нову сторінку buttons2.html (вкладинка Кнопки, заголовок Кнопки).
  • У теку помістити три малюнки на якусь тему. Всі малюнки відобразити шириною 300px.
  • Архів .zip сайту здати.
  • На головній сторінці додати посилання на нову сторінку.
Google-Клас

Завдання Кнопки

https://www.w3schools.com/html/html_form_elements.asp
  • Створити нову сторінку buttons.html
  • Зробити заголовок h1 – Кнопки
  • Розмістити одну під одною дві кнопки
  • На першій кнопці написати своє ім'я. Кнопка повинна відкривати вікно з повідомленням "Це моя кнопка!"
  • Друга кнопка повинна відкривати сторінку з Чутливим малюнком
Google-Клас

Адаптивний дизайн

Завдання Чутливий Малюнок

Створити нову web-сторінку, на якій буде два малюнки. Малюнки зберегти у своїй теці.

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

На основну сторінку сайту додати посилання на сторінку Чутливий Малюнок


Останні зміни: 16 05 2022

вгору