Embedded Files
Прочитати веб конспект
Виконати практичне завдання № 1
Виконати практичне завдання № 2
Виконати практичне завдання № 3
Вебсторінку часто називають документом. І цей документ може принймати різні форми.
У вигляді HTML тексту.
Візуальне представлення у браузері.
А для взаємодії із скриптами браузер створив ще одну форму вебсторінки, яку називають об'єктна модель документа DOM - DocumentObjectModel
DOM надає доступ до всіх елементів, атрибутів, стилів та подій документа у у вигляді об'єктів js
Робота зі сторінкою зводиться до виклику методів відповідних об'єктів та змін цих об'єктів
веб_урок_26-практичне_1.pdf- У відповідне поле ввести список з трьох елементів у документі https://docs.google.com/document/d/1cnKo5ULdyDbjn-l_kkBPTcsUjeUznNXdItGGHH-0a4w/edit?usp=sharing
- Зробити скриншот і надіслати для звітування
Практичне завдання 2. Створити вебсторінку з рухомим зображенням за відеопоясненням
Практичне завдання 2. Створити вебсторінку з рухомим зображенням за відеопоясненням
2. У область HTML ввести код вебсторінки https://docs.google.com/document/d/1Bu3p5lX3EfPKLzkFIMmIaJS0E8_Vrc6nxq_INWfyhbo/edit?usp=sharing
2. У область HTML ввести код вебсторінки https://docs.google.com/document/d/1Bu3p5lX3EfPKLzkFIMmIaJS0E8_Vrc6nxq_INWfyhbo/edit?usp=sharing
3. У область CSS ввести код стилю https://docs.google.com/document/d/1Aa_WpJNl5uOIzYiS2T56K6T_KM_NBDA3kqqT2_Nwt7w/edit?usp=sharing
3. У область CSS ввести код стилю https://docs.google.com/document/d/1Aa_WpJNl5uOIzYiS2T56K6T_KM_NBDA3kqqT2_Nwt7w/edit?usp=sharing
4. У областьJavaScript ввести код скрипта (обробника подій) https://docs.google.com/document/d/1cQIZlmQ0cfcXljxoAavQvDw-EYrpp2h3I_0BPy6tyM4/edit?usp=sharing
4. У областьJavaScript ввести код скрипта (обробника подій) https://docs.google.com/document/d/1cQIZlmQ0cfcXljxoAavQvDw-EYrpp2h3I_0BPy6tyM4/edit?usp=sharing
5. Зберегти та переглянути . /// Натиснути RUN, щоб переглянути результат у області перегляду та Save, щоб згенерувати URL адресу вебсторінки . Прозвітувати посиланням
5. Зберегти та переглянути . /// Натиснути RUN, щоб переглянути результат у області перегляду та Save, щоб згенерувати URL адресу вебсторінки . Прозвітувати посиланням
Веб-документ, завантажений у вікно браузера, розпізнається цим браузером у вигляді деревоподібної структури:
<!DOCTYPE html>
<html>
<head>
<title>Вивчаємо JavaScript</title>
</head>
<body>
<h1>DOM - об'єктна модель документа</h1>
<p>Веб-документ, завантажений у вікно браузера, розпізнається цим браузером у вигляді деревоподібної структури.</p>
<img src="dom.jpg">
<p id="abzac">У результаті такого представлення є змога звертатись до окремих елементів сторінки, змінюючи їхні атрибути, значення, додаючи певні елементи тощо.</p>
</body>
</html>
Page updated
Google Sites
Report abuse