Програмне забезпечення
Для максимальної сумісності розробок використовуємо програмні пакети типу Openserver Denwer які містять Веб-сервер Apache (1.3, 2.2, тощо) Інтерпретатор PHP (зазвичай 5.х, можна 7.х) Сервер
Слайд 1Загальні принципи
веб-розробки Мета розробки Формат розробки Графічне оформлення Потенційна аудиторія і пропускна спроможність Статистичні дані
і маркетинг
Слайд 2
Програмне забезпечення
Для максимальної сумісності розробок використовуємо програмні пакети типу Openserver Denwer які містять Веб-сервер
Apache (1.3, 2.2, тощо) Інтерпретатор PHP (зазвичай 5.х, можна 7.х) Сервер баз даних MySQL (зазвичай 5.х) Дозволено власні ПЗ, роботу яких забезпечуєте самостійно на власному обладнанні.
Слайд 3Витоки HTML В 1989 році Тім Бернерс-Лі запропонував для організації CERN проект розподіленої
гіпертекстової системи під назвою World Wide Web для об’єднання всіх інфоресурсів CERN в єдину інформаційну систему
Основні компоненти системи: Електронна пошта Система файлових архівів Гіпертекстовий масив інформації
Слайд 4Що таке HTML HTML – мова гіпертекстової розмітки на основі SGML –
мови розмітки друкованих документів
Навіщо? Спрощення процесу створення документів Забезпечення інтерфейсів взаємодії систем та користувачів
Слайд 5Інтерпретатор HTML Функції інтерпретатора розділені між веб-сервером, на якому зберігаються документи, та
інтерфейсом користувача: Сервер забезпечує передпроцесорну обробку документів, Інтерфейс користувача інтерпретує мовні конструкції для представлення інформації
Слайд 6Принцип роботи HTML HTML – описова мова розмітки документів. Документ є сукупністю контейнерів,
що починаються і закінчуються тегами. Тег (англ. tag) – вказівник розмітки, що міститься в кутових дужках "<" i ">“, і містить ім’я тега, за яким може іти список атрибутів тега. Приклад: <ім’я_тега список_атрибутів_через_пробіл> вміст контейнера ім’я_тега>
Спецсимволи дозволяють візуалізовувати технічні символи, що використовуються для запису тегів.
Слайд 8Групи тегів HTML Структурні – визначають будову документа Форматувальні – для інформаційних блоків
гіпертексту Спрямовуючі – для посилань і закладок Інтерактивні – для форм Командні – для виклику програм
Слайд 9Призначення CSS Розширення можливостей візуалізації документів в рамках декларативного характеру розмітки із
збереженням контролю над формою представлення елементів HTML-розмітки
Вирішення протиріч між точністю визначення розмірів елементів і точністю визначення розмірів блоків тексту
Слайд 10
Порівняння CSS і HTML HTML: Текст курсивом? Так! Текст курсивом! Так!
HTML+CSS: Текст
курсивом? Ні!і> Текст курсивом? Ні!
Слайд 11
Значення CSS для розробки Процес розробки і супроводження веб-систем можна формалізувати і
подати у вигляді списку дій: Визначення номенклатури сторінок Для різних типів сторінок розробка логічної структури Створення навігаційної карти веб-системи Розробка стилів відображення для стандартних компонентів сторінки Створення зображень, анімацій, скриптів, внесення текстів і графіки, генерація сторінок при звертанні до них
Слайд 12
Способи застосування CSS Форма декларування стилю в документі і форма зв’язування описання
стилю відображення елемента розмітки із самим елементом: Зміна стандартного стилю в елементі розмітки Розміщення описання стилю в заголовку документа в елементі