7/30/2019 Temario Del Taller HTML5

1/3

TEMARIO

1.Introduccin a HTML y CSS

1.1. De las tablas a HTML5

1.2.Workflow

1.3.Estructura de carpetas

2.HTML5

2.1.Caractersticas bsicas

2.1.1.Lenguaje de etiquetas

La principal ventaja de los lenguajes de etiquetas es que son muy

sencillos de leer y escribir por parte de las personas y de los sistemas

electrnicos.

2.2.2.Etiquetas y atributos

HTML define 91 etiquetas que los diseadores pueden utilizar para

marcar los diferentes elementos que componen una pgina, a pesar de

que se trata de un nmero de etiquetas muy grande, no es suficiente

para crear pginas complejas.

2.2.Elementos HTML5

2.2.1.Texto

La mayor parte del contenido de las pginas HTML5 habituales est

formado por texto, llegando a ser ms del 90% del cdigo de la pgina.

Por este motivo, es muy importante conocer los elementos y etiquetas

que define HTML5 para el manejo del texto.

2.2.2.Enlaces

Los enlaces se utilizan para establecer relaciones entre dos recursos.

Aunque la mayora de enlaces relacionan pginas web, tambin es

posible enlazar otros recursos como imgenes, documentos y archivos.

2.2.3.Listas

Es posible agrupar determinadas palabras o frases en un conjunto de

elementos que tienen ms significado de forma conjunta. El lenguaje

HTML5 define tres tipos diferentes de listas para agrupar los elementos.

2.2.4.Imgenes y objetos

Las imgenes son uno de los elementos ms importantes de las pginas

web. De hecho, prcticamente todas las pginas web contienen alguna

imagen y la mayora incluyen decenas de imgenes.

7/30/2019 Temario Del Taller HTML5

2/3

2.2.5.Formularios

El estndar HTML5 permite crear formularios para que los usuarios

interacten con las aplicaciones web.

2.2.6.Otras etiquetas importantes

2.3.Creacin de estructura y layout

HTML5 se encarga de agrupar los elementos de la pgina en diferentes

divisiones en funcin de su finalidad: la zona de la cabecera de la pgina,

la zona de contenidos, una zona lateral para el men y otras secciones

menores, la zona del pie de pgina, etc.

3.CSS3

3.1.caractersticas bsicas

3.1.1.Cmo incluir CSS

3.2.Selectores CSS

Los selectores son imprescindibles para aplicar de forma correcta los

estilos CSS en una pgina.

3.3.Box model

El modelo de cajas es el comportamiento de CSS que hace que todos los

elementos de las pginas se representen mediante cajas rectangulares.

3.4.Posicionamiento y visualizacin

Los navegadores aplican un procesamiento muy complejo antes de

mostrar las pginas en la pantalla del usuario.

3.5.Texto

CSS define numerosas propiedades para modificar la apariencia del

texto.

3.6.Enlaces

Pseudo-clases: CSS tambin permite aplicar diferentes estilos a un

mismo enlace en funcin de su estado.3.7.Imgenes

Aplicacin de las nuevas caractersticas CSS3

7/30/2019 Temario Del Taller HTML5

3/3

3.8.Layout

El diseo de las pginas web habituales se divide en bloques: cabecera,

men, contenidos y pie de pgina. Veremos la tcnica Responsive

Web.

4.Compatibilidad entre Navegadores

4.1.Condicionales IE

Mediante los condicionales podremos aplicar estilos especficos a las

distintas versiones de Internet Explorer.

4.2.Prefijos CSS (-webkit / -moz / -o)

Mediante los prefijos podremos aplicar estilos especficos segn el

navegador.

4.3.Modernizr.js

Libreras Javascript para la deteccin de capacidades de los

navegadores, para desarrollar aplicaciones web con HTML5 y CSS3 que

funcionen en cualquier dispositivo.