Відмінності між версіями «17 Техніка створення веб-графіки»
м (Захист на 17 Техніка створення веб-графіки встановлено ([edit=sysop] (безстроково) [move=sysop] (безстроково))) |
Vorobel (Обговорення • внесок) м |
||
| Рядок 1: | Рядок 1: | ||
| − | Створення та оптимізація графіки - | + | '''Створення та оптимізація графіки''' - складне й примхливе завдання. Безумовно, можливе створення Web-сторінки і без використання графіки - за допомогою шрифтів, скриптів і таблиць стилів (CSS) - і це буде красиво і стильно. |
| − | Растрова графіка являє собою сітку (растр), осередки якої називаються пікселями. Кожен піксель растровому зображенні має | + | |
| + | Растрова графіка являє собою сітку (растр), осередки якої називаються пікселями. Кожен піксель растровому зображенні має строге місце розташування і колір, отже будь-який об'єкт представляється програмою як набір пофарбованих пікселів. | ||
| + | |||
Векторні зображення формуються на основі математично описаних фігур, які називаються векторами, а вид зображення визначається параметрами векторів. Іншими словами, векторна графіка складається з кривих, що мають координати, колір та інші параметри, а також замкнутих областей, заповнених певним кольором. | Векторні зображення формуються на основі математично описаних фігур, які називаються векторами, а вид зображення визначається параметрами векторів. Іншими словами, векторна графіка складається з кривих, що мають координати, колір та інші параметри, а також замкнутих областей, заповнених певним кольором. | ||
| − | ''Редактори растрової графіки:'' Microsoft Paint, Adobe, Photoshop, ImageReady,, PhotoPaint, Painter, | + | ''Редактори растрової графіки:'' Microsoft Paint, Adobe, Photoshop, ImageReady,, PhotoPaint, Painter, Microsoft Photo Editor, Microsoft Photo DRAW. |
| − | ''Редактори векторної графіки:''Adobe Illustrator, CorelDraw, Adobe Streamline | + | ''Редактори векторної графіки:''Adobe Illustrator, CorelDraw, Adobe Streamline. |
| − | Коли Web-сторінка зберігається у форматі HTML вперше, всі малюнки перетворюються у формати GIF або JPEG. | + | Коли Web-сторінка зберігається у форматі HTML вперше, всі малюнки перетворюються у формати GIF або JPEG. Щоб вставити малюнок у Web-сторінку, виберіть команду Малюнок в меню Вставка, а потім команду З файлу або Картинки. Якщо вставляється малюнок записаний у форматі JPG, він зберігається в форматі JPG. Якщо малюнок записаний в іншому форматі, наприклад, TIF, він перетворюється у формат GIF. Якщо малюнок вставляється з файлу, при збереженні він копіюється в ту ж папку, що і Web-сторінка, якщо не встановлено прапорець |
| − | Щоб вставити малюнок у Web-сторінку, виберіть команду Малюнок в меню Вставка, а потім команду З файлу або Картинки. Якщо вставляється малюнок записаний у форматі JPG, він зберігається в форматі JPG. Якщо малюнок записаний в іншому форматі, наприклад, TIF, він перетворюється у формат GIF. Якщо малюнок вставляється з файлу, при збереженні він копіюється в ту ж папку, що і Web-сторінка, якщо не встановлено прапорець | + | |
Вставлений на Web-сторінку малюнок за умовчанням вирівнюється по лівому полю. Розташування тексту і малюнків можна задати додатково за допомогою таблиці. | Вставлений на Web-сторінку малюнок за умовчанням вирівнюється по лівому полю. Розташування тексту і малюнків можна задати додатково за допомогою таблиці. | ||
Графічні об'єкти - наприклад, автофігури, написи і фігурний текст - можна використовувати в якості об'єктів типу «Рисунок Microsoft Word». Після закриття документа ці елементи не можна буде знову відредагувати. Вони будуть перетворені в зображення формату GIF. | Графічні об'єкти - наприклад, автофігури, написи і фігурний текст - можна використовувати в якості об'єктів типу «Рисунок Microsoft Word». Після закриття документа ці елементи не можна буде знову відредагувати. Вони будуть перетворені в зображення формату GIF. | ||
Поточна версія на 16:09, 20 червня 2013
Створення та оптимізація графіки - складне й примхливе завдання. Безумовно, можливе створення 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.
