- •Тема 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».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
Питання для самоконтролю
Що таке "гіперпосилання"? Який має вигляд і як ним користуватися?
Яким тегом одночасно встановити колір тексту і фону?
Як вирівняти текст по центру, по ширині, по лівому або правому краю?
Якими засобами мови HTML задати написання тексту або вид шрифту?
Як на Web-сторінку вставити зображення?
Як встановити фоновий зображення документу?
Як встановити відстань між текстом і зображенням ?
Як встановити горизонтальні і вертикальні розміри зображення ?
Як створити посилання на інший документ?
Як записати посилання на поштову скриньку?
Як записати посилання на іншу частину документу?
Лабораторна робота №6. Створення персонального сайту за допомогою системи ucoz
Мета: ознайомитись з основними етапами створення веб-сайту за допомогою системи керуванням вмісту (CMS) на прикладі UCOZ.
Для розміщення інформації в мережі Інтернет потрібно мати веб-сервер під управлінням спеціального програмного забезпечення. Деякі системи публікації документів в мережі можуть надати так звані «конструктори», за допомогою яких не важко створити персональну сторінку, сторінку невеликого підприємства, школи тощо. Розглянемо приклад створення сайту за допомогою системи керування вмістом - UCOZ.
Хід роботи
1. Перейти до адреси http://www.ucoz.ua/ та ввести адресу електронної пошти та пароль для входу в систему.
2. Заповнити форму реєстрації за прикладом. Ознакою вірного введення даних (тобто введена інформація за змістом відповідає прийнятим вимогам) є наявність відповідного символу біля кожного з введених полів
3. Як і в інших системах реєстрації в UCOZ передбачений захист від «автоматичної» реєстрації.
5. Після введення коду та інших параметрів реєстраційної анкети натиснути кнопку «Реєстрація».
6. Наступним кроком створення сайту є підтвердження реєстрації через систему електронної пошти. Для цього на електронну адресу зареєстрованого користувача система надсилає спеціальний лист, змістом якого є посилання, яке необхідно активувати (тобто перейти за посиланням).
To finish your registration follow this link:
(Для завершення реєстрації перейти за цим посиланням:)
7. Після переходу за посиланням на екрані з’явиться вікно підтвердження, в якому також необхідно продовжити реєстрацію, вказавши секретне питання-відповідь та пароль для панелі управління створеного сайту.
8. В наступному вікні необхідно ввести доменне ім’я сайту, яке складається з імені сайту та кількості доменів 1 і 2 рівнів.
9. Після успішного створення сайту необхідно перейти до панелі управління.
10. Перший вхід до панелі управління дає змогу налаштувати параметри сайту та його компонентів. Зокрема, необхідно ввести назву сайту, яка буде виводитись на кожній сторінці сайту, обрати дизайн та мову, на якій буде створено сайт.
11. Далі необхідно обрати ті компоненти сайту, які необхідні для його ефективної роботи. Доцільно обрати такі компоненти сайту: «Редактор страниц», «Форум», «Фотоальбомы», «Новости сайта», «Гостевая книга», «Каталог статей», «Опросы».
12. Після здійснення основних налаштувань відкривається головне вікно панелі керування системи Ucoz. За допомогою панелі керування можна здійснити налаштування, що стосуються як змісту сайту, так і його зовнішнього вигляду і наявності тих чи інших компонент.
13. Останнім кроком є перегляд створеного сайту за його адресою.
