Введение в технологии W3C

Slides:



Advertisements
Similar presentations
Rich Media & Video presented On the agenda HTML5 Hosted vs. on-premise HTML5 in SharePoint Beyond video: rich media in SharePoint.
Advertisements

HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
Backwards Compatible HTML5/CSS3 Apps in ASP.NET Nik Kalyani, Founder/CEO, HyperCrunch, Inc.
Kudos Portable Hot Spot & Data Share Max Tseng May 21, 2014.
More CSS - Page layout + HTML5 new features Boriana Koleva Room: C54
Ch3: Introduction to HTML5 part 2 Dr. Abdullah Almutairi ISC 340 Fall 2014.
SHAREPOINT PAKISTAN USER GROUP #1 SHAREPOINT COMMUNITY IN PAKISTAN AND ASIA HTML5 and SharePoint 2013.
Video, audio, embed, iframe, HTML Form
HTML 5 The next generation of web programming. WHERE IT ALL BEGAN.
HTML Advanced: HTML 5. Welcome This slideshow presentation is designed to introduce you to HTML 5. It is the third of three HTML workshops available at.
Basic HTML. Guide to HTML code Not case sensitive Use tag for formatting output: new line, paragraph, text size, color, font type, etc. Can be a single.
Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –
Chapter 15 HTML 5 Video and Audio Intro to HTML5 1.
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
  Just another way to collect pieces together (like div, section)  Anything can be in there  Formatting just like all other elements.
HTML 5 Tutorial Chapter 9 Form Attributes. New Form Attributes HTML5 has several new elements and attributes for forms. New form attributes : autocomplete.
HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
@ 翁玉礼 HTML5 Discuss. Compare to html4 Canvas Video and audio Local offline store New form control.
HTML Forms – Interactive HTML – Web 2.0. HTML – New types for input – Degrades gracefully for browsers that do not support the html 5 input types
Neal Stublen Improvements  New form elements  Assist with validation  Consistency across sites  Changes reduce the need for common.
Presented by: Richard A. Lim. Designed to be intuitive to use, VideoPad is fully featured video editing program for creating professional looking videos.
CHAPTER 2 HTML & HTML5 II อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
HTML - Forms By Joaquin Vila, Ph.D.. Form Tag The FORM tag specifies a fill-out form within an HTML document. More than one fill-out form can be in a.
CHAP 3. FORM API.  Forms should still be encapsulated in a element where the basic submission attributes are set.  Forms still send the values of the.
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
表單 (Form)
HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.
Chapter 2 The Internet. Evolution of the Internet History of the internet.
HTML - Forms By Joaquin Vila, Ph.D.. Form Tag The FORM tag specifies a fill-out form within an HTML document. More than one fill-out form can be in a.
  Just another way to collect pieces together (like div, section)  Anything can be in there  Formatting just like all other elements  Always name.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer & Mathematical Sciences, Universiti Teknologi.
HTML5&CSS3. Webpage Editors Notepad++ TextWrangler (Mac Users) Dreamweaver Editplus plus.sourceforge.net/uk/site.htm
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 5: Formularios Jose Miguel Vidagany Igual.
Copyright © Terry Felke-Morris HTML5: TEXT BOX Accepts text information in address format Common Attributes: ◦ type=“ ” ◦ name ◦ id ◦
Web Technologies Lecture 3 Web forms. HTML5 forms A component of a webpage that has form controls – Text fields – Buttons – Checkboxes – Range controls.
HTML Forms Forms, Controls, Fields, Inputs, Submission, Validation SoftUni Team Technical Trainers Software University
1. History, Vision & Future of HTML5 1.1 What Is HTML5? Successor of HTML 4.01 and XHTML 1.1 It comes with new tags, features and APIs Below is a non exhaustive.
HTML5 Forms Forms are used to capture user input …
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring Forms, HTML5 layout.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring Forms, HTML5 layout.
1 Web Engineering Forms Lecture 05. FORMS Its how HTML does interactivity. There are quite new feature in HTML5. But the fundamental idea does not change.
(1) HTML5, CSS, Twitter Bootstrap. (2) HTML5 Will be the new standard New features Drag and Drop and Support for local storage,,,, New input types Removed.
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
HTML Elements: Forms and Controls Chapter 9 B. Ramamurthy.
TNPW1 Ing. Jiří Štěpánek.  In current version (XHTML 1.0 strict)  No multimedia elements  No semantics elements  Only few input types  Only few document.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
How to convert WLMP to WMV or convert WLMP to MP4, MOV, AVI? I can’t play WLMP file directly, what player do I need to download to play a.wlmp file? Should.
Chapter 9 HTML 5 Video and Audio
HTML Advanced: HTML 5 With Adaptations by Dilvan Moreira.
HTML 5.
>> Introduction to HTML: Forms
HTML CS422 Dick Steflik.
Digital Video File Formats
HTML Advanced: HTML 5.
Chapter 4: HTML5 Media - <video> & <audio>
JavaScript Forms Adding User Input.
Validation and Building Small Apps
IS333: MULTI-TIER APPLICATION DEVELOPMENT
النماذج عند الانتهاء من هذا الدرس ستكون قادرا على:
HTML5 Media.
Forms Data Entry and Capture
JavaScript Forms Adding User Input.
HTML5 Level II Session III
© 2015, Mike Murach & Associates, Inc.
HTML Forms Internet Technology.
HTML Forms Internet Technology.
HTML5 - 2 Forms, Frames, Graphics.
Session III Chapter 10 – How to Work with Forms and Data Validation
Presentation transcript:

Введение в технологии 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 SVG HTML + JavaScript Масштабируемость Доступ через DOM Анимация -Быстродействие

Демонстрация

Мультимедиа Видео Аудио mpeg +/- avi -/- wmv -/- mov -/- rm -/- svf/flv +/- ogg +/+ webM +/+ mp4 +/+ Аудио MIDI -/- wma -/- aac -/- wav +/+ mp3 +/ mp4 +/-

видео <video> - HTML 5 несколько источников Элементы управления JavaScript

Аудио <audio> несколько источников Элементы управления JavaScript

Демонстрация

Инструментарий Бесплатное ПО Платное ПО Блокнот VS Express Net Beans Eclipse Web Matrix …. Платное ПО VS Professional Expression Web …

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2024 SlidePlayer.com. Inc. All rights reserved.