- •Тема 1. Теорія веб-програмування
- •1.Загальне поняття про веб-програмування
- •2. Історія
- •1971-1989 Рік – перший обмін повідомленнями.
- •1995-1996 Рр. Мова програмування JavaScript. Каскадна таблиця стилів. Flash.
- •2000 Рік (травень) – реліз php4.
- •2000 Рік (грудень) – w3c та JavaScript.
- •2005 Рік – упровадження технології web 2.0.
- •3. Засоби веб-програмування
- •4. Система керування вмістом
- •Тема 2. Мова гіпертекстової розмітки html
- •1. Основні поняття мови html.
- •2. Історія розвитку html.
- •3. Розмітка
- •4. Елементи html-документа
- •5. Редактори html-документів
- •Wysiwyg-редактори
- •Редактори, що працюють з вихідним кодом
- •Тема 3. Система управління вмістом Joomla
- •Складові cms-системи
- •2. Системні вимоги до встановлення cms Joomla
- •3. Інсталяція cms Joomla
- •5. Адміністрування cms Joomla
- •Тема 4. Проектування сайтів
- •2. Класифікація web-сайтів (за призначенням)
- •2.1. Класифікація за призначенням
- •2.2 Класифікація сайтів за технологіями, що використовуються
- •Тема 5. Структура процесу розробки web-сайтів та web-додатків
- •1 Структура процесу розробки
- •2 Технічне завдання на розробку
- •2.1. Етапи та терміни створення сайту:
- •Структура сайту інституту
- •Наукові школи
- •Центри та лабораторії
- •Напрями наукових досліджень
- •Конференції та семінари
- •Видавнича діяльність
- •Контакти Тема 6. Ергономічні обмеження та рекомендації при web–дизайні
- •1. Обмеження по кількості елементів керування
- •2 Обмеження по розташуванню елементів керування
- •3. Обмеження по інформаційному наповненню
- •4. Графіка та текст.
- •5. Часові обмеження
- •1. Психогенний вплив
- •2. Колір при Web-дизайні
- •Тема 7. Програмування мовою html 5
- •П'ять речей, які треба знати про html5
- •2. Вам не треба відкидати наявне
- •3. Легко почати
- •4. Це вже працює
- •Перевірка технологій html5
- •10 Порад для створення html5-шаблонів
- •Можливі експерименти з html5
- •Переваги табличної верстки
- •4 Основних недоліка табличної верстки
- •Оптимізація html коду
- •Практичні завдання Розділ і. Лабораторна робота №1. Розробка структури сайту
- •Хід роботи
- •Визначення мети створення сайту та його тематики.
- •2. Визначення структури сайту
- •3. Визначення ключових слів
- •4. Добір доменного імені сайту.
- •Лабораторна робота №2. Основи використання дескрипторів мови html
- •Хід роботи
- •Теги форматування
- •Атрибут тега ul type відповідає за вигляд маркеру:
- •Встановлення кольору фону
- •Лабораторна робота №3. Створення веб-сторінки мовою html.
- •Хід роботи
- •Лабораторна робота №4. Робота з таблицями у html.
- •Хід роботи
- •Елементи таблиці
- •Атрибути елемента table
- •Атрибути елементів рядків і стовпців
- •Колір у таблицях
- •Об'єднання комірок таблиці
- •Контрольні запитання
- •Лабораторна робота №5. Використання зображень та посилань на веб-сторінці.
- •Теоретичні відомості
- •Зовнішні посиланн
- •Внутрішні посилання
- •Завдання: Створити галерею учнів 9 класів.
- •Питання для самоконтролю
- •Лабораторна робота №6. Створення персонального сайту за допомогою системи ucoz
- •Хід роботи
- •(Для завершення реєстрації перейти за цим посиланням:)
- •Індивідуальне завдання
- •Лабораторна робота №7. Налагодження модулів персонального сайту в системі ucoz
- •Хід роботи
- •Індивідуальні завдання
- •Розділ іі.(практичне застосування) Комплекс практичних робіт по створенню веб-сайту за допомогою системи управління контентом «WordPress»
- •Практична робота №1 Тема: Встановлення локального сервера. Встановлення україномовної версії «WordPress».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
Напрями наукових досліджень
Конференції та семінари
Видавнича діяльність
Журнали
Газети
Підручники
Монографії
Посібники
Статті у міжнародних реферованих виданнях
Навчальні програми
Інформаційні листи
Методичні рекомендації
Збірники
Довідники
Інші видання
Захист дисертацій –
Абітурієнту
Правила прийому
Напрями підготовки
Питання-відповіді
Онлайн-реєстрація (http://pk.npu.edu.ua/cgi-bin/entrant.cgi?n=999)
Контакти Тема 6. Ергономічні обмеження та рекомендації при web–дизайні
План
1. Обмеження на кількість елементів керування
2. Розташування інформації
3. Інформаційне наповнення
4. Графічна та текстова інформація
5. Часові обмеження при роботі з Web-сайтами та Web-додатками
6. Вплив кольору
Ергономічні обмеження та рекомендації при web-дизайні
Ергономіка (від грец. ergon - робота і nomos - закон) -прикладная наука, метою якої є пристосування праці до фізіологічних і психічних можливостей людини для забезпечення найбільш ефективної роботи, яка не створює загрози здоров'ю людини і виконується при мінімальній витраті біологічних ресурсів.
Одна з основних функцій Web-дизайнера це створення зручного інтерфейсу користувача з Web-сайтом. Зручний інтерфейс не можливо зробити без врахування ергономічних обмежень користувача. Частина ергономічних обмежень та рекомендацій враховується технічними засобами та інтерфейсом браузера користувача і Web-дизайнер на них не може впливати, а просто їх використовує. До цих обмежень відносяться формат екрана, розташування засобів керування, смуг прокручування та іншого. Але при створенні Web-сайту багато компонент керування та розміщування інформаційного наповнення Web-дизайнер робить самостійно і тому розглянемо деякі ергономічні обмеження та рекомендації.
1. Обмеження по кількості елементів керування
У 80-і роки дослідження кількості елементів керування, з яким людині зручно працювати було проведено фірмою ІВМ. У якості елементів керування розглядалося меню з яким працює користувач у діалоговій системі.
Експериментально досліджувалась залежність R=F(N) та T=F(N) де R - ймовірність помилки користувача при обмеженні часу пошуку; T – час витрачений на пошук необхідного елемента керування; N – кількість елементів керування. Отримана експериментальні залежності надано на малюнку.
Після 7-9 елементів керування (клавіш меню) визначається швидке зростання і R, і T. Горизонтальна ділянка графіка означає, що при менше 7-9 клавіш користувач не робить зорове сканування і майже не витрачає часу на пошук та має мінімум помилок. Мала кількість елементів керування не є оптимальним для користувача і часто викликає роздратування (краще –дискомфорт) користувача. Обґрунтувати це важко, але треба пам’ятати про магічне число - 7.
При визначенні клавіш є ще дві проблеми. Перша це кількість інформації закладеної у кожну клавішу. Нагадаю, що клавіша задає “Зміст” того, куди робиться з неї перехід, тобто повинна відповідати Вмісту інформації. Часто досить важко декількома словами надати відповідність вмісту. Ці питання краще вирішувати не Web-дизайнеру, а мати консультації із замовником, який може порадити метод скорочення («Про нас» чи «Про університет» ). Якщо у якості одиниці взяти одне слово, то краще не перевищувати 3 слів у одній клавіші. При цьому можуть виникати і проблеми розташування клавіш у полі екрану.
