Page 140 - 6442

електронними. Графіка – це складова наповнення і оформлення сайтів і створена тільки для
перегляду на екрані та не передбачає друку на принтері. На перше місце виходить розмір
файлу.
Для веб-графіки використовуються такі графічні формати: векторні - Adobe illustrator
(.ai), Corel Draw (.cdr), растрові - GIF (CompuServe Graphic Interchange Format), JPEG (Joint
Picture Expert Group) та PNG (Portable Network Graphics).
GIF (CompuServe Graphic Interchange Format)- - «формат обміну графічними
даними» використовується для збереження елементів оформлення сайту - рамок, кнопок,
куточків; скріншотів програм з таблицями або текстом; невеликих значків- «іконок», що
доповнюють текст; невеликих символів, гербів, емблем.
Переваги GIF - незначні розміри, досить точна передача зображення, стиснення даних
без втрат; підтримка простенких анімацій; підтримка прозорості (тільки у вигляді одного
кольору, який або повністю прозорий, або ні).
Цей формат має єдине обмеження - 256 кольорів, але, враховуючи, що формат
підтримує власну палітру, ці кольори можуть бути довільними: обмеження накладається
тільки на загальне число унікальних кольорів в межах картинки.
JPEG (Joint Picture Expert Group) «заточений» під упаковку фотографій і схожих з
ними картинок. (таких зображень, де майже гарантовано не вистачає 256 кольорів, але кожен
окремий піксель не відіграє суттєвої ролі).
Головна відмінна риса JPEG - різке скорочення об’єму файлу за рахунок незначних
втрат в самій картинці. В форматі JPG зберігають:великі фотографії; синтезовані зображення
(наприклад, роботи в 3DS Max); повноекранні скріншоти з ігор.
PNG-8 (Portable Network Graphics) – при малій кількості кольорів практично не дає
втрати якості. Він використовується для збереження мальованих зображень з великою
кількістю однорідних а кольором ділянок.
PNG-24 без втрати якості дає можливість зберігати напівпрозорість. Він
використовується при потребі максимальної якості або якісного накладання одного
зображення на інше.
Для збереження зображень використовують роздільну здатність – 72 ppi.

5.4.2 Проектування сайту

Спочатку треба продумати концепцію оформлення і підібрати контент, що відповідає
тематиці ресурсу. Потім іде робота над структурою макета (створення меню, розділів сайту,
сортування контента по розділах) і її доведення її до схеми (малюємо приблизну схему
розташування елементів на готовій сторінці).
Основними елементами є (рис. 5.7):
Логотип - займає, як правило, центральну частину сторінки і вирізняє ресурс інших;
Елементи навігації - розміщується у верхній частині сторінки горизонтально, рідше -
вертикально і містить посилання на основні розділи;
Футер - рядок внизу сайту з даними про розробника, права, посилання, кнопки
«Поділитися»; Основний блок, де розміщений контент - займає основну частину екрану,
текст завжди супроводжується малюнками, таблицями, схемами, анімацією і т. д.

139