Загальні принципи веб-розробки презентация

Содержание

Слайд 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 ">“, і містить ім’я тега, за яким може іти список атрибутів тега.
Приклад:
<ім’я_тега список_атрибутів_через_пробіл>
вміст контейнера


Слайд 7Спецсимволи HTML
" "
& &
< <
> >
   
Спецсимволи дозволяють візуалізовувати технічні символи, що використовуються для запису тегів.

Слайд 8Групи тегів HTML
Структурні – визначають будову документа
Форматувальні – для інформаційних блоків

гіпертексту
Спрямовуючі – для посилань і закладок
Інтерактивні – для форм
Командні – для виклику програм

Слайд 9Призначення CSS
Розширення можливостей візуалізації документів в рамках декларативного характеру розмітки із

збереженням контролю над формою представлення елементів HTML-розмітки

Вирішення протиріч між точністю визначення розмірів елементів і точністю визначення розмірів блоків тексту

Слайд 10 Порівняння CSS і HTML
HTML:
Текст курсивом? Так!
Текст курсивом! Так!

HTML+CSS:
Текст

курсивом? Ні!
Текст курсивом? Ні!

Слайд 11 Значення CSS для розробки
Процес розробки і супроводження веб-систем можна формалізувати і

подати у вигляді списку дій:
Визначення номенклатури сторінок
Для різних типів сторінок розробка логічної структури
Створення навігаційної карти веб-системи
Розробка стилів відображення для стандартних компонентів сторінки
Створення зображень, анімацій, скриптів, внесення текстів і графіки, генерація сторінок при звертанні до них

Слайд 12 Способи застосування CSS
Форма декларування стилю в документі і форма зв’язування описання

стилю відображення елемента розмітки із самим елементом:
Зміна стандартного стилю в елементі розмітки
Розміщення описання стилю в заголовку документа в елементі