ВВЕДЕНИЕ В ТЕХНОЛОГИИ W3C ЛЕКЦИЯ 3. ФОРМЫ, ГРАФИКА, МЕДИА

ВВЕДЕНИЕ В
ТЕХНОЛОГИИ W3C
ЛЕКЦИЯ 3. ФОРМЫ, ГРАФИКА, МЕДИА
ФОРМЫ HTML
ТЕГ <FORM>
• Контейнер <form></form>
• action – вызов метода на сервере
• method – тип http запроса
ЭЛЕМЕНТЫ ВВОДА <INPUT>
• text
• password
• radio
• checkbox
• submit
• button
HTML 5
• number (min, max, step)
• date (max, min), month, week, time, datetime
• color
• range (min max)
• email, tel, url
• search
ДРУГИЕ ЭЛЕМЕНТЫ ФОРМЫ
• <select>
• <textarea>
HTML 5
• <datalist>
• <keygen>
• <output>
ДЕМОНСТРАЦИЯ
ГРАФИКА
Canvas (Холст)
SVG
•
•
•
•
•
•
•
•
•
•
JavaScript
Фигуры
Рисунки
+Быстродействие
-нет доступа по DOM
HTML + JavaScript
Масштабируемость
Доступ через DOM
Анимация
-Быстродействие
ДЕМОНСТРАЦИЯ
МУЛЬТИМЕДИА
Видео
Аудио
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
mpeg +/avi -/wmv -/mov -/rm -/svf/flv +/ogg +/+
webM +/+
mp4 +/+
MIDI -/rm -/wma -/aac -/wav +/+
ogg +/+
mp3 +/
mp4 +/-
ВИДЕО
• <video> - HTML 5
• несколько источников
• Элементы управления
• JavaScript
АУДИО
• <audio>
• несколько источников
• Элементы управления
• JavaScript
ДЕМОНСТРАЦИЯ
ИНСТРУМЕНТАРИЙ
Бесплатное ПО
Платное ПО
•
•
•
•
•
•
• VS Professional
• Expression Web
• …
Блокнот
VS Express
Net Beans
Eclipse
Web Matrix
….