23/03/2015

online.unip.br/imprimir/imprimirconteudo

PLANODEENSINO
CURSO:CinciadaComputao
SRIE:1semestre
DISCIPLINA:DesenvolvimentoemAmbienteWeb
CARGAHORRIASEMANAL:03horasaula
CARGAHORRIASEMESTRAL:60horasaula

I.EMENTA
HTMLeXHTML,deestruturaemarcaoutilizadosnasuacomposioCSS(propriedadesdeformataodocom
asquaisserpossveldesenvolverodesigndosite).

IIOBJETIVOSGERAIS
ImplementarWebStandardscomoasemnticadoXMLeXHTMLeseparaoentreformataoecontedo.Usar
folhas de estilos em cascata (estilos CSS) para criar pginas mais flexveis, mais leves, e controlar o seu aspecto
grfico com maior preciso e com maior facilidade na correo de erros. Ao final deste, o aluno entender os
conceitosfundamentaisdotrabalhocomosWebStandardsesercapazdeimplementarXHTMLStrictvlido,com
boapartedaformataojemCSS.

IIIOBJETIVOSESPECFICOS
ConheceraslinguagensXHTMLeCSSvisandoseuusonaconstruodeaplicaesWeb.

IVCONTEDOPROGRAMTICO

MDULO1:Introduo
Introduo
AwebeaHTML
Definies
Histrico
HTML
XHTML
Definio
Verso
DiferenasentreXHTMLeHTML
Documentoestruturado
Marcaosemntica
WebStandards

MDULO2:Folhasdeestilosemcascata

CSSFolhasdeestiloemcascata
oDefinio
oFinalidade
http://online.unip.br/imprimir/imprimirconteudo

1/7

23/03/2015

online.unip.br/imprimir/imprimirconteudo

oHistrico
oSintaxeCSS
UnidadesCSSparamedidaslineares
oUnidadesdemedidaabsolutas
oUnidadesdemedidarelativas
oPorcentagens
Vinculandofolhasdeestiloaosdocumentos
oEstilosinline
oEstilosincorporados
oEstilosexternos

MDULO3:OmodeloCSS
Efeitocascata
oOrdemdacascata
oEspecificidadedeumseletor
Modelodeformataovisualdosboxes
oContainer
oElementosnveldeblocoeboxesbloco
oElementosinlineeboxesinline
BoxModel
PropriedadesCSSparaoBoxModel
oPropriedademargin
oPropriedadepadding
oPropriedadeborder
MDULO04:SELETORES

Definies
oSeletorsimples
oSeletorcomposto
oPseudoclasseepseudoelemento
oSuporteparaosseletoresCSS2.1
MDULO5:ESTILIZAODETEXTOS

Tipografia
oTermostipogrficos
oFontessegurasefontesgenricas
http://online.unip.br/imprimir/imprimirconteudo

2/7

23/03/2015

online.unip.br/imprimir/imprimirconteudo

Espaamentosealinhamentosdetextos
oPropriedadesletterspacing,wordspacingelineheight
oPropriedadeverticalalign
oPropriedadetextalign
oPropriedadetextindent
Efeitosemtextos
oPropriedadetextdecoration
oPropriedadetexttransform
Estilizandofontes
oPropriedadefontfamily
oPropriedadefontstyle
oPropriedadefontvariant
oPropriedadefontweight
oPropriedadefontsize
oPropriedadefont

MDULO6:CORESEBACKGROUND

Definindocores
oCorhexadecimal
oCorRGB
oCorporpalavrachave
oCorretiradadosistemaoperacional
Definindofundos
oPropriedadebackgroundcolor
oPropriedadebackgroundimage
oPropriedadebackgroundrepeat
oPropriedadebackgroundattachment
oPropriedadebackgroundposition
oPropriedadebackground

MDULO7:CABEALHOSELINKS

Cabealhos
oEfeitosemcabealhos
http://online.unip.br/imprimir/imprimirconteudo

3/7

23/03/2015

online.unip.br/imprimir/imprimirconteudo

ncorasHTML
oEstadosdoslinks
oEfeitosemlinks
oLinksemimagens

MDULO8:LISTASHTML

Listas(X)HTML
oListasnoordenadas
oListasordenadas
oListasdedefinio
oListasmistas
Estilizaodelistas
oPropriedadeliststyletype
oPropriedadeliststyleimage
oPropriedadeliststyleposition
oPropriedadeliststyle
Criaodemenus
oEstilizaopadro
oRolloversimples
oRolloverdeimagem
Destaquenolinkcorrente
Menudropdown
oMenudropdownvertical
oMenudropdownhorizontal
oAcessoviateclado

MDULO9:FORMULRIOS

Introduoaosformulrios
oTiposdecontrolesdeformulrios
Elementosdeformulrios
oElementoform
oElementoinput
oElementobutton
oElementosselect,optioneoptgroup
http://online.unip.br/imprimir/imprimirconteudo

4/7

23/03/2015

online.unip.br/imprimir/imprimirconteudo

oElementotextarea
oElementolabel
oElementosfieldsetelegend
oFocoemcontrolestabindexeaccesskey
oAtributosdisabledereadonly
Estilizaodeformulrios
oFormulriossimples
oFormulrioscomplexos

MDULO10:CRIANDOTABELASWEBSTANDARDS

Quandousartabelas
oMarcaodetabelas
oElementosth,captioneatributosummary
oElementosthead,tfootetbody
oAtributosideheader
oElementoscolgroup,coleatributoscope
Dicasparamarcartabelas
Estilizaodetabelas
oBordas
oTipografiaeposicionamentos
oCoresdefundo
oImagensdefundo
oExemploprtico
MDULO11POSICIONAMENTOCSS

EsquemasdeposicionamentoCSS
oEsquemanormal
oEsquemafloat
oEsquemaabsoluto
Posicionamentocomzindex
oContextoparaempilhamento
MDULO12:LAYOUTCSS

Tiposdelayout
oLargurafixa
http://online.unip.br/imprimir/imprimirconteudo

5/7

23/03/2015

online.unip.br/imprimir/imprimirconteudo

oLquido
oElstico
oHbrido
Centralizandoolayout
oComusodemargensautomticas
oComusodeposicionamentoemargensnegativas
Layoutcomduascolunas
oLargurafixa
oLquido
oElstico
oHbrido
Layoutcomtrscolunas
oLargurafixa
oLquido
VESTRATGIASDETRABALHO
1Aulasprticascomoauxlioderecursosaudiovisuais
2UtilizaodosoftwareDreamweaver
3Aulasdeexerccios,trabalhoemlaboratrio,emgrupoeindividuais
VIAVALIAO
Provasbimestraisetrabalhosprticos.
VIIBIBLIOGRAFIA
Bsica
SILVA,MaurcioSamy.ConstruindoSitescomCSSe(x)Html.Ed.Novatec,2007.
FREEMAN,ElisabethFREEMAN,Eric.UseaCabea!HtmlcomCsseXhtmlEd.AltaBooks,2005.
LEMARY,Laura.AprendaacriarpginasWebcomHTMLeXHTMLem21dias.Ed.MakronBooks,2002.
Complementar
COLLISON,Simon.DesenvolvendoCssNaWebEd.AltaBooks,2008.
MACEDO,MarceloDaSilvaCss(folhasDeEstilos):DicasETruquesEd.CinciaModerna,2006.
BUDD,AndyCriandoPaginasWebComCssEd.PrenticeHallBrasil,2006.
SILVA,MaurcioSamy.CriandoSitescomHtml:SitesdeAltaQualidadecomHtmleCssEd.Novatec,2008.
COLLISON, Simon MOLL, Cameron BUDD, Andy. Criando Pginas Web com Css Solues Avanadas para
PadresWebEd.PrenticeHallPearson.

http://online.unip.br/imprimir/imprimirconteudo

6/7

23/03/2015

http://online.unip.br/imprimir/imprimirconteudo

online.unip.br/imprimir/imprimirconteudo

7/7