Інформатика 11 клас
(четвер 6 урок)
16/10 Формати мікроданих
Мікродані (Microdata) — це один із форматів структурованих даних (Structured Data), які використовуються на веб-сторінках. Вони дозволяють розмічати звичайний HTML-вміст, щоб пошукові системи (Google, Bing тощо) та інші програми могли автоматично розуміти зміст сторінки (семантику) і надавати користувачам розширені результати пошуку (так звані "rich snippets").
Що це? Це набір атрибутів, доданих до стандартних HTML-тегів, які вбудовують машинозчитувані метадані прямо в тіло веб-сторінки (тег <body>).
Мета: Перетворити неструктурований текст (наприклад, "Гарний фільм, рейтинг 4.5") на структуровану інформацію, яку комп'ютер може чітко ідентифікувати (наприклад, "Об'єкт: Фільм, Властивість: Рейтинг, Значення: 4.5").
Результат (Rich Snippets): Завдяки мікроданим, пошукова видача може відображати додаткову інформацію, таку як рейтинг у зірочках ⭐⭐⭐⭐, фото товару, ціну, дати подій тощо, що підвищує клікабельність.
09/10 Правила ергономічного розміщення відомостей на веб-сторінці
Простота та Лаконічність:
Суть: Подавайте інформацію у зрозумілій і стислій формі.
Практика: Використовуйте короткі абзаци, списки, підзаголовки. Сторінка не повинна бути перевантажена зайвими елементами дизайну, щоб увага фокусувалася на контенті.
Розташування найважливішого:
Суть: Найважливіші відомості, які користувач має побачити одразу, розміщуйте на початку сторінки (так звана "перша зона екрана", або "above the fold").
Практика: Назва сайту, логотип, основне меню та короткий опис того, чим займається сайт, мають бути у верхній частині.
Логіка та Однорідність:
Суть: Забезпечте єдність стилю та компоновки матеріалу на всіх сторінках сайту.
Практика: Шаблон (розташування меню, колонтитулів, фону) має бути однаковим. На будь-якій сторінці має бути чітко видно, до якого тематичного розділу вона входить.
Колонки: Використовуйте не більше ніж три колонки з контентом. Оптимально — дві (основний контент + бічна панель).
Усунення Двозначності:
Суть: Користувач повинен чітко розуміти наслідки своїх дій.
Практика: Кнопки та посилання повинні мати зрозумілі підписи (наприклад, "Додати в кошик", "Надіслати", а не просто "ОК").
02/10Практична робота «Створення інтерактивної веб-сторінки»
Виконайте практичну роботу за зразком:
25/09 Використання форм. Основні елементи форми
Використання форм є основним способом інтерактивної взаємодії користувача з вебсайтом. Форма дозволяє збирати інформацію (логін, пароль, коментарі, дані замовлення) та надсилати її на сервер для обробки.
18/09 Веб-сервер і база даних
Веб-сервер – це спеціальна програма або комп'ютер, який зберігає веб-сторінки та інший веб-контент і надає його користувачам за запитом через Інтернет. Уявіть його як офіціанта в ресторані. Коли ви вводите URL-адресу в браузер, ви надсилаєте "запит" на веб-сервер. Веб-сервер отримує ваш запит і відправляє вам "відповідь" – веб-сторінку, яку ви хочете переглянути.
Ключові функції веб-сервера:
Приймання запитів: Веб-сервер чекає на запити від клієнтів (браузерів).
Обробка запитів: Він знаходить потрібну веб-сторінку або інший файл.
Надсилання відповідей: Він надсилає веб-сторінку назад до браузера.
Приклади популярних веб-серверів: Apache, Nginx, IIS.
База даних – це організоване сховище, де зберігається структурована інформація. Уявіть її як велику цифрову картотеку, де всі дані акуратно розкладені за категоріями. База даних дозволяє легко додавати, змінювати, видаляти та шукати дані.
Веб-сайти використовують бази даних для зберігання різної інформації, наприклад:
Профілі користувачів: Імена, електронні адреси, паролі.
Товари в інтернет-магазині: Назви, ціни, описи, фото.
Коментарі на сайті: Текст, ім'я автора, дата.
Приклади популярних систем управління базами даних: MySQL, PostgreSQL, Microsoft SQL Server.
Веб-сервер і база даних працюють у тісному зв'язку. Ось простий приклад, як це відбувається, коли ви заходите на сайт інтернет-магазину:
Запит: Ви вводите адресу сайту в браузер і запитуєте сторінку з товарами.
Веб-сервер приймає запит: Він отримує ваш запит.
Звернення до бази даних: Веб-сервер розуміє, що йому потрібна інформація про товари, і надсилає запит до бази даних. Наприклад, "Дай мені всі товари з категорії 'Одяг'".
База даних надсилає дані: База даних знаходить потрібну інформацію і відправляє її назад веб-серверу. Це сирі дані (наприклад, назва товару, ціна, опис).
Веб-сервер формує сторінку: Веб-сервер об'єднує ці дані з шаблоном веб-сторінки (HTML, CSS) і створює готову веб-сторінку.
Відповідь: Веб-сервер надсилає готову сторінку назад до вашого браузера, і ви бачите список товарів з фотографіями та цінами.
Таким чином, веб-сервер відповідає за взаємодію з користувачем і генерацію сторінок, а база даних – за зберігання і надання актуальної інформації.
11/09 Хостинг сайта
Хостинг сайта — це послуга з розміщення файлів сайту (тексти, зображення, програмний код) на сервері, щоб він був доступним для користувачів в Інтернеті 24/7. Іншими словами, це оренда місця на комп'ютері (сервері), який постійно підключений до мережі.
Віртуальний хостинг (Shared Hosting): Це найпоширеніший і найдешевший тип. На одному сервері розміщується велика кількість сайтів, які ділять між собою ресурси (процесор, пам'ять). Цей варіант підходить для невеликих сайтів, блогів або особистих сторінок.
VPS-хостинг (Virtual Private Server): Це віртуальний виділений сервер. Хоча фізичний сервер також ділиться між кількома користувачами, кожен отримує свою окрему віртуальну машину з гарантованими ресурсами. Це забезпечує більшу стабільність та контроль, ніж віртуальний хостинг.
Виділений сервер (Dedicated Server): Це оренда цілого фізичного сервера. Всі його ресурси належать тільки вам. Цей варіант підходить для великих, високо відвідуваних сайтів, інтернет-магазинів або складних веб-додатків, що потребують максимальної продуктивності та безпеки.
Хмарний хостинг (Cloud Hosting): Сайти розміщуються на мережі взаємопов'язаних серверів (хмарі). Це дозволяє гнучко масштабувати ресурси: якщо трафік на сайті зростає, система автоматично надає більше потужностей. Це ідеально для проектів з непередбачуваним навантаженням.
Коли ви вводите доменне ім'я (наприклад, example.com) у браузері, відбувається наступне:
Браузер надсилає запит на DNS-сервер, щоб знайти IP-адресу сервера, де розміщено сайт.
DNS-сервер надає цю IP-адресу.
Браузер підключається до сервера за цією IP-адресою і запитує файли сайту.
Сервер надсилає файли сайту (HTML, CSS, JavaScript, зображення) у ваш браузер.
Браузер відтворює ці файли, і ви бачите сторінку.
Таким чином, хостинг є обов'язковим етапом після створення сайту, щоб зробити його доступним для всіх користувачів Інтернету.
04/09 Об’єктна модель документа
Об’єктна модель документа (англ. Document Object Model, DOM) — це програмний інтерфейс для роботи зі структурованими документами, наприклад, вебсторінками, написаними мовою HTML. Замість того, щоб сприймати вебсторінку як простий текст, DOM представляє її у вигляді деревоподібної ієрархічної структури. Кожен елемент HTML (тег, атрибут, текст) стає об'єктом або вузлом у цьому дереві.
29/05 Електронний цифровий підпис. Особистий та відкритий ключі. Сертифікат відкритого ключа.
Перегляньте відеоролик, запишіть основні поняття:
15/05 Засоби створення, зберігання, обробки, копіювання і транспортування документів.
Текстові редактори:
Локальні: Microsoft Word, LibreOffice Writer, Google Docs (офлайн-режим). Ці програми надають широкий спектр інструментів для форматування тексту, вставки зображень, таблиць, діаграм, створення списків, колонтитулів, змісту тощо.
Онлайн: Google Docs, Microsoft Word Online. Доступні через веб-браузер, забезпечують спільну роботу в реальному часі та автоматичне збереження в хмарі.
Графічні редактори:
Для створення документів, що містять переважно графіку (ілюстрації, макети, постери): Adobe Photoshop, GIMP, Canva (онлайн).
Програми для створення презентацій:
Microsoft PowerPoint, LibreOffice Impress, Google Slides. Використовуються для створення слайдів з текстом, зображеннями, відео, діаграмами для представлення інформації.
Програми верстки:
Adobe InDesign, Scribus (безкоштовний). Для створення складних макетів документів, таких як книги, журнали, газети.
Онлайн-сервіси для створення документів:
Різноманітні веб-платформи, що пропонують шаблони та інструменти для створення резюме, інфографіки, буклетів тощо (наприклад, Resume.io, Piktochart).
2. Засоби Зберігання Документів:
Локальні носії інформації:
Жорсткі диски (HDD, SSD): Вбудовані в комп'ютери або зовнішні. Забезпечують великий обсяг пам'яті для зберігання файлів.
Флеш-накопичувачі (USB-флешки): Портативні пристрої для перенесення невеликих обсягів даних.
Оптичні диски (CD, DVD, Blu-ray): Застаріваючий, але все ще використовуваний спосіб зберігання.
Хмарні сховища:
Google Drive, Dropbox, OneDrive, iCloud. Дозволяють зберігати файли на віддалених серверах і отримувати доступ до них з будь-якого пристрою, підключеного до Інтернету. Забезпечують автоматичне резервне копіювання та можливість спільного доступу.
Сервери та мережеві сховища (NAS): Використовуються в організаціях для централізованого зберігання та обміну документами.
3. Засоби Обробки Документів:
Текстові редактори: (див. вище) Основні інструменти для редагування, форматування, перевірки орфографії та граматики текстових документів.
Програми для обробки зображень:
Для редагування графічних елементів у документах (обрізка, зміна розміру, кольору, додавання ефектів): Adobe Photoshop, GIMP, Paint.NET.
Програми для роботи з PDF-файлами:
Adobe Acrobat Reader (перегляд), Adobe Acrobat Pro (редагування, конвертація), Foxit Reader. Дозволяють переглядати, коментувати, об'єднувати, розділяти, конвертувати PDF-документи.
Системи оптичного розпізнавання символів (OCR):
ABBYY FineReader, онлайн-сервіси (наприклад, Google Drive OCR). Перетворюють скановані зображення тексту або PDF-файли, що містять зображення тексту, в редагований текстовий формат.
Програми для архівування та стиснення даних:
WinRAR, 7-Zip. Дозволяють зменшити розмір файлів для зручнішого зберігання та транспортування.
4. Засоби Копіювання Документів:
Принтери: Для створення паперових копій електронних документів. Існують різні типи принтерів (лазерні, струменеві, матричні).
Багатофункціональні пристрої (БФП): Поєднують в собі функції принтера, сканера та копіра. Дозволяють не тільки друкувати, але й створювати цифрові копії паперових документів.
Сканери: Для створення цифрових копій паперових документів (зображень або PDF-файлів).
Програми для створення скріншотів: Вбудовані інструменти операційних систем (наприклад, Snipping Tool у Windows) або сторонні програми (наприклад, Lightshot). Дозволяють робити знімки екрана.
5. Засоби Транспортування Документів:
Фізичні носії інформації:
Флеш-накопичувачі (USB-флешки)
Зовнішні жорсткі диски
Оптичні диски (рідко використовуються для транспортування великих обсягів)
Електронна пошта (e-mail): Один з найпоширеніших способів передачі документів в електронному вигляді.
Хмарні сховища: (див. вище) Дозволяють надавати спільний доступ до документів або надсилати посилання на файли.
Миттєві повідомлення (месенджери): Telegram, Viber, WhatsApp та інші дозволяють швидко обмінюватися файлами.
Соціальні мережі: Іноді використовуються для обміну документами, особливо невеликими файлами.
FTP-сервери: Використовуються для передачі великих файлів між комп'ютерами в мережі.
Мережеві диски та спільні папки: У локальних мережах організацій використовуються для обміну документами між співробітниками.
Онлайн-сервіси для передачі великих файлів: Google Drive, Dropbox Transfer, WeTransfer. Спеціалізовані сервіси для надсилання файлів великого розміру без необхідності реєстрації або з обмеженим часом доступу.
17/04 Стиль ділового листування. Логічні елементи тексту та порядок його укладання.
Перегляньте відеоролик, запишіть основні поняття:
03/04 Антивірусні засоби захисту. Загальні правила застосування антивірусних засобів в автоматизованих системах.
Антивірусні засоби захисту:
Антивірусні засоби захисту – це програмне забезпечення, призначене для виявлення, запобігання та видалення шкідливого програмного забезпечення, такого як віруси, троянські програми, шпигунське програмне забезпечення та інші.
Основні типи антивірусних засобів:
Антивірусні сканери: Ці програми сканують файли та системну пам'ять на наявність відомих вірусів.
Антивірусні монітори: Ці програми постійно відстежують активність системи та блокують підозрілі дії.
Мережеві антивіруси: Ці програми захищають мережу від вірусів та інших загроз.
Антивірусні програми для електронної пошти: Ці програми сканують електронні листи на наявність вірусів.
Загальні правила застосування антивірусних засобів в автоматизованих системах:
Встановлення та оновлення антивірусного програмного забезпечення:
Встановіть надійне антивірусне програмне забезпечення на всі комп'ютери та сервери в автоматизованій системі.
Переконайтеся, що антивірусне програмне забезпечення регулярно оновлюється для захисту від нових загроз.
Регулярне сканування системи:
Виконуйте регулярне повне сканування системи для виявлення та видалення вірусів.
Налаштуйте автоматичне сканування системи за розкладом.
Захист від зовнішніх носіїв:
Скануйте всі зовнішні носії (USB-накопичувачі, CD/DVD-диски) перед їх використанням.
Використовуйте тільки надійні джерела для завантаження файлів.
Захист електронної пошти:
Використовуйте антивірусне програмне забезпечення для сканування електронних листів на наявність вірусів.
Не відкривайте підозрілі електронні листи або вкладення.
Мережевий захист:
Використовуйте брандмауер для захисту мережі від несанкціонованого доступу.
Використовуйте антивірусне програмне забезпечення для захисту мережі від вірусів та інших загроз.
Резервне копіювання даних:
Регулярно створюйте резервні копії важливих даних.
Зберігайте резервні копії в безпечному місці.
Навчання користувачів:
Навчайте користувачів правилам безпечного використання комп'ютерів та мережі.
Повідомляйте користувачам про нові загрози та способи їх запобігання.
Використання ліцензійного програмного забезпечення:
Використовуйте лише ліцензійне програмне забезпечення, щоб знизити ризик зараження вірусами.
Обмеження прав користувачів:
Надавайте користувачам лише необхідні права доступу до системи.
Додаткові рекомендації:
Використовуйте кілька рівнів захисту, включаючи антивірусне програмне забезпечення, брандмауер та інші засоби захисту.
Слідкуйте за новинами про нові загрози та вразливості.
Регулярно перевіряйте журнали подій для виявлення підозрілої активності.
20/03 Практична робота «Використання засобів адміністрування операційної системи для налаштування прав користувачів щодо доступу до інформаційних ресурсів, (змінення) правил, які забезпечують безпеку операційних системи».
Мета: Навчитися використовувати інструменти адміністрування операційної системи для налаштування прав доступу користувачів до інформаційних ресурсів та зміни правил безпеки.
Завдання:
Створення користувачів та груп:
Створіть двох нових користувачів з різними рівнями доступу (наприклад, "Користувач1" з обмеженими правами та "Користувач2" з розширеними правами).
Створіть групу користувачів "Відділ продажів".
Додайте "Користувача1" до групи "Відділ продажів".
Налаштування прав доступу до файлів та папок:
Створіть папку "Звіти" на диску.
Надайте групі "Відділ продажів" права на читання та запис до папки "Звіти".
Заберіть у "Користувача2" права на доступ до папки "Звіти".
Перевірте, як працюють встановленні права доступу.
Налаштування політик безпеки:
Змініть політику паролів, встановивши вимоги до складності та терміну дії пароля.
Активуйте брандмауер Windows та налаштуйте правила для дозволу/заборони певних мережевих з'єднань.
Перевірте, як працюють встановленні правила безпеки.
Журналування подій:
Перегляньте журнал подій операційної системи, звертаючи увагу на події, пов'язані з безпекою.
Визначте, які події варто відстежувати для забезпечення безпеки системи.
Інструменти:
"Керування комп'ютером" (compmgmt.msc)
"Локальна політика безпеки" (secpol.msc)
"Брандмауер Windows"
"Перегляд подій"
Звіт:
Опишіть кроки, які ви виконали для кожного завдання.
Додайте скріншоти, що підтверджують ваші дії.
Зробіть висновки про важливість налаштування прав користувачів та безпеки операційної системи.
Додаткові поради:
Працюйте з обліковим записом адміністратора.
Будьте обережні при зміні системних налаштувань.
Використовуйте віртуальну машину для експериментів, щоб не пошкодити основну систему.
06/03 Ідентифікація та аутентифікація користувачів. Розмежування доступу зареєстрованих користувачів до ресурсів автоматизованих систем. Реєстрація та оперативне оповіщення про події безпеки.
20.02 Основні навмисні і ненавмисні штучні загрози. Технічні засоби добування інформації. Програмні засоби добування інформації
Штучні загрози інформаційній безпеці поділяються на навмисні та ненавмисні.
Навмисні загрози - це дії, спрямовані на завдання шкоди інформаційній системі. Вони можуть включати:
Несанкціонований доступ: отримання доступу до інформації або ресурсів без дозволу.
Шкідливе програмне забезпечення: віруси, троянські програми, шпигунське ПЗ, програми-вимагачі тощо.
Атаки на веб-сайти: DDoS-атаки, SQL-ін'єкції, міжсайтові скрипти тощо.
Фішинг: отримання конфіденційної інформації шляхом обману.
Соціальна інженерія: маніпулювання людьми для отримання інформації або доступу.
Ненавмисні загрози - це дії або події, які можуть призвести до порушення інформаційної безпеки через помилку, недбалість або випадковість. Вони можуть включати:
Помилки персоналу: випадкове видалення даних, неправильне налаштування системи тощо.
Технічні збої: відмова обладнання, проблеми з програмним забезпеченням тощо.
Стихійні лиха: пожежі, повені тощо.
Технічні засоби добування інформації - це пристрої та технології, які використовуються для отримання інформації без дозволу. Вони можуть включати:
Пристрої для прослуховування: мікрофони, диктофони, радіопередавачі тощо.
Пристрої для зчитування інформації: сканери, камери, USB-накопичувачі тощо.
Програмно-апаратні комплекси: спеціалізовані системи для перехоплення та аналізу даних.
Програмні засоби добування інформації - це програми, які використовуються для отримання інформації без дозволу. Вони можуть включати:
Шпигунське ПЗ: програми, які таємно встановлюються на комп'ютер та збирають інформацію про користувача.
Віруси та троянські програми: програми, які можуть красти дані, пошкоджувати файли або відкривати доступ до системи зловмисникам.
Програми для злому: програми, які використовуються для отримання несанкціонованого доступу до інформаційних систем.
Важливо зазначити, що загрози інформаційній безпеці постійно розвиваються, тому необхідно постійно вдосконалювати методи захисту інформації.
06.02 Основні поняття в області безпеки інформаційних технологій. Основні причини загострення проблеми забезпечення безпеки інформаційних технологій.
12.12 Оформлення результатів проєкту
На сьогоднішньому уроці ми завершимо роботу над проєктом та створимо документи для його опису та презентації, створимо презентацію проєкту для наступного уроку
Створіть презентацію проєкту
Заповніть таблицю самооцінювання
Відповідно до завдання, потрібно створити презентацію, що демонструватиме усі вимоги завдання проєкту
Ознайомтесь з вимогами щодо оформлення презентації
28.11 Розробка проєкту
14.11 Оцінка сайту. Просування сайту
Оцінка сайту та просування сайту – це два тісно пов'язані процеси, які мають вирішальне значення для досягнення успіху в цифровому світі. Незалежно від того, чи ви маєте невеликий бізнес або великий корпоративний веб-сайт, розуміння цих концепцій допоможе вам оптимізувати свій онлайн-ресурс та залучити більше цільової аудиторії.
Оцінка сайту – це детальний аналіз всіх аспектів вашого веб-ресурсу з метою виявлення сильних і слабких сторін. Вона допомагає визначити, наскільки ефективно сайт досягає своїх цілей та як його можна покращити.
Просування сайту – це комплекс заходів, спрямованих на підвищення його видимості в пошукових системах та залучення цільової аудиторії.
31.10 Мета-дані та просування пошукова оптимізація
17.10 Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування.
Виконайте практичну роботу за зразком наведеним у відео:
Веб-форма - це набір текстових полів, списків, кнопок і інших елементів управління, за допомогою яких відвідувач сторінки може надати той чи інший вид інформації.
Форми в Інтернеті всюди - завдяки формам ми можемо створювати облікові записи електронної пошти, переглядати і купувати товари в інтернет-магазинах, здійснювати фінансові транзакції і багато іншого.
Усі веб-форми працюють однаково. Користувач вводить певну інформацію, а потім натискає кнопку, щоб надіслати введену інформацію на веб-сервер.
Після прибуття на веб-сервер ця інформація обробляється спеціальною програмою, та надсилає нову сторінку веб-браузеру. Під час обробки веб-форми програма на веб-сервері може звернутися до бази даних для запису інформації, або її перевірки.
19.09 Хостинг сайта
Хостинг — послуга надавання дискового простору, підключення до мережі та інших ресурсів для розміщення фізичної інформації на сервері, що постійно перебуває в мережі. Поняття хостингу включає в себе широкий спектр послуг із використанням різного апаратного та програмного забезпечення.
Перегляньте відеоролик та запишіть основні терміни:
05.09 Мова розмітки гіпертексту. Каскадні таблиці стилів.
HTML (англ. HyperText Markup Language — мова розмітки гіпертексту) — це мова тегів, засобами якої здійснюється розмічання вебсторінок для мережі Інтернет. Браузери отримують HTML-документи з вебсервера або з локальної пам'яті й передають документи в мультимедійні вебсторінки. HTML описує структуру вебсторінки семантично і спочатку включені сигнали для зовнішнього вигляду документа.
Елементи HTML є будівельними блоками сторінок HTML. За допомогою конструкцій HTML, зображення та інші об'єкти, такі як інтерактивні форми, можуть бути вбудовані у візуалізовану сторінку. HTML надає засоби для створення структурованих документів, позначаючи структурну семантику тексту, наприклад заголовки, абзаци, списки, посилання, цитати та інші елементи. Елементи HTML окреслені тегами, написаними з використанням кутових дужок. Теги, такі як і безпосередньо вводять вміст на сторінку. Інші теги, такі як<img /> <input /> <p>оточують і надають інформацію про текст документа і можуть включати інші теги як піделементи. Браузери не показують теги HTML, але використовують їх для інтерпретації вмісту сторінки.
Для коректного відображення у веб-браузері, html-документ повинен містити певні структурні елементи, а саме:
<!DOCTYPE html> оголошення типу документу
<html> кореневий елемент html
<head> розділ з інформаціює для браузера
<body> розділ де розміщується контент
<!DOCTYPE html>
<html>
<head>
<title>Назва документу</title>
</head>
<body>
основна частина веб-сторінки
</body>
</html>
Каскадні таблиці стилів (англ. Cascading Style Sheets, або скорочено CSS) — спеціальна мова, що використовується для опису зовнішнього вигляду сторінок, написаних мовою розмітки даних. Основна ідея CSS полягає в тому, щоб відокремити дизайн документа від його вмісту. CSS відповідає за оформлення і зовнішній вигляд HTML-коду, тоді як HTML — за зміст та логічну структуру документа.
Конструкція СSS, яка відповідає за зовнішній вигляд певного елемента HTML, називається CSS-правилом. Усі CSS-правила складаються із селектора та блоку оголошень. Блок оголошень містить одне або кілька оголошень, розташованих у фігурних дужках. Усередині блоку оголошень знаходяться пари CSS-властивість — значення, розділені крапкою з комою.
Кожне правило починається із селектора, що вибирає ті HTML-елементи до яких буде застосовано CSS-правило. Селектор дозволяє вибрати один або декілька HTML елементів. В якості селектора можуть бути вказані назви HTML-елементів. Наприклад для того щоб відобразити усі заголовки на сторінці синім кольором ми можемо скористатись таким правилом:
h1, h2, h3, h4, h5, h6 {
color : blue;
}
Якщо необхідно визначити стиль таким чином, щоб один і той самий елемент у різних випадках відображався по-різному, то на допомогу приходять класи. Приклад застосування класів ви можете бачити нижче.
Називаються так тому, що розташовуються безпосередньо в HTML-документі й застосовуються лише до нього. Іноді їх називають embedded style sheet (убудований стиль). Збереження CSS-коду в HTML-документі у тезі <style>, що теж розміщується в . Зазвичай цей варіант використовується, коли існує лише одна проста HTML-сторінка й немає сенсу створювати додатковий файл.
Повторити основні відомості про HTML та СSS, занотувати базову структуру вебсторінки та застосування стилів.
Запишіть короткий конспект, надішліть фото конспекту ( 3 бали )
Виконайте інтерактивну вправу та надішліть скріншот про виконання (3 бали)
Виконайте завдання для самоперевірки (6 балів)
Запишіть короткий конспект, надішліть фото конспекту ( 3 бали )
Знайдіть інформація про різні види офісної техніки та виконайте інтерактивну вправу ( 3 балів)
Виконайте тестові завдання
Опрацюйте матеріали
Виконайте практичну роботу
Створіть текстовий документ
Проаналізуйте інформацію про VPN та запишіть коротку інформацію про VPN до документу
Запишіть алгоритм підключення до VPN для комп'ютера та смартфона
Надішліть документ вчителю Viber (0976567243)
Опрацюйте матеріали
Закодуйте слово "Інформатика" за допомогою шифрів "Цезаря" та за допомогою шифру "Віжинера", для ознайомлення за алгоритмами шифрування скористайтесь посиланнями на статті у Вікіпедії
Сьогодні на уроці ми з вами детальніше познайомимося з об'єктами захисту. Видами заходів протидії загрозам безпеки. Переваги та недоліки різних видів заходів захисту.
Опрацюйте матеріали презентації
Організувати дослідницьку роботу на тему «Біометричні засоби захисту даних».
1 група – ідентифікація за голосом;
2 група – ідентифікація за відбитками пальців;
3 група – ідентифікація за малюнком райдужної оболонки ока.
Підготувати коротке повідомлення про вид біометричного захисту даних.
Повідомлення повинно супроводжуватися Google-презентацією.
Повторіть основні відомості про інформаційну безпеку у презентації
Опрацюйте відеоматеріал за посиланням
Повторіть правила безпеки в Інтернеті
На сьогоднішньому уроці ми завершимо роботу над проєктом та створимо документи для його опису та презентації, створимо презентацію проєкту для наступного уроку
Створіть презентацію проєкту
Заповніть таблицю самооцінювання
Відповідно до завдання, потрібно створити презентацію, що демонструватиме усі вимоги завдання проєкту
Ознайомтесь з вимогами щодо оформлення презентації
Виконайте вправи фізкультхвилинки
Дозаповніть таблицю самоаналізу
Бажаю успіхів
Повторіть правила безпеки в Інтернеті
Сьогодні на уроці продовжуємо працювати над проєктом. І для успішного виконання проєкту, нам потрібно встановити певні цілі, які нам потрібно виконати сьогодні. Для цього ми створимо спеціальний чек-лист
Повторіть основи роботи у середовищі Google Sites
Створіть таблицю для самоаналізу проєкту, оцініть на скільки ви просунулись у виконанні завдання проєкту
Бажаю успіхів
Працюючи над проектами, ви вчитеся: виявляти і формулювати проблеми; проводити їх аналіз; розробляти план дослідження; знаходити необхідне джерело інформації; працювати з отриманою інформацією; застосовувати отриману інформацію для розв'язання поставлених завдань; проводити опрацювання результатів експерименту; формулювати висновки; виступати із захистом проєкту.
На першому етапі вам потрібно змоделювати ситуацію в якій ви можете застосувати свої вміння та навички, визначити тему, мету проекту та кінцевий результат.
Робота над проєктом передбачає спільне виконання завдань групою людей. На цьому етапі вам потрібно визначити ключові завдання, визначити засоби за допомогою яких ви будете реалізовувати проект. Не забудьте про терміни виконання проекту, потрібно встановити певний строк для виконання завдань.
Третій етап є основним, визначивши основні завдання та строки ви переходите до реалізації проєкту. Ви можете працювати над проєктом, користуючись онлайн-сервісами.
Зазвичай представлення результатів проєкту проходить у вигляді захисту, вам потрібно створити презентацію вашого проекту та підготуватись відповідати на запитання щодо процесу створення проекту.
Сьогодні на уроці ми розглянемо способи пошукової оптимізації та просування сайтів
SEO (від англ. Search Engine Optimization — пошукова оптимізація) — маркетингове поняття, що охоплює цілий комплекс заходів. Це процес коригування HTML-коду, структури та текстового наповнення (контенту) сайта; контроль зовнішніх чинників на відповідність вимогам алгоритму пошукових систем.
Просування сайта — комплекс заходів щодо збільшення відвідуваності веб-ресурсу цільовими відвідувачами.
Проведіть власне дослідження
Проаналізуйте матеріали статті та випишіть основні теги HTML, що впливають на пошукову оптимізацію.
Сфотографуйте або зробіть скріншот документу з власним дослідженням та додайте його до форми в кінці уроку.
Спробуйте подати результати дослідження у вигляді ментальної карти:
Ментальна карта — це візуальне представлення твоїх власних нотаток. Цьому методу декілька сотень років. Простіше запам'ятати гарне візуальне зображення, ніж довгий текст. Крім того, ментальні карти дають змогу показати зв'язки між різними темами.
Приклад ментальної карти розв'язування рівнянь
Виконайте вправи з руханки
Виконайте інтерактивну вправу та зробіть скріншот, прикріпіть скріншот до форми
Перегляньте відео
Користуючись інструментами веб-браузера проведіть аналіз сайту школи https://nvkcaredar.jimdofree.com/ або будь-якого іншого сайту на ваш вибір
Натисніть праву кнопку миші та оберіть пункт "Переглянути код"
2. Пілся чого перейдіть до пункту lighthouse
3. Проведіть аналіз сайту та надішліть скріншот з результатами аналізу на електронну адресу вчителя m.roman.kravchuk@gmail.com
Під інтерактивним слід розуміти сайт, контент якого формується «на льоту». Поняття «інтерактивний» можна віднести до всіх сайтів, що мають форми відправки повідомлень, онлайн-анкети та опитування, реєстраційні форми, лічильники відвідувань, форми для онлайнзамовлень та інші подібні елементи.
Веб-програмування — галузь веб-розробки і різновид дизайну, в завдання якої входить проектування користувальницьких веб-інтерфейсів для сайтів або веб-додатків.
JavaScript — мова програмування, що дозволяє реалізувати низку складних рішень у веб-документах. Вона допомагає зробити сторінки сайта більш інтерактивними, обробляє дії користувачів сайта
Функції JavaScript дозволяють:
зберігати дані в змінних
активувати частину коду згідно з певними сценаріями, що реалізуються на сторінці сайта
створювати контент, який оновлюється автоматично
керувати мультимедійними можливостями (працювати з відео, анімувати зображення)
Щоб додати фрагмент коду JavaScript до вебсторінки можна використати парний тег :
<script></script>, який буде розміщено в тілі html документу, або написати цей код у зовнішньому файлі з розширенням .js та підключити його в тілі html елементу за допомогою атрибуту src тегу <script></script>
Орацюйте матеріал
Веб-сервер, що приймає HTTP-запити від клієнтів, зазвичай веббраузерів, видає їм HTTP-відповіді, зазвичай разом з HTML-сторінкою, зображенням, файлом, медіа-потоком або іншими даними. Вебсервер — одна із основ Всесвітньої павутини.
HTTP — протокол передачі даних, що використовується в комп'ютерних мережах. Назва скорочена від HyperText Transfer Protocol, протокол передачі гіпертекстових документів.
‹Метод› ‹URL› HTTP/‹Версія›
Уніфікований ідентифікатор ресурсів (URI) — компактний рядок літер, який однозначно ідентифікує окремий абстрактний чи фізичний ресурс. Наприклад, адреса сайту в інтернеті.
GET - (отримати певний ресурс, наприклад, HTML-файл, що містить інформацію протовар або список товарів);
POST - (створити новий ресурс, наприклад, нову статтю на Вікіпедії, додати новий контакт в базу даних);
HEAD — отримати метадані про певний ресурс без отримання змісту, як робить GET. Можна використовувати запит HEAD, щоб дізнатися, коли в останній раз ресурс оновлювався, і тільки потім використовувати (більш «витратний») запит GET, щоб завантажити ресурс, який було змінено;
PUT — оновити існуючий ресурс (або створити новий, якщо такого не існує);
DELETE — вилучити вказаний ресурс.
Опрацювати сторінки 206-212
Основи мови для програмування вебсторінок javascript, перегляньте відео:
JavaScript – це мова програмування, що дозволяє зробити Web-сторінку інтерактивною, тобто такою що реагує на дії користувача.
Послідовність інструкцій (що називається програмою, скриптом або сценарієм) виконується інтерпретатором, вбудованим в звичайний Web-браузер. Іншими словами, код програми вбудовується в HTML - документ і виконується на боці клієнта. Для виконання програми не потрібно навіть перезавантажувати Web -сторінку, всі програми виконуються в відповідь на будь-яку подію. Наприклад, перед відправленням даних форми можна перевірити їх на допустимі значення і, якщо значення не відповідають очікуваним, заборонити відправлення даних.
Для створення коду потрібно натиснути "Start Coding"
Написати код який виводитиме текстове повідомлення при натисканні на кнопку. Скріншот програми надіслати у Viber 0508160159
Опрацюйте матеріал
На початку 1970-х років в одній з дослідницьких лабораторій компанії IBM була розроблена експериментальна реляційна СУБД System R, для якої потім була створена спеціальна мова SEQUEL, що дозволяла відносно просто керувати даними в цій СУБД. Абревіатура SEQUEL розшифровувалася як англ. Structured English QUEry Language — «структурована англійська мова запитів». Пізніше з юридичних міркувань мова SEQUEL була перейменована в SQL. Коли в 1986 році перший стандарт мови SQL був прийнятий ANSI (American National Standards Institute), офіційною вимовою стало — ес-к'ю-ел. Попри це, навіть англомовні фахівці по традиції часто називають SQL "сіквел", замість "ес-кью-ел".
Метою розробки було створення простої непроцедурної мови, якою зміг би скористатися будь-який користувач, що навіть не має навичок програмування. Власне розробкою мови запитів займалися Дональд Чемберлін та Рей Бойс.
Варто зазначити, що SEQUEL не була єдиною мовою подібного призначення. У Каліфорнійському університеті в Берклі була розроблена некомерційна СУБД Ingres (що була, між іншим, дальнім прародичем популярної зараз некомерційної СУБД PostgreSQL), яка була реляційною СУБД, але використовувала свою власну мову QUEL, яка, проте, не витримала конкуренції за кількістю СУБД, що підтримували її, з мовою SQL.
Як і інші мови програмування, SQL має власний синтаксис. У синтаксичних конструкціях використовуються такі поняття, як ключові слова, оператори, інструкції, речення та ін.
У мові запитів SQL найчастіше використовуються такі оператори:
SELECT — визначає поля, із яких необхідно вибрати дані;
FROM — визначає таблицю, поля якої вказано в реченні SELECT; ключові слова SELECT і FROM завжди використовуються разом;
WHERE — визначає умову відбору полів, за якою вибираються дані;
ORDER BY — визначає порядок сортування отриманих результатів;
GROUP BY — визначає порядок групування записів.
Звіт - це об'єкт бази даних, який призначений для форматованого виведення необхідних даних з БД на екран комп'ютера або принтер. Звіти використовують попередньо створені таблиці або запити для представлення інформації з бази даних у вигляді документу.
Звіт являє собою текстовий документ Writer, в якому дані відображаються в організованому і відформатованому вигляді. У LibreOffice Base можна або створити звіт вручну за допомогою перетягування у вікні "Будівник звітів", або в напівавтоматичному режимі в серії діалогових вікон майстра звітів.
Рисунок 1. Приклад звіту
Крім текстової інформації звіти можуть включати в себе таблиці, діаграми, розрахунки, графічні елементи тощо. На рисунку 1 ви можете побачити звіт створений у системі створення звітів "Crystal Reports", яка взаємодіє з базою даних для відображення даних. LibreOffice Base має схожий функціонал та відрізнається своєю простотою у використанні.
Перед створення звіту потрібно поставити собі наступні запитання :
Яку інформацію ми хочемо відобразити в звіті?
Як має бути організована інформація?
Які таблиці та поля необхідні для надання цієї інформації?
Чи потрібно створити запит чи представлення оскільки ці поля розміщені в окремих таблицях?
Чи потрібно виконати якісь розрахунки перед додавання до звіту?
Пригадайте базу даних з попереднього уроку. На її основі створимо звіт в якому відобразимо прізвища та заробітні плати працівників згруповані за посадою.
На даному кроці обираємо таблицю або запит, та необхідні для звіту поля бази даних
Для переміщення полів до звіту скористайтесь кнопкою >
За потреби змінюємо назви полів. ( Наприклад змінити поле Оклад на Заробітня плата).
На даному етапі нам потрібно обрати за якими полями буде згруповано звіт. Якщо групування не є необхіжним просто натискаємо кнопку "Далі".
Сортування можливе лише за тим полем, яке обрано для групування.
Сортування може бути як за зростанням так і за спаданням.
У Libre Office Base є можливість сортувати звіт за кількому полями.
Обрати як буде організовано інформацію в звіті.
Обрати орієнтацію сторінок звіту.
На даному етапі ви можете вказати "Заголовок звіту", обрати тип звіту (статичний звіт не змінюється при оновлення бази даних, динамічний звіт буде кожен раз оновлювати інформацію при зміні значень полів які входять до звіту). При обраному пункті "Створити звіт зараз" - звіт буде одразу створено та відкрито у текстовому процесорі Writer, якщо обрати пункт "Змінити макет звіту" відкриється вікно конутруктора звітів у якому ви зможете додати додаткові такстові поля з поясненням, колонтитули, діаграми, тощо.
Після завершення створення звіту він матиме вигляд як на малюнку нижче, ви зможете також додати заголовок, додатковий текст, графічні об'єкти в середовищі Writer.
Занотуйте в зошиті етапи створення звіту в середовищі LibreOffice Base;
Користуючись базою даних biblioteka, яку ви створили на попередньому уроці створіть звіт на основі таблиці "ЧИТАЧІ" до якого включіть наступні поля:
Прізвище
Клас
Дата повернення
Інвентарний номер
Поле "Дата повернення" відобразіть в звіті як "Повернути книгу до".
Згрупуйте звіт за полем "Клас"
Надішліть результат виконання (файл бази даних або файл звіту) на адресу вчителя яку ви можете бачити в нижній частині цієї сторінки.
Для створення форми у режимі дизайну скористаємось базою даних "Бібілотека", завантажити яку можна за посиланням:
Створення форми буде розглянуто в системі управління базами даних Libre Office Base 7.1.0.3 яку можна завантажити за посиланням. До складу пакету Libre Office також входять такі програми як Writer, Calc, Impress, Draw та Math. Якщо ви не впевнені яку версію потрібно завантажувати, x64 або x32 - завантажуйте 32bit версію.
Для створення форми потрібно перейти до вкладки "Форми" та обрати пункт "Створення форми у режимі дизайну".
Додамо поля, які відповідають полям з таблиці "Книги", наприклад "Назва" та "Рік видання". Віджети текстового поля та напису можна побачити на зображенні. Для переходу між записами використвуємо навігаційну панель.
Для зміни текстового напису потрібно двічі натиснути на нього та ввести відповідний напис.
Для відображення даних у полях потрібно налаштувати властивості форми, та обрати джерело даних для форми.
Далі потрібно з'днати текстові поля з даними таблиці. Для цього двічі клацнути на текстовому полі та вибрати необхідні поля таблиці у вкладці "Дані".
Для введення та редагування даних форми потрібно додати усі поля таблиці крім ідентифікатора, так як показано на малюнку.
Властивості форми у режимі дизайну
Для створення нового запису, видалення або редагування існуючого потрібно скористатись навігаційною панеллю.
Перехресний запит - це також запит на вибірку даних із можливостями групування записів. Групування можна виконувати як за занченням полів, так і за значенням записів.
Запити, у яких використовуються функції називаються по різному, наприклад, підсумковими запитами, але найчастіше їх називають запитам з функціями.
Повторюємо пункти 1-3 попереднього завдання. Двічі додаємо поле "Посада", один раз "Номер магазина"
Для полів "Посада" і "Номер магазина" встановлюємо функцію "Групувати". Для дубльованого поля "Посада" встановлюємо функцію "Кількість" для підрахунку кількості працівників на цій посаді.
Виконавши запит (F5) ми можемо побачити що в другій колонці ми отримали кількість працівників на даній професії. Зверніть увагу на пріорітет групування (перехресний запит). Спочатку таблиця групується за першим полем (а саме "Посада"), а вже потім за "Номером магазину".
Виконайте практичне завдання, створіть базу даних bibliotekа та заповніть відповідно до зразку нижче.
Таблиця 1. Читачі
Таблиця 2. Книги
Створіть запити з критеріями
У таблиці Книги знайдіть усі записи, у полі Автор яких є прізвище Мехеда О. Н.
У таблиці Книги знайдіть книжки, видані у 2015 році.
У таблиці Учні знайдіть записи, у полі Дата повернення яких є дата 30.03.2018
Дані до таблиці можна вводити за допомогою форм або безпосередньо в таблицю.
Для введення даних безпосередньо в таблицю просто відкриваємо таблицю подвійним клацанням та вводимо відповідні дані. Будьте уважні! Дані потрібно вводити записами, тобто рядками, якщо вводити дані по стовпцям це може призвести до помилки та звести нанівець усю вашу роботу.
Введення даних у режимі таблиці на прикладі таблиці "Книги" бази даних "Бібліотека"
Для введення даних у режимі форми потрібно створити відповідну форму, перейти до розділу форми та обрати "Створити форму з використанням помічника"
Створення форми
У спливаючому вікні обрати всі поля натиснувши кнопку >> та натиснути кнопку "Завершити"
Поля форми
Створена форма
Для пошуку даних можна скористатись спеціальним інструментом "Знайти запис" який доступний як у формі так і в таблиці. При клацанні на який виникає спливаюче вікно, як показано нижче, в якому можна вказати параметри пошуку.
Параметри пошуку
Редагування даних можна здійснювати аналогічно до створення, головне правило - не змінювати первинний ключ. Якщо редагування недоступне, потрібно клацнути на відповідний інструмент, як показано на малюнку.
Інструмент редагування даних