- •Тема 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. Засоби веб-програмування
Які ж засоби веб-програмування на сьогодні використовуються багатьма розробниками? Насправді, таких засобів багато.
Отже, з чого слід почати. Без чого подальше вивчення веб-програмування неможливе? Щоб створити статичний сайт без використання інтерактивних елементів достатньо знати мову розмітки HTML (HyperText Markup Language). З часу створення першої версії (специфікації) HTML зазнав деяких змін. Для освоєння HTML в найпростішому вигляді потрібно мати браузер та редактор текстових файлів типу Блокнот.
HTML-сторінка – це звичайний текстовий файл, який містить розмітку.
В HTML-документах також використовуються каскадні таблиці стилів – CSS (Cascading Style Sheets), які застосовуються для візуального форматування документу в мовах розмітки, крім того в CSS є можливості створювати стилі для друкованої версії сторінки і для управління звуком. CSS найчастіше зменшує об’єм коду, дозволяє виносити стилі в окремий файл, який можна повторно використовувати і ще багато іншого. З вище сказаного можна зробити висновок, що як HTML, так і CSS не є мовами програмування. Вони дозволяють лише змінювати оформлення елементів веб-документів. Опрацювання ж даних здійснюється іншими засобами, які передбачають вивчення відповідних мов програмування.
JavaScript – клієнтська мова програмування для опису сценаріїв.
Javascript - мова, розроблена на початку 90-х фірмою Netscape, браузер якої Netscape Navigator в ті часи був найбільш популярним засобом для перегляду веб-сайтів. Назва javascript наводить на думки про зв'язок з мовою java, яка також може використовуватися у веб-програмуванні, і, дійсно, javascript розроблявся в більшості з опорою на мову Java, але слід все ж пам'ятати, що це абсолютно різні мови.
Код JavaScript може бути вбудований безпосередньо в текст сторінки HTML. Скрипти, написані на javascript, виконуються на стороні клієнта (тобто на комп'ютері користувача), і не просто на стороні клієнта, а в самому браузері, тому не потрібно ніяких додаткових програм, ніяких плагінів і т. п., скрипт можна просто вставити в html-код сторінки, і він буде виконуватися в будь-якому браузері.
Величезною перевагою JavaScript перед іншими мовами програмування є те, що їй не потрібно ніяких інтерпретаторів і веб-серверів, а достатньо тільки одного браузера. Завдяки цьому, javascript практично не має конкурентів в своїй галузі застосування та є першою мовою, вивчення якої потрібно починати веб-розробнику.
Згідно TIOBE Index, що базується на даних пошукових систем Google, MSN, Yahoo!, Вікіпедія та YouTube, в червні 2011 року JavaScript знаходився на 11 місці (рік тому на 12).
Java. Ця мова був спеціально створена для написання програм, орієнтованих на роботу в комп'ютерних мережах та інтернеті. На мові java можна створювати як додатки, що працюють на стороні сервера, так і на стороні клієнта, але, на відміну від javascript, програма на Java не вбудовується в html-код, а працює під управлінням спеціальної віртуальної машини Java. Крім цього, на мові java можна створювати java-аплети, маленькі автономні програми, які можна викликати в html-коді і виконання яких забезпечується браузером.
Flash. Технологія Flash була розроблена фірмою Macromedia для створення анімованих зображень. Ця технологія швидко набула поширення, а мову Actionscript, вбудовану в неї, стали використовувати не тільки з метою створення ефектів анімації, а для написання різних програм, особливо ігор. Програми на Actionscript, використовуваному в технології flash, також виконуються на комп'ютері користувача.
Якщо працездатність програми на javascript ви можете перевірити, просто відкривши html-файл в браузері, то серверні скрипти можуть працювати тільки на сервері. Сервером називається як комп'ютер в мережі, на якому розташовані веб-сторінки, так і спеціальна програма, що забезпечує необхідні функції. При цьому не обов'язково завантажувати скрипт, наприклад, на мові php, для перевірки його працездатності на віддалений сервер, можна встановити програму-сервер і підтримку php на своєму домашньому комп'ютері і використовувати цей, один і той же, комп'ютер і в якості сервера і в якості клієнта.
Найбільшою популярністю в інтернеті користується сервер Apache, але можна встановити й іншу програму - наприклад, IIS, що входить в комплект поставки Windows, або завантажити в мережі інтернет і встановити пакет Denver, який при порівняно малому розмірі забезпечує підтримку не тільки серверних функцій, але і підтримку популярних мов веб-програмування.
Серед серверних засобів і мов веб-програмування можна виділити наступні:
SSI. SSI - скорочення від Server Side Include (англ.) Це не мова, а, швидше, невеликий набір директив. Найбільш корисною з них є директива include, яка дозволяє перед відправкою сторінки в браузер користувача включити в її html-код вміст довільного файлу.
Perl. Perl є однією з найстаріших мов, спеціально створених для серверного програмування, і з'явилась ще до масового розвитку мережі інтернет. З поширенням інтернет-технологій perl стала використовуватися з метою написання програм для сайтів, але в даний час за популярністю вона все ж сильно поступається більш простій в освоєнні мові php.
Розглянемо серверну мову програмування PHP. Можна довго сперечатись про те, яку мову програмування обрати. Тут і ASP, і Perl, і Java, тощо. PHP з-поміж інших аналогічних мов програмування вибраний для розгляду через свою простоту в освоєнні, популярність серед програмістів і безкоштовність.
З'явившись не так давно, всього лише в середині 90-х, PHP, завдяки своїй простоті і гнучкості швидко зібрала безліч прихильників і стала однією з найбільш популярних мов веб-програмування. Своєю простотою і зручністю у використанні PHP є достатньо універсальною мовою, з легкістю дозволяє писати програми, що працюють з самими різними базами даних, з графікою і т.д., що робить цю мову ідеальним вибором для початківців веб-програмістів.
Відмінність PHP від JavaScript полягає в тому, що PHP-скрипт виконується на сервері, а клієнту передається результат роботи, тоді як JavaScript-код повністю передається на клієнтську машину і тільки там виконується.
Мова і його інтерпретатор розробляються групою ентузіастів у рамках проекту з відкритим кодом. Проект поширюється під власною ліцензією, несумісною з GNU GPL.
Згідно з рейтингом корпорації TIOBE, що базується на даних пошукових систем, у квітні 2011 року PHP знаходився на 5 місці серед мов програмування. До найбільших сайтів, які використовують PHP, відносяться Facebook, ВКонтакте, Wikipedia і ін
Детальнішу інформацію можна дізнатись за адресою: www.php.net. На ньому можна завантажити найновішу версію PHP, документацію, FAQ, приклади скриптів, тощо. Порада: не варто завантажувати найновіші версії, оскільки вони можуть бути нестабільні. Краще трохи почекати і завантажити и нормальний стабільний реліз. Для того, щоб скрипти написані на PHP працювали, необхідно мати або доступ до вже налаштованого сервера, або (найпростіший варіант) поставити собі пакет веб-сервера. Наприклад, Denver (http://denwer.ru), в якому всі операції по налаштуванні вже виконані. Такий варіант цілком підійде для роботи зі скриптами вдома.
Мова PHP практично завжди передбачає використання баз даних. Серед найпопулярніших доцільно виділити MySQL – ця СУБД (система управління базами даних) стала популярною завдяки вдалому поєднанні користувацьких властивостей, відкритому коду і технічній підтримці.
Продукт розповсюджується як під GNU General Public License (ліцензія на вільне програмне забезпечення), так і під власною комерційною ліцензією.
MySQL розглядається як основа для не надто складних проектів, які не вимагають високого рівня збереження даних, як то: форуми, системи ведення статистики, електронні магазини, тощо. В якості альтернативи MySQL можна розглянути: Oracle, PostgreSQL, mSQL.
Переваги MySQL:
швидкість;
легкість в установці і використанні;
є безкоштовним для некомерційного використання;
кросплатформеність (написаний під десятки видів ОС).
Для зручного використання MySQL використовується додаток PHPMyAdmin, написаний мовою PHP, який представляє собою веб-інтерфейс для адміністрування бази даних.
