17 Техніка створення веб-графіки

Матеріал з Wiki TNEU
Перейти до: навігація, пошук

Створення та оптимізація графіки - складне й примхливе завдання. Безумовно, можливе створення Web-сторінки і без використання графіки - за допомогою шрифтів, скриптів і таблиць стилів (CSS) - і це буде красиво і стильно.

Растрова графіка являє собою сітку (растр), осередки якої називаються пікселями. Кожен піксель растровому зображенні має строге місце розташування і колір, отже будь-який об'єкт представляється програмою як набір пофарбованих пікселів.

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

Редактори растрової графіки: Microsoft Paint, Adobe, Photoshop, ImageReady,, PhotoPaint, Painter, Microsoft Photo Editor, Microsoft Photo DRAW.

Редактори векторної графіки:Adobe Illustrator, CorelDraw, Adobe Streamline.

Коли Web-сторінка зберігається у форматі HTML вперше, всі малюнки перетворюються у формати GIF або JPEG. Щоб вставити малюнок у Web-сторінку, виберіть команду Малюнок в меню Вставка, а потім команду З файлу або Картинки. Якщо вставляється малюнок записаний у форматі JPG, він зберігається в форматі JPG. Якщо малюнок записаний в іншому форматі, наприклад, TIF, він перетворюється у формат GIF. Якщо малюнок вставляється з файлу, при збереженні він копіюється в ту ж папку, що і Web-сторінка, якщо не встановлено прапорець Вставлений на Web-сторінку малюнок за умовчанням вирівнюється по лівому полю. Розташування тексту і малюнків можна задати додатково за допомогою таблиці.

Графічні об'єкти - наприклад, автофігури, написи і фігурний текст - можна використовувати в якості об'єктів типу «Рисунок Microsoft Word». Після закриття документа ці елементи не можна буде знову відредагувати. Вони будуть перетворені в зображення формату GIF.

Особисті інструменти
Простори назв

Варіанти
Дії
Навігація
Інструменти