Desenvolvimento web - XHTML

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

Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ [email protected] ]

Vida de programador


Í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


Recapitulando...

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?


XHTML - O que está errado?

E a Semântica?


Como está a semântica desse site?


Layout não diz nada de semântica!


Hierarquia das tags

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?


Links, imgs

a href=“link”a href=“mailto:” a name=“NAME” a href=“#NAME”

img src=“”object


Tags, tags e mais tags

meta, script, noscript, style, linkobject, param, map , area


Formulários HTML

Para que servemComo funcionam (cliente x servidor)Métodos de envio (get, post, etc)Limitação do método get


Tamanho máximo URL (em caracteres)

IE – 2048FF – 65536Safari – 80000Opera – 190000

Apache – 4000IIS – 16384Perl HTTP – 16384

http://www.boutell.com/newfaq/misc/urllength.html

http://www.boutell.com/newfaq/misc/urllength.html


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

A N T I G A M E N T E . . .

Estrutura de layout


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>


Frames


Table


Mas isso acabou, ainda bem! (ou não rs)

TA B L E L E S S

Estrutura de layout


Tableless - CSSZenGarden


HTML


HTML5

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?

Desenvolvimento web - XHTML

Technology

Transcript of Desenvolvimento web - XHTML