Довідка

Методи створення та збереження зображень для веб-сторінок.

Дізнаємось

Які методи використовують для створення графіки для вебу (векторна/растрова, макети, експорт)

Формати збереження зображень (JPG, PNG, SVG, WebP, GIF) — порівняння

Що таке компресія та як вона впливає на якість

Як налаштовувати параметри експорту (роздільна здатність, прозорість, кольори, оптимізація для Retina-екранів)

Що таке адаптивні зображення (srcset, sizes)

Навчимось

Створювати графіку у векторному або растровому редакторі

Зберігати зображення у відповідному форматі з оптимальними параметрами

Зменшувати вагу файлів без суттєвої втрати якості

Правильно вставляти графіку в HTML з урахуванням формату й розміру

Матеріали

Проблемні питання

Доступно тільки для зареєстрованих користувачів

Д.з.

Доступно тільки для зареєстрованих користувачів

№	Тема
1 практичні заняття
1	Інформаційні системи як важливі склад-ники й ознаки сучасного суспільства. Сучасні інформаційні технології та системи
2	Проблеми інформаційної безпеки. Загрози при роботі в Інтернеті і їх усунення
3	Навчання в Інтернеті. Професії майбутнього
4	Інтернет-маркетинг та інтернет-банкінг. Системи електронного урядування. Штучний інтелект, інтернет речей, Smart-технології
5	Комп’ютерне моделювання об’єктів і процесів. Комп’ютерний експеримент
6	Основи статистичного аналізу даних. Проведення соціального збору даних та їх аналіз
7	Програмні засоби для складних обчислень, аналізу даних та фінансових розрахунків
8	Візуалізація рядів і трендів даних. Інфографіка. Розв’язування задач з різних предметних галузей.
9	Поняття бази даних і систем керування базами даних, їх призначення. Модель «сутність – зв’язок» предметної області
10	Реляційні бази даних, їхні об’єкти. Ключі й зовнішні ключі. Зв’язки між записами і таблицями. Створення і опрацювання таблиць
11	Впорядкування, пошук і фільтрування даних
12	Запити на вибірку даних. Створення запитів
13	Технології опрацювання мультимедійних даних. Опрацювання аудіо- та відеоданих
14	Системи керування вмістом для веб-ресурсів. Створення та адміністрування сайту
15	Поняття про мову розмітки гіпертекстового документа. Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках
16	Ергономіка розміщення відомостей на веб-сторінці
2 практичні заняття
1	Поняття документу. Призначення та класифікація документів. Документообіг. Загальні правила оформлення документів
2	Стиль ділового листування. Логічні елементи тексту та порядок його викладення
3	Реквізити документа.
4	Використання шаблону та формуляр-зразка документа
5	Оформлення бібліографічних списків та покажчиків. Правила та вимоги оформлення письмової роботи
6	Стандарти та уніфіковані системи документації
7	Системи управління електронними доку-ментами. Класифікація офісної техніки
8	Засоби створення, зберігання, обробки, копіювання і транспортування документів
9	Програмні засоби обробки документів та інформації
10	Види систем обробки текстів. Комунікаційні технології
11	Технічні засоби обробки документів та інформації
12	Електронний документ, його ознаки та правовий статус. Електронний документообіг
13	Електронний цифровий підпис. Особистий та відкритий ключі. Сертифікат відкритого ключа
14	ОCR-технології для розпізнавання паперових документів
15	Забезпечення конфіденційності електронних документів. Електронний офіс
16	Виконання індивідуальних та колективних проектів
17	Повторення і систематизація знань модуля «Основи електронного документообігу»
18	Види і типи сайтів. Цільова аудиторія
19	Запуск проекту «Розробка власного сайта».
20	Основні тренди у веб-дизайні
21	Інформаційна структура сайта.
22	Технології розробки сайтів. Інструменти розробки сайтів.
23	Створення макету інформаційної структури сайта. Практична робота
24	Мова гіпертекстової розмітки.
25	Каскадні таблиці стилів.
26	Верстка веб-сторінок.
27	Адаптивна верстка.
28	Кросбраузерність.
29	Створення веб-сторінок. Практична робота
30	Створення веб-сторінок.
31	Графіка для веб-середовища.
32	Методи створення та збереження зображень для веб-сторінок.
33	Анімаційні ефекти.
34	Мультимедіа на веб-сторінках.
35	Застосування гіпертекстових, графічних, анімаційних та мультимедійних елементів на веб-сторінках. Практична робота

Довідка ЛКЛАУД ІД 381