Засоби створення графічних зображень

Для розміщення на Web-сторінках

Найпростішим засобом створення графічних зображень для розміщення у Web-сторінках може слугувати стандартний графічний редактор Paint операційної системи Windows.

Для створення складніших (анімованих) графічних зображень використовують спеціалізовані графічні редактори зі спеціальними засобами створення та опрацювання зображень.

Зміна графічних зображень для розмщення на

Web-сторінках за допомогою графічного редактора Paint

1. Відкрити або створити зображення.

2.Викликати послугу меню Файл/ Сохранить как....

3.Вказати назву файла латинськими літерами.

4.У списку Тип файла вибрати необхідний тип файла.

5.Натиснути кнопку Сохранить (рис. 23).

 

Рис. 23. Biкно вибору типу файла

Завдання для виконання

1. Вказати, який критерій найбільше впливає на час завантаження графічного зображення:

а) фізичний розмір зображення;

б) кількість кольорів у зображені;

в) колірна модель зображення;

г) роздільна здатність зображення;

д) метод компресії файла зображення.

2. Вказати формати графічних файлів для розміщення зображень в Інтернеті:

а) .рсх _____________________

б) .gif ______________________

в) .tiff _____________________

г) .jpg ______________________

д) .cdr ______________________

е) .bmp _____________________

є) .png ______________________

ж) .wmf _____________________

3. Зазначити оптимальний формат подання графічних зображень для вказаних типів зображень:

а) рисунок без текстових надписів ________________________

б) фотографія ___________________________________________

в) рекламний банер ___________________________________

г) рисунок з текстовими надписами _______________________

4.Вказати різницю у форматах подання графічних зображень для Web (gif, png, jpg): ______________________________________________________________________________________________________________________

5.Завантажити графічний редактор PaintBrush. Розробити логотип групи. Зберегти графічне зображення на диск.

6.Доповнити розроблені на попередньому занятті сторінки, файл H1_1-прізвище.html створеним логотипом.

7. Зберегти роботу.

8.Перевірити правильність відображення сторінки в Інтернет-переглядачі.

9.Виконати завдання для самостійної роботи.

Завдання для самостійного виконання

1. Розробити логотип фірми «Зодіак» для розміщення його на Web-сторінці y форматі .gif та .png.

2. Розробити анімований логотип фірми «Зодіак» для розміщення його на Web-сторінці у форматі .gif (самостійно).

3. Підготувати фотографію привілейованого працівника фірми «Зодіак» для розміщення на сайті фірми. Фотографію підготувати у форматі .jpeg (.jpg).

4. Доповнити сторінку фірми «Зодіак», файл H1_1-npiзвище.html, розробленими графічними елементами.

Запитання для контролю

1. Способи формування графічних зображень. Пристрої введен­ня графічних зображень.

2.Растровий та векторний спосіб подання графічної інформації. Типи графічних зображень для використання у Web-сторінках.

3.Основні характеристики зображення. Колірна роздільна здатність.

4.Основні характеристики зображення. Роздільна здатність.

5.Основні характеристики зображення. Коларна модель.

6.Основні характеристики зображення. Колірна палітра. Палітра для графічних зображень на Web-сторінках.

7. Системи опрацювання графічної інформації.

8.Формати збереження графічних файлів. Формати збереження графічних файлів для використання у Web-сторінках.

9.Як додати графічне зображення до Web-сторінки?

10.Які параметри може мати тег IMG?

11.За допомогою якого тегу вставляють гіперпосилання?

12.Яке призначення параметрів LINK, VLINK, ALINK?

13.Як графічне зображення зробити гіперпосиланням?

14.Які види посилань є у межах однієї Web-сторінки?

15.Що таке якір?

16.Як вставити у web-документ звук чи відеозображення?

ЛАБОРАТОРНА РОБОТА № 9

Тема. Розробка HTML-сторінок з використанням Web-редак­тора Mozilla Конструктор.

Мета: навчити розробляти HTML-сторінки (сайти), використовуючи редактор HTML-сторінок Mozilla Конструктор.

Час виконання: 2 год.

ХІД РОБОТИ

Теоретичні відомості

Планування майбутньої Web-сторінки, сайту

1. Визначитися з темою майбутньої Web-сторінки, сайту.

2.Для сайту визначитися з необхідною кількістю сторінок.

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

4.Дабрати необхідні графічні зображення.

5.Визначитися зі способом подання текстового матеріалу: виділення шрифтами, структурування на розділи, таблиці, списки тощо.

6.Розробити орієнтовний макет кожної сторінки Web-сайту, вказавши розміщення основних структурних блоків:

а) заголовок;

б) абзац, текст;

в) таблиця;

г) список;

д) рисунок;

е) посилання.

7. Обрати засоби розробки Web-сторінки, сайту.