Pg.N.

ndice general
Captulo1
IntroduccinaldiseowebconHTML5yCSS3
1.1LasversionesdelHTML
1.2Losnavegadoresysusdiferencias
1.2.1Tiempodecarga
1.2.2Entornodetrabajo
1.2.3Ventanasemergentes
1.3HTML5ysusnovedades
1.4HTML5ylasHojasdeEstiloenCascada
1.5HTML5yJavaScript
1.6HTML5yjQuery
1.7HTML5ylosdispositivosmviles
1.8CulesladiferenciaentreW3CyWHATWG
1.9Requerimientosmnimosdelsistema
1.10CmodeterminarsiminavegadorestpreparadoparaHTML5
1.11ComprendiendolaURL
1.12ImplementandoundocumentowebHTML5conBlocdeNotas
1.13ImplementandoundocumentowebHTML5conKomodoEdit
1.14ImplementandoundocumentowebHTML5conSublimeText

Captulo2
Estructurandodocumentosparalaweb
2.1EstructuradeunaetiquetaHTML5
2.2EtiquetasobsoletasparaHTML5
2.3Elementosquecambiansusignificado
2.4LosatributosdeunaetiquetaHTML5
2.5IdentificacindelosatributosenunaetiquetaHTML5
2.5.1Atributoid
2.5.2Atributoclass
2.5.3Atributotitle
2.5.4Atributostyle
2.5.5Atributodir
2.5.6Atributolang
2.6EspecificacinDOCTYPE
2.7LaetiquetaHEAD
2.8LaetiquetaTITLE
2.9LaetiquetaLINK
2.10LaetiquetaBODY

Cdigo: SGC-P-D-F4

Versin: 01

Fecha: 27.03.14

Pg.N.2

2.10.1QuelementospodemoscolocardentrodelBODY
2.11ComentariosenHTML5
2.12Trabajandoconetiquetasgrupales
2.12.1LaetiquetaDIV
2.12.2LaetiquetaHEADER
2.12.3LaetiquetaHGROUP
2.12.4LaetiquetaNAV
2.12.5LaetiquetaSECTION
2.12.6LaetiquetaARTICLE
2.12.7LaetiquetaHR
2.12.8IntroduccinalaetiquetaBLOCKQUOTE
2.12.9IntroduccinalaetiquetaCITE
2.12.10LaetiquetaASIDE
2.12.11LaetiquetaFOOTER
2.12.12LaetiquetaADDRESS
2.13Trabajandoconetiquetasdelistas
2.13.1LaetiquetaULListadesordenada
2.13.2LaetiquetaOLListaOrdenada

Captulo3
Formateandountextoweb
3.1Formatobsicodeuntexto
3.1.1LaimplementacindecabecerasconlaetiquetaHn
3.1.2LaetiquetadeprrafoP
3.1.3LaetiquetadecambiodelneaBR
3.1.4LaetiquetadepreformatodetextoPRE
3.2Lasemnticadelostextos
3.2.1LaetiquetaSPAN
3.2.2LaetiquetaEM
3.2.3LaetiquetaSTRONG
3.2.4LaetiquetaB
3.2.5LaetiquetaI
3.2.6LaetiquetaSMALL
3.2.7LaetiquetaCITE
3.2.8LaetiquetaQ
3.2.9Laetiqueta<blockquote>
3.2.10LaetiquetaDFN
3.2.11LaetiquetaABBR
3.2.12LaetiquetaTIME
3.2.13LaetiquetaCODE

Cdigo: SGC-P-D-F4

Versin: 01

Fecha: 27.03.14

Pg.N.3

3.2.14LaetiquetaFIGUREyFIGCAPTION
3.2.15LaetiquetaVAR
3.2.16LaetiquetaSAMP
3.2.17LaetiquetaKBD
3.2.18LaetiquetaSUP
3.2.19LaetiquetaSUB
3.2.20LaetiquetaMARK
3.3Usandocaracteresespeciales

Captulo4
Enlacesynavegacin
4.1EstructuradelaURL
4.2Enlacesbsicos
4.2.1Enlazandoaotrapginaweb
4.2.2Enlazandoaunemail
4.3TiposdeURL
4.3.1URLabsoluta
4.3.2URLrelative
4.4LaetiquetaBASE
4.5AtributosdelaetiquetaA
4.6Implementacindeenlacesporanclas

Captulo5
Imgenes,audioyvideo
5.1Seleccionandodemaneracorrectalasimgenes
5.1.1ImgenesGIF
5.1.2ImgenesJPG
5.1.3CmopodemosencontrarimgenesdealtacalidadenelbuscadorGoogle
5.1.4ImgenesPNG
5.2AgregandoimgenesconlaetiquetaIMG
5.2.1AtributoSRC
5.2.2AtributoALT
5.2.3AtributoHEIGHTyWIDTH.Definicindealtoyanchodeunaimagen
5.3Usandoimgenescomoenlaces
5.3.1Definicindemapas
5.3.2LaetiquetaMAP
5.3.3Asociacinentrelaimagenylosmapas
5.4AgregandovideosdeYouTube
5.4.1CmoseinsertanlosparmetrosdeYoutube
5.5AgregandoaudioyvideoconHTML5

Cdigo: SGC-P-D-F4

Versin: 01

Fecha: 27.03.14

Pg.N.4

5.5.1LaetiquetaVIDEO
5.5.2LaetiquetaAUDIO
5.5.3LaetiquetaOBJECT
5.5.4LaetiquetaPARAM

Captulo6
Manejodetablasparalaweb
6.1IntroduccinalasTablasWeb
6.2Elementosbsicosyatributosdeunatabla
6.3LaetiquetaTABLE
6.4EtiquetaTR
6.5EtiquetaTDyTH
6.6AtributoROWSPAN
6.7AtributoCOLSPAN
6.8AtributoHEADERS
6.9AtributoSCOPE
6.10DividirlatablaenHEAD,BODYyFOOT
6.11AgrupandocolumnasEtiquetaCOLGROUP
6.12LaetiquetaCAPTION

Captulo7
Manejodeformulariosparalaweb
7.1Introduccinalosformulariosweb
7.1.1Formulariodecontacto
7.1.2Formulariodeencuestadesatisfaccin
7.1.3Formulariodesolicituddeempleooregistrodedatos
7.1.4Formulariodereservacin
7.2CreandounformularioetiquetaFORM
7.2.1AtributoACTION
7.2.2AtributoMETHOD
7.2.3AtributoID
7.2.4AtributoNAME
7.2.5AtributoENCTYPE
7.2.6AtributoACCEPTCHARSET
7.2.7AtributoNOVALIDATE
7.2.8AtributoTARGET
7.2.9AtributoAUTOCOMPLETE
7.3Controldetextosparaformularios

Cdigo: SGC-P-D-F4

Versin: 01

Fecha: 27.03.14

Pg.N.5

7.3.1EtiquetaLABEL
7.3.2Cuadrodetextosimple
7.3.3Cuadrodetextomltiple
7.3.4Cuadrodepassword
7.3.5Entradadetelfono
7.3.6Entradadecorreoelectrnico
7.3.7Entradadecolor
7.3.8Entradadefecha
7.3.9EtiquetaNUMBER
7.3.10EtiquetaURL
7.3.11EtiquetaRANGE
7.4Controldebotonesparaformularios
7.4.1Usandoimgenesparabotones
7.4.2EtiquetaOutput
7.5Controldecuadrosdechequeo
7.6Controldebotonesderadio
7.7Controldecuadrocombinado
7.8Controldecuadrodelista
7.9EtiquetaDATALIST
7.10Controldearchivos
7.11Controldedatosocultos

Captulo8
HojasdeEstilosenCascadaCSS3
8.1BrevehistoriadeCSS
8.2SoportedeCSS3enlosnavegadores
8.3Especificacinoficial
8.4CmosecomponeunestiloCSS3
8.5FuncionamientobsicodeCSS3
8.6CmoincluirCSSenundocumentoHTML
8.6.1EstiloaplicadoaunaetiquetaHTML
8.6.2Estiloaniveldepgina
8.6.3EstiloexternoaldocumentoHTML
8.6.4EstiloimportadoaldocumentoHTML
8.7LosmediosaplicadosconCSS
8.8LoscomentariosenCSS
8.9SintaxisquedefineunapropiedadenCSS
8.10Selectoresbsicos
8.10.1Selectoruniversal
8.10.2Selectordeetiqueta
8.10.3Selectordedescendencia
8.10.4Selectordeclase
8.10.5Selectordeidentificacin
Cdigo: SGC-P-D-F4

Versin: 01

Fecha: 27.03.14

Pg.N.6

8.11Selectoresavanzados
8.11.1Selectorhijo
8.11.2Selectoradyacente
8.12AgrupacindereglasCSS
8.13Anchurayaltura
8.13.1Unidadesrelativas
8.13.2Unidadesabsolutas
8.14Recomendacionesparaelusodemedidas
8.15Mrgenesyrellenos
8.15.1Elementosdebloque
8.15.2Elementosdelnea
8.16Bordes
8.16.1Anchodeborde
8.16.2Colordeborde
8.16.3Estilodeborde
8.17Fondos
8.17.1Backgroudncolor
8.17.2Backgroundimage
8.17.3Backgroundrepeat
8.18PosicionamientoCSS
8.19Tiposdeelementos
8.20Posicionamiento
8.20.1Posicionamientonormal
8.20.2Posicionamientorelativo
8.20.3Posicionamientoabsoluto
8.20.4Posicionamientofijo
8.20.5Posicionamientoflotante
8.21Casosdesarrollados

Captulo9
Estilosparaselectores
9.1Tipografia
9.1.1PropiedadFontFamily
9.1.2PropiedadFontSize
9.1.3PropiedadColor
9.1.4PropiedadFontweight
9.2Vnculosbsicos
9.3Pseudoclases
9.4Aplicandodecoracinalvnculo

Cdigo: SGC-P-D-F4

Versin: 01

Fecha: 27.03.14

Pg.N.7

9.4.1Asignaruncoloralosdiferentesestadosdeunvnculo
9.4.2Asignarpropiedadesalvnculoporidentificador
9.5Vnculosavanzadosimplementacindeunmendeopcionesdeformavertical
9.6Implementacindeunmendeopcionesdeformahorizontal
9.7CSSparaimgenes
9.7.1Establecerlaanchurayalturadelasimgenes
9.7.2Establecerimgenesconposicionamientoflotante
9.7.3Establecerunbordeomarcoaunaimagen
9.7.4Asignarsombraalaimagen
9.7.5Agrupardosomsimgenesenunamismaetiqueta
9.7.6Efectosespecialesdelaimagen

Cdigo: SGC-P-D-F4

Versin: 01

Fecha: 27.03.14