10 КЛАС

email: aleksraven3@gmail.com

Ергономічне розміщення відомостей на веб-сторінках.

Ергономічне розміщення відомостей на веб-сторінках.

Ергономічне розміщення інформації на веб-сторінках.pdf

Домашнє завдання:

1. Створити та зареєструвати власний сайт з назвою "Моє портфоліо", який буде реалізований за допомогою Google Site. Сайт повинен мати структуру, яку Ви спланували на минулому уроці. Наповненням сторвнок займемось на наступних уроках.

2. Надіслати посилання на свій сайт на електронну адресу вчителя: aleksraven3@gmail.com

Планування веб-сайту та етапи роботи над ним.

Дизайн структури сайту та просторовий дизайн веб-сторінок.

Просторовий дизайн веб сторінок.pdf

Планування власного веб-сайту "Моє портфоліо" та етапи роботи над ним.

1. Спланувати власний сайт, який буде згодом реалізований за допомогою сервісів Google.

2. Розробоити структуру сайту та дизайн сторінок.

3. Підготувати матеріал для наповнення веб-сторінок.

29.04.2020 Проходження тестування

Тест з тем: "Хостинг сайту, використання форм, JavaScript"

Прикладний програмний інтерфейс

Для допомоги розробникам-початківцям існує багато онлайн-сервісів, які надають певні елементи (код, структуру, зображення, елементи), що в кінцевому результаті мають пристойну якість.

Переваги онлайн-сервісів:

  • Не потрібно встановлювати на комп'ютер дороге ліцензоване програмне забезпечення, достатньо просто відкрити вікно браузера.

  • Відпадає проблема сумісності між тією чи іншою програмою і операційною системою на комп'ютері користувача.

  • Немає необхідності відслідковувати оновлення, сервіс онлайн - це завжди актуальна версія програми.

  • Онлайн-сервіс доступний завжди і скрізь, він не прив'язаний до конкретного комп'ютера.

Растровий редактор PIXLR.com

Pixlr Editor - популярний графічний онлайн-фоторедактор, що має інтерфейс на 13 мовах. Pixlr Editor є безкоштовною полегшеною версією Photoshop, яка не вимагає встановлення на комп'ютер. Існує полегшена версія редактора Pixlr Express, а також простий фоторедактор Pixlr-o-matic для накладання ефектів і фільтрів в стилі Instagram.

Онлайн редактори для роботи з HTML-кодом

Генератор структури HTML-сторінки CssTemplater.com

Генератор HTML та CSS шаблонів (макетів) - це онлайн-сервіс, який генерує архів, що містить 2 файли: HTML і CSS, які мають базову розмітку (каркас) для майбутнього сайту.

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

У всіх макетах використовується тільки блокова верстка. Макети, що пропонуються Генератором HTML та CSS шаблонів, протестовано і вони коректно відображаються в сучасних браузерах.

22.04.2020 Веб-сервер та бази даних. Взаємодія клієнт-сервер.

Веб-сервер та бази даних. Взаємодія клієнт-сервер.pdf

Домашнє завдання для самостійного виконання

Пояснити значення помилки на малюнку:

17.04.2020 Хостинг сайту

відеоурок - презентація на тему: "Хостинг сайту"

Виконати практичне завдання

ПР_11.docx

13.04.2020 Валідація

10 клас урок Валідація та збереження даних форм в HTML.pdf

Домашнє завдання:

повторити вивчене

10.04.2020 Основи використання форм в документах HTML

Матеріал викладача відкритого міжнародного університету розвитку людини "Україна" Веденєєвой О.А.

Презентація до відео "Основи використання форм в HTML"

10 клас урок Форми в HTML.pdf

Домашнє завдання

Самостійно вдосконалити форму з практиної роботи №10 (минуле заняття)

Скласти звіт про виконання, до якого додати скріншот виконаної роботи та надіслати на email: aleksraven3@gmail.com

08.04.2020 Практичне завдання: "Створення динамічних елементів на веб-сторінках".

Створення динамічних ефектів веб-сторінок засобами JavaScript.doc

Домашнє завдання

08.04.2020 підгрупа 2 (дівчата)


06.04.2020 підгрупа 1 (хлопці)

Виконати практичне задання

№9 та №10

Самостійно вдосконалити текст анкет, додавши до нього ще 2 пункти опитування.


Скласти звіт про виконання, до якого додати скріншот виконаної роботи та надіслати на email: aleksraven3@gmail.com

При виконанні практичного завдання зверніть увагу, що в наведеному документі використані лапки з кірилиці. Тому якщо ви використовуєте Ctrl+C, Ctrl+V , то необхідно замінити їх на варіант в англійській розкладки клавіатури.

Міжнародний дистанційний конкурс з інформатики

(безкоштовна участь в конкурсі з інформатики)


Участь в конкурсі обов'язкова!

  1. Диплом 1 ступеня - 12 балів

  2. Диплом 2 ступеня 85%-90%- 11 балів

  3. Диплом 2 ступеня 80%-84%- 10 балів

  4. Диплом 3 ступеня - 9 балів

  5. Учасник 65%-70% - 8 балів

  6. Учасник 60%-64% - 7 балів

  7. Решта - 6 балів
    Не участь -
    1 бал

Створення динамічних елементів на веб-сторінках

Створення динамічних ефектів веб-сторінок засобами JavaScript.doc

Домашнє завдання

25.03.2020 підгрупа 1 (хлопці)

Виконати практичне задання

№9 та №10

Скласти звіт про виконання, до якого додати скріншот виконаної роботи та надіслати на email: aleksraven3@gmail.com

PR9_IT.doc
PR10_IT.doc

Об'єктна модель документа.

Кнопки, події, функції.

JavaScript. Програмна взаємодія з HTML документами на основі DOM APIонспект лекції)


Об'єктна модель документа.docx

Домашнє завдання 20.03.2020 підгрупа 2 (дівчата)

18.03.2020 підгрупа 1 (хлопці)

Виконати тестове завдання

Перед виконанням тесту, ознайомтесь з відео уроками та теоретичним матеріалом. Ніхто не забороняє користуватись інтернетом.

Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах.

Поняття про мови веб-скриптів.docx

Домашнє завдання 18.03.2020 підгрупа 2 (дівчата)
16.03.2020 підгрупа 1 (хлопці)

Виконати практичне завдання

ПРАКТИЧНЕ ДОМАШНЄ ЗАВДАННЯ.docx

Розміщення мультимедійних файлів і настроювання параметрів їх програвання

мультимедиа на веб.docx

13.03.2020 Домашнє завдання 2 підгрупа (дівчата)

  • Створити веб-сторінку на тему "Стоп-наркотик" з розміщенними на ній елементами мультимедіа та посиланнями на інші веб-сторінки в мережі інтернет.