- •Тема 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. Структура процесу розробки web-сайтів та web-додатків
План
1 Структура процесу розробки
2. Технічне завдання на розробку.
2.1. Етапи та терміни створення сайту
2.2. Технологічні вимоги
2.3. Структура та опис сайту
1 Структура процесу розробки
Проектування Web-сайтів та його розробка може бути наданою у вигляді структурної схеми.
Розглянемо дещо ширше функції замовника та розробників Web-сайту.
Замовник є одною з найбільш важливих ланок розробки. Він, по-перше, вирішує задачу обгрунтування необхідності сайту, по-друге, повинен мати інформаційне наповнення сайту, пропозиції по його структурі та графічному оформленню, і що не менш важливе, так це фінансові ресурси на розробку та супроводження сайту. Замовник це ланцюг розробки, який приймає чи повинен приймати участь майже в усіх етапах розробки сайту.
Він визначає і назви розділів, і можливе скорочення назв, і першорядні і другорядні розділи та інше. Якість сайту теж суттєво залежить від замовника. Сайт не повноцінний, якщо є не повним інформаційне наповнення. Сайт вмирає, якщо він не супроводжується, а ця функція звичайно лягає на замовника та його спеціалістів. Фінансує і контролює роботу Web-майстра замовник.
Форма та методи передачі інформації від замовника до розробників сайту може бути різною, але завжди стандартизованою. Так зважаючи на ієрархічну графову модель сайту доцільно використовувати файлову передачу інформації, що відноситься до кожної "Вершини виконання дій"
При цьому номера вершин можуть співпадати з іменами файлів. Замовник може використовувати різні текстові процесори (але більшість буде використовувати WORD, а це при створенні Web-сторінок накладає деякі обмеження і додаткові дії).
Методи та програмні засоби розробки можуть бути різними і їх буде розглянуто нижче. Але треба лише відзначити, що в основному це досить складні програмні засоби і сучасні Web-сайти це не прості HTML, які були на початку створення Web-сайтів.
Як і при розробці будь якого програмного продукту після його створення йде етап дослідної експлуатації при виконанні якого виправляються знайдені помилки. Помилки можуть бути різні: від граматичних помилок у тексті чи розміру та орієнтації малюнків до помилок у навігації.
Крім звичайної семантичної інформації на сайт записується службова інформація пов’язана з подальшим існуванням та роботою Web-сайта. До цієї інформації відносяться Мета теги та robots.txt Їх форма та методи запису надано у наступних розділах. Призначено їх для підвищення популярності розробленого Web-сайта у мережі Інтернет.
Перед запуском в експлуатацію треба вирішити задачу вибору хостінгу (розміщення сайту) та вибору його ІР адреси. Ці послуги надають багато різних фірм. Рекомендації по вибору хостінгу можуть бути пов’язано з «сиром та мишоловкою», а при виборі ІР адреси задавайте ту частину, яка відноситься до сайту так, щоб вона була пов’язана з призначенням сайта, наприклад, журнал «Технологія і техніка друкарства» має адресу www.druk.kpi.ua з назвою журнала пов’язано «druk».
Після встановлення сайту йде наступний етап – реєстрація сайту у пошукових системах. Опис цього етапу надано у наступних розділах.
Якщо сайт планується достатньо довге існування, то обов’язок розробника підготувати у Замовника контент менеджера. Тобто передати права та навчити спеціаліста від замовника, яка буде опікуватись в подальшому змістом сайта (вводити та редагувати матеріал на сайті).
