- •Тема 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».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
3. Інсталяція cms Joomla
Для установки Joomla 2.5 потрібно завантажити останню версію з офіційного сайту (Full Package - ZIP архів). Наявність інсталятора Joomla значно спрощує її встановлення. Для того щоб інсталювати Joomla на локальному комп’ютері, необхідно мати налаштований веб-сервер, PHP-інтерпретатор, а також система управління базами даних сумісна з Joomla. Наприклад, це може бути Apache, пакети Denver або XAMPP. Файли Joomla після інсталяції стануть частиною цієї системи.
Інсталяція включає декілька етапів:
1. Створити в кореневій директорії сервера (якщо у вас стоїть XAMPP, то за умовчанням це C:/xampp/htdocs) додаткову директорію, наприклад "C:/xampp/htdocs/Joomla" і розпакувати вміст архіву в цю директорію.
2. Набрати в браузері http://localhost/joomla/, після чого повинне з'явитися діалогове вікно установки Joomla.
3. Слідувати вказівкам та здійснювати відповідні налаштування:
Вибір мова інсталяції
Зверніть увагу, що тут вибирається тільки мова для установки, а не усієї системи в цілому. Вибираємо потрібну мову і натискаємо кнопку "Далі".
Перевірка системних вимог
На цьому кроці перевіряються системні вимоги для установки. Рекомендовані установки не обов'язково повинні співпадати. Якщо основні вимоги не співпадатимуть, подальша установка буде неможлива. Натискаємо кнопку "Далі".
Ліцензія на використання вільного програмного забезпечення
Надається ліцензія (GNU GENERAL PUBLIC LICENSE) по якій поширюється і використовується Joomla. Якщо вас щось не влаштовує, тоді краще вибрати іншу CMS. Якщо ви з цим ліцензією погоджуєтеся натискаємо кнопку "Далі".
Налаштування бази даних
Тип бази
Рекомендується використовувати "MySQLi", якщо ваш сервер не підтримує цей тип, треба вибрати "MySQL". (Якщо ви встановлювали пакет XAMPP вибираємо MySQLi).
Ім'я користувача
Для локальної установки це звичайно "root", якщо ви змінювали ім'я користувача для доступу до MySQL введіть це ім'я. При установці на хостинг вам видаються дані для доступу до БД, зазвичай їх можна подивитися в адміністративній панелі хостінгу. Якщо ви не знаєте ім'я, уточнюйте інформацію в підтримці свого хостінгу. (Якщо ви встановлювали пакет XAMPP ім'я буде root).
Пароль
Треба ввести пароль для доступу до MySQL. (Якщо ви встановлювали пакет XAMPP пароль вводити не треба).
Ім'я БД
Вкажіть бажане ім'я бази даних. (Наприклад joomla).
Префікс таблиць
В цілях безпеки, префікс таблиць в останніх версіях генерується автоматично з випадкових символів. За бажання можна вказати потрібний префікс для таблиць.
Конфігураця FTP
Якщо Joomla встановлюється на локальний комп'ютер цей крок пропускається. Так само для більшості хостінгів ці налаштування не потрібні.
Конфігурація сайту
Заповнюємо ім'я сайту і дані для облікового запису користувача групи SuperAdministrator. Якщо ви уперше встановлюєте Joomla, рекомендується встановити демонстраційні дані (треба натиснути на кнопку "Встановити демо дані"") для того що б ознайомитися з системою.
Завершення інсталяції
Після успішною інсталяції Joomla, натискаємо на кнопку "Видалити директорію 'installation'", далі натискаємо на кнопку "Панель управління". У формі авторизації вводимо дані, які заповнювались у попередньому кроці.
4. Структура CMS JOOMLA!
Після установки системи CMS Joomla містить забагато директорій (папок) і файлів. Розглянемо, що саме містить той чи інший каталог.
- Кореневий каталог. Має всі каталоги системи Joomla і 5 файлів, а саме: index.php, index2.php, robots.txt, configuration.php і Htaccess .. Тепер поговоримо про кожне з них.
index.php - один з головних файлів з якого і починається робота з CMS. Він визначає візуальне розташування елементів сайту та повідомляє системі в який з блоків розмістити різні компоненти та модулі.
configuration.php - файл, що відповідає за налаштування системи (налаштування шляху до файлів, паролів, бази даних та інших моментів конфігурації). http://ruseller.com/lessons.php?rub=41&id=1407
$offline: значення "0" включає сайт, значення "1" - відключає.
$offline_message: повідомлення, яке виводиться при відключеному сайті.
$sitename: ім'я сайту, яке виводиться в заголовках.
$editor: редактор, який використовується за умовчанням.
$list_limit: довжина списку в панелі управління для всіх користувачів. За замовчуванням: 20.
$access: рівень доступу на сайт за замовчуванням: "1" - відкритий доступ для всіх, "2" - обмежений доступ, "3" - спеціальний режим.
robots.txt – текстовий файл призначений для роботів, пошукових систем. У файлі можна вказати параметри індексування свого сайту. Зокрема, в ньому можна вказати які розділи сайту або окремі сторінки ми хотіли б закрити від індексації пошуковими, яке доменне ім'я сайту вважати головним дзеркалом, вказати шлях до карти сайту і т.д.
Htaccess - файл дає можливість конфігурувати роботу сервера. Може знаходитися як в кореневій директорії так і в інших.
-Директорія /administrator – по суті це окремий сайт, тільки призначений він для управління контентом. Каталог містить файли панелі управління.
-Директорія / backup Використовується для зберігання резервних копій сайту.
- Директорія /cache Застосовується для кешування сторінок сайту.
- Директорія / components В цьому каталозі зберігаються встановлені компоненти. Спочатку містить кілька компонентів: банер, контакти, редактор, резервне копіювання, голосування, пошук і карту сайту.
- Директорія / images Зберігаються основні зображення сайту, такі як смайли і банери.
- Директорія / includes – містить службові файли, які не будуть змінюватися.
- Директорія / installation Містить файли інсталятора (установки). Обов'язково потрібно видаляти після установки CMS. у версії Joomla 2.5 вони видаляються автоматично натисненням однієї великої клавіші після встановлення CMS
- Директорія / language Містить мовні параметри сайту. Стандартно має англійський.
- Директорія /libraries У ній знаходяться файли бібліотеки.
- Директорія /logs. Ведеться запис всіх помилок системи.
- Директорія / media. Містить мультимедійні файли.
- Директорія / modules Тут зберігаються модулі. Модулі це зовнішній вигляд компонентів. Використовуються для створення блоків сайту.
- Директорія / plugins Ще один різновид компонентів.
- Директорія / templates Відповідає за зовнішній вигляд вашого сайту, тобто зберігає ваші теми (шаблони.
- Директорія /tmp. Тут знаходяться тимчасові файли.
- Директорія /xmlrpc. Містить бібліотеку XML – PRC.
