- •Тема 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».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
1995-1996 Рр. Мова програмування JavaScript. Каскадна таблиця стилів. Flash.
До 96 року створювати сайти могли люди, які не володіють технікою програмування, оскільки HTML передбачає лише розмітку тексту та його оформлення, проте з появою таких інструментів, як CSS, JavaScript, Flash робота веб-програмістів стала актуальною.
Кінець 90-х – розквіт флеш-технологій
Реалізація меню, логотипів, динамічних елементів стала реальною за рахунок того, що flash-додатки відображалися однаково у всіх браузерах (головна умова, щоб в операційній системі був встановлений flash-клієнт компанії Macromedia).
У цей період з’являються і повноцінні сайти на Flash, досить рідкісні, бо за загальним об’ємом сторінка була завелика для Інтернет-каналів того часу. Щоб зачекати, доки завантажиться сайт на Flash, доводилось чекати десятки хвилин, проте воно того коштувало, якщо сайт мав дійсно цікаву задумку. Зразком цьому є сайт відомої авторки – Джоан Роулінг, що був один з найфункціональнішим свого часу - http://www.jkrowling.com/en_GB/. Сайт був не просто джерелом інформації, але й містив в собі багато інтерактивних елементів, наприклад: для того, щоб отримати додаткову, приховану інформацію потрібно було на сайті шукати потаємні кнопки, проходити міні-квести.
Початок XXI-го сторіччя був технологічним розквітом веб-індустрії. Це стрибок в розвитку PHP, як мови програмування для веб-сайтів, це й більш впевнена підтримка браузерами технологій CSS, стрибок в розвитку JavaScript.
2000 Рік (травень) – реліз php4.
Вже на кінці 1990-х PHP-3-версія стала найпопулярнішою мовою програмування для веб-додатків. PHP 4 знаменна тим, що в ній з’явилася підтримка сесій, безпечне опрацювання форм, тобто авторизація під обліковим запитом на сайті, зберігання на сайтах конфіденційної інформації стало звичною справою.
2000 Рік (грудень) – w3c та JavaScript.
Світова асоціація з підтримки стандартизації веб-дизайну W3C офіційно рекомендує використовувати на сторінках мову JavaScript й розміщує в себе на сайті специфікації. Крім того, були ще спроби у впровадженні програмування на стороні клієнта, але жодна не заслуговувала уваги так сильно, як JS.
Вже через рік гарним тоном в оформленні графічних інтерфейсів на сайтах був не Flash, а JavaScript. Flash займав своє місце, а от прості елементи, яким потрібна була динаміка (типу випадаючих меню), реалізовувався за допомогою JavaScript.
І вже в 2002 році 99% всіх браузерів підтримувало JavaScript (див. дод. 3, мал. 1). Не дивлячись на те, що JavaScript, PHP та CSS є технічною складовою сайтобудівництва, вони заслуговують на увагу тим, що стали основою для кардинально іншого бачення веб-дизайну, який згодом назвуть WEB 2.0, наче перекресливши ті здобутки й принципи які були до того часу.
2005 Рік – упровадження технології web 2.0.
Термін взято з публікації засновника найуспішнішої компанії з комп’ютерної літератури – O’REILLY – Тіма О’Рейлі під заголовком “Tim O’Reilly — What Is Web 2.0″. У статті Тім розповідає про основні технологічні й естетичні відмінності попереднього покоління інтернет-дизайну й теперішнього.