
- •Тема 5. Основи дизайну та принципи створення
- •Гармонія кольорів
- •Шрифт і текст
- •Поєднання і баланс. Контраст. Динаміка. Контраст
- •Динаміка
- •3.Типи сайтів.
- •4.Створення сайту. Формат сторінки. Заголовки. Навігація. Створення сайту
- •7. Доопрацювання за наслідками тестування. Формат сторінки
- •5. Блоки тексту.
- •6. Векторна і растрова графіка
- •7. Функції і призначення графіки (виставочна графіка, фон, банер, візуальна графіка)
- •Тема 6. Системи управління контентом План
- •Поняття cms
- •Способи роботи. Шаблони сайтів.
- •3 Статті сайту та їх ієрархія
- •1. Картинка до статті
- •2. Основний текст статті.
- •3. Приналежність до категорій.
- •4. Додаткові модулі
- •5 Особливості Joomla, osComerse, Drupal, Moodle
Поєднання і баланс. Контраст. Динаміка. Контраст
Коли люди починають думати про контраст, перше, що спадає їм на думку, це чорно-білі кольори. Але контраст – це не лише колір. Контрастними можуть бути фігури (коло, квадрат), розміри (великий, маленький), текстури (гладенька і шорстка) і т.д. Вводячи контраст в дизайн, думайте поза колір. Не забувайте, що з ним можна легко перебільшити. Контраст - це взаємодія протилежних елементів композиції, таких як колір, розмір, текстура.
Динаміка
Динамічна веб-сторінка (англ. dynamic web page) — веб-сторінка, вміст якої може змінюватись.
В початковому варіанті гіпертекстова навігація відбувалася між «статичними» документами. Однак з часом до веб-сторінок було додано інтерактивності, і такі сторінки почали називати динамічними. Наповнення (контент) такої веб-сторінки може замінюватися в залежності від певних умов та/або дій.
Існує два шляхи для створення динамічних сторінок:
Використання скриптів, що виконуються в браузері користувача (англ. client-side scripting) для зміни вмісту сторінки в залежності від певних дій користувача. Для зміни не потрібно повного перезавантаження сторінки.
Використання програм, що виконуються на сервері (англ. server-side scripting) для зміни наповнення сторінки, що передається браузеру користувача. Інформація може змінюватися в залежності від даних, відправлених у HTML формі, параметрів в URL, типу браузера, дати або часу доби та інших умов.
Результат використання будь-якої техніки може бути описано як динамічну веб-сторінку.
Сторінки, побудовані за першим варіантом зазвичай використовують скриптові мови що використовуються для Dynamic HTML (DHTML) — JavaScript або ActionScript. Для додавання відео, звуків та графічних ефектів може бути використано технологію Flash.
Починаючи з 2005 року почала здобувати популярність технологія AJAX, що дозволяє доставляти інформацію з сервера без перезавантаження сторінки.
Сторінки, побудовані за другим варіантом можуть використовувати такі скриптові мови як PHP, Perl, ASP, JSP та інші.
3.Типи сайтів.
Cайт-візитка
Сайт-візитка - це міні-сайт, який складається не більше ніж з 10 сторінок і надає найбільш важливу інформацію про компанію, товари і послуги, а також контактні дані. Переваги: Економія коштів на розповсюдження інформації про фірму, а також проведення маркетингових досліджень; Клієнти легко можуть знайти потрібну інформацію про продукти, а також про компанії; Співробітники менше відволікаються на телефонні дзвінки надаючи інформацію, яку можна розмістити на сайті; Ваші потенційні партнери можуть легше знайти інформацію про вашу фірму в мережі.
Корпоративний сайт
Корпоративний сайт - це сайт, який виконує функції як сайту-візитки, так і електронного магазину або каталогу. Зазвичай це дизайн, який зроблений на основі логотипу і корпоративного стилю, інформації про компанію. Такий сайт як правило, містить новини, інформаційні сторінки, каталог товарів або послуг та форму заявки або форму для зв'язку. Корпоративні сайти можуть містити системи, які дозволяють взаємодіяти з партнерами (обмін документами, швидке формування замовлення з урахуванням історії переговорів, онлайнові переговори і так далі.)Корпоративний сайт містить повну інформацію про організацію: цілі, завдання, політика, керівництво, принципи роботи, плани розвитку. Переваги: Такий тип сайту дає можливість значно заощадити на операційних витратах.
Промо-сайт
Це рекламно-іміджевий сайт. В основному створюється для просування продукту, послуги або компанії, бренду або події. Такий сайт створюється з метою залучення уваги. Одне з основних завдань промо-сайту спонукати користувача до дії.Такі сайти, як правило, являють собою цікавий дорогий дизайн і невеликий обсяг інформації. Переваги: Реклама, привернення уваги до компанії, події, продукту.
Вітрина (каталог)
Такі сайти містять асортимент товарів або послуг з цінами, зображеннями, посиланнями, документацією, зручним пошуком, прайс-листами, доступними для перегляду та скачування. Переваги: Немає необхідності друкувати каталог продукції на папері; Немає обмеження на обсяг інформації.
Інтернет-магазин
Різновид каталогу з можливістю здійснити або почати покупку через інтернет. Може включати замовлення, оплату, відстеження замовлення. Переваги: Економія на складських приміщеннях, для того, щоб виставити товар на продаж в інтернет Вам необов'язково мати його в наявності на складі. Витрати на створення інтернет-магазину значно менше, ніж на відкриття реальних торгових точок. До того ж, розширюється географія продажів.
Портал
Портал-це великий тематичний сайт з великою кількістю служб і сервісів. Сервіси сайту містять пошту, чати, форуми, конструктори особистих сторінок, а зміст обов'язково має включати каталог, новини, огляди, ігри та інше. Такий тип сайтів дозволяє організовувати ефективну взаємодію з клієнтами та партнерами.
Соціальні сервіси та Web 2.0
Сайти даного типу містять інформацію, створену відвідувачами. Це є одним з найпопулярніших способів стимулювати активність на сайтах.
Представити три екранні копії web-сайтів та вказати особливості їх дизайну.