ВВЕДЕНИЕ В ТЕХНОЛОГИИ W3C ЛЕКЦИЯ 3. ФОРМЫ, ГРАФИКА, МЕДИА
advertisement
ВВЕДЕНИЕ В ТЕХНОЛОГИИ 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 ….
