Поняття про мову вебскриптів та етапи роботи над ними
Поняття про мову вебскриптів та етапи роботи над ними
Embedded Files
Минули часи, коли сайту було достатньо мати хороше інформаційне наповнення та стильний вигляд.
Сьогодні користувачі очікують від сайту інтерактивності.
Раніше користувач міг лише переглядати вебконтент та переходити за гіперпосиланнями (це все що дозволяє HTML)
З розвитком JS вебсторінки перетворилися на повноцінні додатки всередині браузера.
Деякі програми для Windows та інших ОС замінюють на вебдодатки.
З'явився термін не вебсторінка, а вебдодаток
Найвідоміший приклад вебдодатку, пошта gmail. Її вже ніяк не назовеш вебсторінкою.
Найвідоміший приклад вебдодатку, пошта gmail. Її вже ніяк не назовеш вебсторінкою.
Тег <button>Наступне</button> відповідає за утворення кнопки, при натисканні на яку з'являється наступне зображення
Задамо атрибут ID зображення, що дозволяє простіше звертатися до нього в коді.
Код змінює атрибут src нашого елемента
Щоб підключити JS до сторінки використовують елемент script
є два варіанти:
Можна писати код всередині елемента.
Можна підключати файли з кодом зовні за допомогою атрибуту src тегу sript
Цей код працює , коли зображення лежать в паці images, поряд зі сторінкою та називаються photo1,photo2,photo3 і т.д.
Файл зберегли, оновили браузер і нічого не відбулося(
Файл зберегли, оновили браузер і нічого не відбулося(
Річ у тому, що код для зміни фото є.
Річ у тому, що код для зміни фото є.
Але ніде не вказано, що його потрібно викликати по клику на кнопку
Але ніде не вказано, що його потрібно викликати по клику на кнопку
Змінить кількість фото на 5 і додайте власне зображення і надішліть два скріни , як працюють обидва коди
Це відеопояснення для виконуєчих завдання на ноутбутці або комп'ютері
Це відеопояснення для виконуєчих завдання на ноутбутці або комп'ютері
Завдання для онлайн уроку
Завдання для онлайн уроку
Створити динамічну галерею зображень за допомогою JS
Створити динамічну галерею зображень за допомогою JS
Зайти редактор коду https://jsfiddle.net та ввести HTML код вебсторінки https://docs.google.com/document/d/1LiLI-MgpQQJMYfRXZLzX_HfyyX2hre-MuH2jJgbCiWI/edit?usp=sharing
2.Зайти редактор коду https://jsfiddle.net та ввести CSS код вебсторінки https://docs.google.com/document/d/1Yh3MFUJ1NMyFZwy0KIIq6G5JeZmsehhiUXKOUETc024/edit?usp=sharing
3.Зайти редактор коду https://jsfiddle.net та ввести JS код вебсторінки https://docs.google.com/document/d/141MooJuFk1vUFFZtKpbDICBTu8LQWuof0b2dghLcLyQ/edit?usp=sharing
4..Натиснути RUN, щоб переглянути результат у області перегляду та Save, щоб згенерувати URL адресу . Прозвітувати посиланням
Page updated
Google Sites
Report abuse