- •Тема 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».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
П'ять речей, які треба знати про html5
1. Це не одна велика річ
Ви можете запитати: «Як я можу використовувати HTML5, якщо старі браузери його не підтримують?». Насправді це питання помилковий. HTML5 не одна велика річ, це набір різних можливостей. Ви не можете написати «підтримується HTML5», тому що це суперечить здоровому глузду, але можете визначити підтримку деяких технологій HTML 5, таких як малювання, відео та геолокація.
Ви можете думати про HTML як про тегах і кутових дужках. Це звичайно важлива частина, але не вся. Специфікація HTML5 також встановлює, як ці кутові дужки взаємодіють з javascript допомогою об'єктної моделі документа (Document Object Model, DOM). HTML5 не просто визначає тег
<video />
він також повідомляє DOM відгуки всіх відео-об'єктах. Ви можете використовувати інтерфейс прикладного програмування (API) для підтримки різних відеоформатів, програвання ролика, його зупинки, відключення звуку, відстеження завантаження файлу і багато чого іншого побудованого на взаємодії користувача і тега
<video />.
2. Вам не треба відкидати наявне
Подобається вам це чи ні, але ви не зможете заперечувати, що HTML4 це найбільш вдалий формат розмітки. HTML5 грунтується на цій удачі, тому вам не доведеться викидати наявну розмітку і переучуватися. Якщо ваше веб -додаток сьогодні працює в HTML4, воно також буде працювати в HTML5 і крапка.
Ось конкретний приклад: HTML5 підтримує всі елементи форм, що й HTML4, а також включає нові елементи. Деякі з них, начебто повзунків і вибору дати, напрошувалися давно, інші не настільки очевидні. Наприклад, поле для введення адреси електронної пошти це рядова текстове поле, але сучасні браузери для цього поля дозволяють спростити набір адреси. Старі браузери не підтримують
input type = " email ",
тому покажуть звичайне текстове поле, і форми будуть працювати з ним без всяких додаткових хитрувань. Це дозволяє вам вже сьогодні поліпшити свої форми, навіть якщо деякі користувачі досі прив'язані до IE6 .
3. Легко почати
«Оновлення
» до HTML5 можна зробити простим зміною
доктайпів.
Елемент
повинен завжди розташовуватися в першому
рядку коду будь-який веб -сторінки.
Попередня версія HTML визначала кілька
варіантів доктайпів і вибір правильного
був справою нелегкою.
У
HTML5 є тільки один доктайпів :
Зміна доктайпів не руйнує існуючу верстку, тому що всі теги, визначені в HTML4 також підтримуються і в HTML5. До всього іншого, ви можете використовувати, і коректно, нові семантичні елементи на зразок
<article />, <section />, <header /> і <footer /> .
4. Це вже працює
Якщо ви бажаєте зробити малюнок, програвати відео, поліпшити функціональність форм або побудувати оффлайнові веб -додаток, то виявите, що HTML5 прекрасно підтримується браузерами. Firefox, Safari, Chrome і мобільні браузери працюють з тегом
<canvas />
відео, геолокації, локальним сховищем та ін Google розуміє анотацію мікроданних. Навіть Майкрософт, який зазвичай тягнеться в хвості стандартів, підтримує основні можливості HTML5 у своєму браузері Internet Explorer 9.
5. Він вже тут
Тім Бернерс - Лі винайшов всесвітню павутину на початку дев'яностих. Пізніше він заснував W3C для підтримки веб -стандартів, організацію з більш ніж п'ятнадцятирічної історією. Ось що оголосив W3C про майбутнє веб -стандартів у липні 2009 :
Сьогодні керівництво заявило, що коли статут Робочої Групи XHTML 2 завершиться в кінці 2009 року, він не буде продовжений. Це зроблено для підвищення ресурсів робочої групи з HTML. W3C сподівається, що це прискорить просування HTML5 і роз'яснює позицію W3C щодо майбутнього HTML.
