- •Тема 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».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
5. Часові обмеження
Дослідження показали, що при організації взаємодії ефективність роботи користувача залежить від значення tp. Фірма IBM досліджувала зміни ефективності роботи користувачів (кваліфікованих і недостатньо підготовлених) в залежності від часу реакції
При цьому умови реального часу мали вигляд.
Де
ti
–
час реакції,
– психофізіологічне обмеження на час
реакції. Фірма ІВМ провела дослідження
і з'ясувала, що час затримки (дозволений
час реакції) залежить від складнощі
того завдання, що виконує система. Для
простих завдань типу натискання на
клавішу і отримання реакції
=0,1-0,2 с., нескладних завдань, типу
обчислення простих функцій, перетворення
зображень на площині
= 2-3 секунди, а для складних (складних
обчислень, пошуку у базах
це 20-30 секунд. Якщо виконується
співвідношення, що надано нижче , то
вважається, що взаємодія з системою йде
у реальному часі.
Якщо
розглядати роботу Інтернет, то завдання
можуть бути інтерпретовані наступним
чином
-
це робота зі сторінкою у браузері,
– запит сторінок по заданій адресі,
– робота з великими базами та виконання
складних обчислень.
Якщо затримка перевищує обмеження, то користувач відчуває дискомфорт. Щоб зменшити дискомфорт при виконанні завдання на екрані формуються деякі рухомі об'єкти (звичайно це полоса, чи різні типи годинників), чи інформація видається користувачу поступово під час її отримання. Після дискомфорту йде відмовлення користувача від поточного виконання дій. Відмова теж залежить від можливості очікування користувачем інформації.
Коефіцієнт дискомфортності можна оцінити за допомогою наступного співвідношення:
6. Колір
1. Психогенний вплив
Вельми показовим випадком психогенного впливу виступає вплив кольору на психофізіологічний і емоційний стан людини.
Експериментально встановлено, що при дії пурпурного, червоного, помаранчевого і жовтого кольорів частішає і поглиблюється дихання і пульс людини, підвищується його артеріальний тиск, а зелений, блакитний, синій і фіолетовий кольори викликають зворотний ефект.
Перша група кольорів є подразнюючою, друга заспокійливою.
Людям зі слабкою нервовою системою найчастіше подобаються червоний і жовтий кольори, з міцними нервами - зелений і синій.
Червоний колір асоціюється з виглядом крові або відблиском вогню і викликає занепокоєння і тривогу, піднімає активність. Блакитний колір, що фігурує в спадковій пам'яті як колір неба, викликає урочистий настрій.
Чорний колір тотожний мороку і печалі. Білий колір прийнято пов'язувати зі світлом і чистотою.
Є тісний взаємозв'язок між кольором і звуком. Зелений і фіолетовий відповідають рівним інтонаціям людського голосу. Певні поєднання кольорів надають цілком певний емоційний вплив. Наприклад, використання взаємодоповнюючих відтінків створює гармонію і доставляє максимум задоволення. У свою чергу, невірна комбінація кольорів сприяє виникненню неспокою і т. п.
До речі, принцип дії колірних плям можливо використовувати для розробки деяких видів психотронної зброї.
2. Колір при Web-дизайні
З погляду людської психології поєднання кольорів може в значній мірі впливати на сприйняття людиною наданої на малюнку інформації. Саме тому при підборі колірного поєднання, наприклад тексту з фоном, рекомендується виходити з міркувань власного здорового глузду: текст повинен без зусиль читатися, при цьому читач не повинен напружувати зір, його очі не повинні втомлюватися. Далі приведений перелік колірних поєднань мальованого об'єкту або тексту з фоном в порядку погіршення зорового сприйняття:
• синє на білому;
• чорне на жовтому;
• зелене на білому;
• чорне на білому;
• зелене на червоному;
• червоне на жовтому;
• червоне на білому;
• померанчеве на чорному;
• чорне на пурпурному;
• померанчеве на білому;
• червоне на зеленому.
Коректність поєднання один з одним решти всіх кольорів і відтінків перевіряється за допомогою одного простого правила: переведіть ваше зображення у формат « grayscale » (256 відтінків сірого) і подивіться, чи читається у такому вигляді ваш текст, чи контрастно виглядають намальовані елементи. Якщо ні —приняте вами колірне рішення краще переглянути. У будь-якому випадку для тексту рекомендується вибирати традиційний, звичний оку чорний колір, як фон краще всього використовувати тьмяну, ледве помітну заливку довільного відтінку.
Проте найбільш «вірним» рішенням завжди був і залишається «класичний» варіант: чорним по білому.
