Desenvolvimento web - XHTML

Desenvolvimento web I
(X)HTML

CURSO DE EXTENSÃO 2012
IST-PETRÓPOLIS
L U I Z PA U L O - L P PJ U N I O R @ G M A I L . C O M

Vida de programador

Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]

Í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...


Para que serve mesmo o HTML?

INFORMAÇÃO
F O R M ATA Ç Ã O
C O M P O R TA M E N T O

XHTML - O que está errado?


Como está a semântica desse site?


Layout não diz nada de semântica!


Hierarquia das tags


Relembrou?

A G O R A V A M O S A L U TA . . .
CONTEÚDO NOVO COM FORÇA!

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, link
 object, param, map , area


Formulários HTML
 Para que servem
 Como funcionam (cliente x servidor)
 Métodos de envio (get, post, etc)
 Limitação do método get


Tamanho máximo URL (em caracteres)

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

 Apache – 4000
 IIS – 16384
 Perl HTTP – 16384

 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, link
 object, param
 map , area


Estrutura de layout

ANTIGAMENTE...

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)


Estrutura de layout

TA B L E L E S S

Tableless - CSSZenGarden


HTML


HTML5


Dúvidas?

L U I Z PA U L O
L 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

Desenvolvimento web - XHTML

Mais conteúdo relacionado

Semelhante a Desenvolvimento web - XHTML (20)

Último (11)

Desenvolvimento web - XHTML