desenvolvimento web - xhtml
TRANSCRIPT
![Page 1: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/1.jpg)
C U R S O D E E X T E N S Ã O 2 0 1 2I S T- P E T R Ó P O L I S
L U I Z PA U L O - L P PJ U N I O R @ G M A I L . C O M
Desenvolvimento web I( X ) H T M L
![Page 3: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/3.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Índice
Recaptulando Para que serve o HTML? XHTML sintaxe Semântica Hierarquia do HTML
Tags, tags e mais tags Formulários
Methods Tamanho do GET Tags de formulários
Estrutura Layouts Frames Tabelas Tableless HTML5
![Page 5: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/5.jpg)
I N F O R M A Ç Ã OF O R M ATA Ç Ã O
C O M P O R TA M E N T O
Para que serve mesmo o HTML?
![Page 6: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/6.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
XHTML - O que está errado?
![Page 7: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/7.jpg)
E a Semântica?
![Page 8: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/8.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Como está a semântica desse site?
![Page 9: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/9.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Layout não diz nada de semântica!
![Page 12: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/12.jpg)
A G O R A VA M O S A L U TA . . .C O N T E Ú D O N O V O C O M F O R Ç A !
Relembrou?
![Page 13: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/13.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Links, imgs
a href=“link”a href=“mailto:” a name=“NAME” a href=“#NAME”
img src=“”object
![Page 14: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/14.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tags, tags e mais tags
meta, script, noscript, style, linkobject, param, map , area
![Page 15: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/15.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Formulários HTML
Para que servemComo funcionam (cliente x servidor)Métodos de envio (get, post, etc)Limitação do método get
![Page 16: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/16.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tamanho máximo URL (em caracteres)
IE – 2048FF – 65536Safari – 80000Opera – 190000
Apache – 4000IIS – 16384Perl HTTP – 16384
http://www.boutell.com/newfaq/misc/urllength.html
![Page 17: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/17.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tags, tags e mais tags
form, fieldset, legend, label, input (button, submit, reset, text, password, checkbox, radio), select, option, optiongroup, textarea
meta, script, noscript, style, linkobject, parammap , area
![Page 18: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/18.jpg)
A N T I G A M E N T E . . .
Estrutura de layout
![Page 19: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/19.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Frames
<frameset rows=85,* cols=85,*><frame src="top_left.html" name="Large"><frame src="top_right.htm" name="Navbar"><frame src="bottom_left.html" name="Navbar2"><frame src="bottom_right.html" name="Navbar2"></frameset><noframes>- This is seen because the frames aren’t browser compatible. -</noframes>
![Page 22: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/22.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Mas isso acabou, ainda bem! (ou não rs)
![Page 23: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/23.jpg)
TA B L E L E S S
Estrutura de layout
![Page 24: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/24.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tableless - CSSZenGarden
![Page 25: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/25.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tableless - CSSZenGarden
![Page 26: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/26.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tableless - CSSZenGarden
![Page 27: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/27.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tableless - CSSZenGarden
![Page 28: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/28.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tableless - CSSZenGarden
![Page 29: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/29.jpg)
Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]
Tableless - CSSZenGarden
![Page 32: Desenvolvimento web - XHTML](https://reader035.vdocuments.site/reader035/viewer/2022062300/555248bbb4c9059a4f8b4a3b/html5/thumbnails/32.jpg)
L U I Z PA U L OL P PJ U N I O R . C O M
L P PJ U N I O R @ G M A I L . C O M
Dúvidas?