Види комп’ютерної графіки:
Растрова,  векторна,  тривимірна, фрактальна
Растрове зображення — це набір пікселів, тобто кольорових точок, розташованих на правильній сітці.
 Векторні зображення складаються з простих об’єктів - примітивів. Основні графічні примітиви: лінії, еліпси, кола, многокутники, зірки тощо.
Тривимірні зображення створюються за допомогою проекційного зміщення (так як показано на асфальті) та за допомогою спеціальних програм де відбувається детальна побудова зображення в тривимірній площині.
Фрактал (лат. frасtus — складений із фрагментів) — це зображення, яке складається   з подібних між собою елементів. Думаю кожен із вас бачив такі зображення.
Серед безлічі програм для створення та редагування зображень можна визначити такі як Adobe Photoshop, Adobe Illustrator, CorelDraw, 3DMax
Кожне зображення в кінцевому результаті має бути збережене. Та зберігати можна в декількох варіаціях, тобто в різних форматах. Давайте розберемо в чому їх відмінність.

·        .jpeg(він же .jpg) – найбільш популярний формат збереження. Популярності він набув через те, що при збереженні графічні дані і стискають і одночасно відбувається невелика втрата даних. Тобто зображення в такому форматі і якісне, і займає відносно не багато пам’яті.

·        .tiff – це формат який повністю та точно передає якість зображення, але його недоліком є те, що він має набагато більший розмір ніж попередній формат.

·        .psd – це формат зображення, який застосовується для того щоб зберегти проміжне зображення (щоб можна було потім редагувати його).

·        .bmp – це один з найперших графічних форматів. На даний час його повністю обігнали в можливостях інші формати, але він і досі існує та може відкритись на будь-якому комп’ютері з операційною системою Windows.

·        .gif – цей формат призначено для збереження анімацій. Його було створено ще на початку створення Інтернету з метою обміну зображеннями. 

·        .png – головна перевага даного формату в тому, що існує можливість збереження зображення з прозорим фоном.

Опрацювати вивчений матеріал. Підготуватись до тестової перевірки знань по темах «Поняття веб-дизайну. Основні тренди веб-дизайну.» та «Типи сайтів та їх особливості. Цільова аудиторія.».

 Перед початком розроблення сайту потрібно чітко визначитись в якому напрямку ми будемо працювати. Існують таки види сайтів як:

1.     Landing Page – цільова сторінка котра є продовженням рекламного повідомлення після натискання користувачем по гіперпосиланню. Існує декілька маркетингових стратегій для створення таких сторінок:

·        Оформлення покупки;

·        Розпродаж, промоакція;

·        Збір контактних даних;

·        Підписка на розсилку новин, акцій;

·        Реєстрація на сайті;

·        Завантаження програмного забезпечення.

2.     Сайт-візитка – ресурс направлений на надання інформації про людину чи групу людей, опис послуг чи цін, розміщення портфоліо, книги відгуків та контактних даних.

3.     Форум – устарілий, але не втрачаючий актуальності веб-ресурс орієнтовані на обмін думками та досвідом, вирішення побутових та соціально важливих питань. Зазвичай широко популярні форму ми на тематики: сім’я, стиль, ігри, фінанси, хобі, кулінарія і т.д.

4.     Блог або як ще його називають «Онлайн щоденник». Напрямок створення блогів орієнтований на самовираження, залучення уваги або заробіток. Причому останній має прямий і не прямий. Прямий – продаж продукції чи наданні інформаційного матеріалу використовуючи підписку, а не прямий – розміщення рекламних повідомлень на ресурсі.

5.     Сайт новин – ресурс котрий висвітлює інформаційні новини. Виділяють тематичні новинні сайти та широкомасштабні, котрі здатні охопити декілька тематик.

6.     Інформаційні сайти або ж SEO ресурси. Специфіка такого сайту в тому, що для просування одного товару чи групи схожих товарів створюється окремий сайт, котрий «заточується» під окрему групу ключових записів та виводиться по них в топ видачі пошукових систем.

7.     Корпоративні сайти призначені, щоб представити користувачам інформацію про компанію, надати необхідні відомості та сервіси для взаємодії. Яскравими прикладами можуть бути «УкрТелеком», «НоваПошта» чи сайти енергетичних компаній де можна оплатити наприклад кошти за електроенергію.

8.     Інтернет магазин. Це поєднання слів, точно вам відоме. Вже давно розпочався стрімкий перехід торгівлі в онлайн. Такі ресурси діляться на тих, що самостійно продають власні товари, або так звані «дошки оголошень» де ви можете на безкоштовних або платних умовах продавати власні товари.

9.     Інтернет-портали – ресурси котрі зосередженні на наданні інформації користувачам в межа міста, району, області чи всієї країни. Даний сайт містить багато блоків та розділів котрі можуть містити новини, прогнози погоди, вакансії роботи, оголошення та ін. Такі ресурси, завдяки тому, що об’єднують кілька напрямків, досить складні в створенні та потребують великої кількості фахівців. 

10.                        Онлайн-сервіси – це окремі сайти або складові вже готових ресурсів котрі допомагають користувачеві вирішити ряд проблем, котрі пов’язані з певним питанням. Також можуть допомагати навіть вести бізнес. Наприклад онлайн-сервіс банку «Аваль» допомагає розрахувати суму кредитування та виплат, а онлайн біржа дозволяє купувати та продавати різні валюти в реальному часі. Google документи – це також набір сервісів для допомоги роботи з документами в режимі онлайн.

Перейдемо до питання цільової аудиторії? Чому на вашу думку це важливе питання? Перед тим, як створювати сайт, ви повинні себе запитати: «А для кого я роблю свій сайт?», «Хто буде на нього заходити?» і так далі. 

Існує декілька видів аудиторії:

·        Аудиторія, що зацікавлена інформаційним вмістом.

·        Аудиторія, що зацікавлена товарами та продуктами з метою придбання.

·        Аудиторія котрій подобаються ті чи інші продукти, що представлені.

Також потрібно буде визначитись, який буде тип доступу до ресурсу. Відритий – користувачі вільно зможуть аналізувати отриману інформацію та залишати коментарі. Заритий – інформація (повністю чи частково) буде прихована та буде надаватись лише певним групам людей (це стосується і коментарів).

Для прогнозування цільової аудиторії потрібно скласти портрет відвідувача. 

 

• Практичне завдання 
Відвідайте ресурси:
• https://prometheus.org.ua
• https://www.president.gov.ua
• https://pustunchik.ua/ua
• https://24tv.ua

8zhttps://www.youtube.com/watch?reload=9&v=EY4zo7YXEuU&feature=emb_logo

Перш ніж приступити до створення сайту в тій чи іншій тематиці поставте собі питання:

·        Для чого мій ресурс?

·        Чим я можу допомогти іншим користувачам, що можу донести?

·        Хто мої конкуренти?

·        Що я можу зробити краще ніж вони?

Щоб проаналізувати конкурентів ви можете ввести в пошуковій системі пошукові запити котрі стосуються тематики майбутнього вашого сайту, або якщо ваш сайт уже існує в мережі із певної інформацією перейти на сайт https://www.cy-pr.com/ та проаналізувати конкурентів автоматично.

Етап проектування включає в себе:

·        Структуру. Якщо ми говоримо про найпростіший статичний Web-сайт, то він складається з набору файлів, які містять інформацію. Між ними є зв'язок.

·        Зберігання даних. Розрізняють два типи даних: статичні й динамічні. Статичні жорстко «зашиті» в програму, змінити їх можна тільки виправивши сам текст програми. Наприклад – «Історія компанії».

·       Доступ до інформації можна організувати двома способами. Наприклад, розмістити дані на сервері і вони будуть використовуватись при генеруванні сторінок. У цьому випадку необхідно багато уваги приділяти питанням безпеки. Але це сповільнює роботу сервера. Тому, в деяких випадках, доцільно розмістити дані на іншому комп'ютері і періодично, на їх основі, генерувати сторінки й копіювати дані (інформацію) на сервер.

Практичне завдання подане нижче.   
 
Релаксація

Роботу нашу знов кидаймо,

Подалі погляд направляймо.

Роздивившись те, що далі,

Знов поглянем на деталі.

Роздивившись те, що далі,

Знов поглянем на деталі.

Роздивившись те, що далі,

Знов поглянем на деталі.

1.     Опишіть відомі Вам етапи розробки веб-сайту.

2.     Який на вашу думку є найважливіший? Чому?

3.     Що таке верстка?

4.     В чому полягає особливість технічного завдання?

Вивчити структуру розробки сайтів та підготуватись до практичної роботи.