
- •Міністерство освіти і науки України
- •Основи web-дизайну
- •Розповсюдження і тиражування без офіційного дозволу кнтеу заборонено
- •Основи web-дизайну
- •Загальна характеристика лабораторного проекту
- •Лабораторна робота № 1 прикладне web-проектування в середовищі
- •Загальні методичні рекомендації
- •Методичні рекомендації та технологія виконання практичного завдання
- •II. Створення змістовної частини
- •Iiі. Створення web-документа
- •Індивідуальні завдання до Лабораторної роботи № 1
- •Вартість землі у Київській області
- •Аналіз курсів валют нбу
- •Вартість землі (ціни на землю)
- •Вартість оренди 3-кімнатних квартир
- •Продаж квартир на вторинному ринку
- •Продаж квартир на вторинному ринку
- •Наявні курси валют комерційних банків станом на 09.10.2009
- •Вартість оренди 2-комнатних квартир
- •Наявні курси валют у банках на 09.10.2009
- •Вартість оренди 1-кімнатних квартир
- •Наявні курси валют по банкам на 09.10.2009
- •Вартість домов (ціни на дома)
- •Наявні курси валют у банках на 09.10.2009
- •Вартість земельних ділянок під індивідуальне житлове будівництво у м. Києві
- •Продаж квартир на вторинному ринку
- •Продаж квартир на вторинному ринку
- •Курси валют нбу
- •Вартість будинків
- •Аналіз ринку збуту комп’ютерів у регіоні
- •Тематика рефератів
- •Лабораторна робота № 2 обробка растрових та векторних зображень
- •3.1. Загальні методичні рекомендації
- •3.2. Практичне завдання та технологія його виконання
- •Робота з векторною графікою
- •Індивідуальні завдання для роботи з векторною графікою
- •Робота із растровими зображеннями
- •Iiі. Розробка web-сторінки засобами пакета CorelDraw
- •Лабораторна робота № 3 візуальне web-проектування в середовищі macromedia dreamweaver
- •Загальні методичні рекомендації
- •Теоретичний вступ
- •Практичне завдання та технологія його виконання
- •I. Створення моделі сайту в середовищі Dreamveawer
- •II. Розробка макета головної сторінки лабораторного проекту
- •Iiі. Форматування головної сторінки сайту проекту
- •IV. Зборка та тестування сайту лабораторного проекту
- •Список рекомендованих джерел
Індивідуальні завдання для роботи з векторною графікою
Варіант 1 |
Варіант 2 |
Варіант 3 |
|
|
|
Варіант 4 |
Варіант 5 |
Варіант 6 |
|
|
|
Закінчення табл. 1
Варіант 7 |
Варіант 8 |
Варіант 9 |
|
|
|
Варіант 10 |
Варіант 11 |
Варіант 12 |
|
|
|
Робота із растровими зображеннями
На цьому етапі виконується два завдання:
підготовка растрового (фотореалістичного) зображення, на прикладі герба Університету. Для його публікації у web здійснюється: підгонка розміру, перетворення форматів, використання деяких найпростіших ефектів;
створення власного банера лабораторного проекту.
Для обробки растрового зображення виконуються такі дії.
Використовуючи функцію CorelDraw Запуск Приложений, загрузити редактор растрової графіки Corel PHOTO-PAINT:
Відкрити в середовищі Corel PHOTO-PAINT малий герб КНТЕУ (ім’я – small.jpg), який знаходиться у папці «Герби університету», розташованій на файловому сервері:
Зменшити розмір герба до висоти 200 пікселей у пропорційному режимі. Виконати команду Изображение-Пересчитать…:
Коли відкриється вікно Повторная выборка, в ньому слід встановити новий розмір герба:
У результаті герб буде мати такий вигляд:
Встановити 8-бітову палітру зображення для збереження герба у форматі GIF. Для цього виконати команду Цветовой режим-Палитра(8-bit)… із меню Изображение:
Відкриється вікно налагодження параметрів конвертації, в якому встановити тип палітри Оптимизированные, яка дає найкращій результат конвертації:
ПРИМІТКА: конвертування у 8-бітову палітру є обов’язковою умовою збереження малюнку у форматі .GIF.
Зберегти герб у своїй папці та передбачити прозорість білого фону. При виконанні стандартної команди збереження файла у вікні збереження встановити йог .GIF:
У вікні, яке відкривається після натискання кнопки Сохранить, встановити оптимізовану палітру, потім – прозорість фону. Для цього включити опцію Цвет Изоб. та, за допомогою інструмента «піпетка», вибрати білий колір на первинному малюнку:
У результаті отримаємо перетворене зображення:
Банер лабораторного проекту повинен мати таку структуру:
Для банеру необхідно встановити такі параметри розмір 600х130 пікселей та зберегти у форматі JPG з ім’ям baner.jpg. Ефекти, шрифти та фон банера можна вибирати самостійно.
Розглянемо коротко технологію створення банеру.
У середовищі Corel PHOTO-PAINT виконати стандартну команду створення нового файла. Після її виконання відкриється вікно встановлення параметрів нового зображення. Встановити параметри відповідно до умов завдання:
Після натискання кнопки ОК відкриється вікно для створення нового зображення:
Використовуючи інструмент
, розміщений на панелі інструментів, створити необхідні текстові об’єкти. При цьому безпосередньо перед вводом тексту встановити тип шрифту (Arial), його розмір, колір та регістр клавіатури.
Зберегти створений малюнок у форматі .JPG.