Diploma de Programación Web HTML y CSS

Hoy en día, la programación Web es una profesión muy demandada por las empresas, no solo para crear páginas web corporativas, si no para crear todo un sitio donde la empresa pueda gestionar sus tareas a través de una intranet corporativa. Este curso de programación HTML te formará para poder trabajar en este sector de programación web.

El lenguaje HTML es un lenguaje de programación interpretado, orientado sobre todo a la creación de sitios web. Su programación se realiza en base al uso de etiquetas o tags, encajonando y ordenando las órdenes que el navegador interpretará con el fin de mostrar correctamente las páginas web

HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos (videos, audio, elementos 3D). Nuestro curso también incluye materia de HTML5 en la que los alumnos ven estos nuevos elementos, atributos y etiquetas.

Las Hojas de Estilo en Cascada (CSS o “Cascade Style Sheet”) son la herramienta necesaria para indicar al navegador la forma de mostrar los elementos que hemos incluido en nuestro diseño web: textos, imágenes, tablas, etc...además CSS3 permite la división de estilos en módulos, añadiendo nuevas funcionalidades a las definidas en CSS2 y manteniendo la compatibilidad entre ambas versiones.

Las posibilidades que brinda la unión de HTML y CSS son infinitas, pudiendo crear autenticas obras de arte digitales con un poco de talento.

OBJETIVOS

• Aprender desde los conceptos básicos de la programación HTML y el diseño con hojas de estilo CSS hasta la creación de sitios web estáticos en base a diseños predefinidos y plantillas creadas por nosotros mismos.
• Usar potentes y flexibles herramientas de edición de código con el fin de poder realizar trabajos profesionales con pocos requerimientos.
• Aprender a crear sitios web con diseño líquido.
• Conocer el uso de software libre, que será un paso fundamental para ayudarnos a comprender mejor las bases de la programación HTML y el diseño con CSS, con el ahorro de coste de licencias que ello supone.
• Conocer el trabajo con hojas de estilo en cascada (CSS), que nos darán facilidad para modificar rápida y cómodamente cualquier aspecto visual de nuestra web.

CRÉDITOS 6 ECTS

1. ¿QUÉ SON EL HTML Y EL CSS?

• Definición.
• Historia.
• Herramientas necesarias.
• Dónde colgar una web.

2. ELEMENTOS HTML

• Estructura del archivo.
• Meta etiquetas.
• Elementos básicos.
• Tablas.
• Imágenes.
• Enlaces.
• Formularios.
• Listas.
• Capas.
• Etiquetado de elementos.
• Comentar código en HTML.

3. TESTEO Y VALIDACIÓN DE CÓDIGO HTML

• Introducción.
• ¿Por qué validar nuestra web con W3C?.
• ¿Dónde validar la web?.
• ¿Por qué nos interesa que nuestra web esté validada.
• Cómo empezar.

4. DEFINICIÓN DE ESTILOS CSS

• Introducción.
• ¿Para qué sirve?.
• ¿Cómo funciona?.

5. CREACIÓN DE FICHERO DE ESTILOS Y DE SELECTORES

• Estilo en código.
• Estilo interno.
• Estilo externo.
• Selectores.
• Subsecciones dentro de un selector.

6. ESTILOS DE TEXTOS

• El color del texto.
• La dirección del texto.
• El espacio entre letras.
• La alineación del texto.
• El estilo de decoración.
• Identación de línea o desplazamiento de la primera línea.
• Estilo de grosor del texto.
• Mayúsculas y minúsculas.
• Los espacios.
• El espacio entre palabras.
• Tamaño de letra.
• Familia de caracteres.
• Estilo de letra.

7. ESTILOS DE COLORES, FONDOS Y BORDES

• El color de fondo.
• Imagen como fondo
• Las repeticiones.
• Posición del fondo respecto al elemento que lo contiene.
• Fijar o dejar libre la imagen de fondo.
• El atributo background.
• Bordes.

8. EFECTOS VISUALES Y ESTILOS DE LISTAS

• Introducción.
• Efectos visuales.
• Estilos de listas.

9. ESTILOS DE POSICIÓN

• El atributo "position".
• El atributo "float".
• El atributo "clear".
• El atributo "z-index".
• El atributo "margin".
• El atributo "padding".

10. ESTILOS ESPECIALES

• Cursor del ratón.
• Altura de línea.
• Fuentes de letras especiales.
• Transparencia de elementos.
• Cajas con sombreado.

11. ACENTOS Y SÍMBOLOS ESPECIALES

• Acentos y símbolos especiales.

12. DINAMISMO EN LA WEB

• Introducción a eventos de elementos HTML.
• Control de eventos HTML.
• JavaScript básico para interactuar con CSS y elementos de la web.
• Integración de flash en la web.

13. HTML 5

• Estructura mejorada.
• Nuevos elementos de formulario.
• Nuevos elementos de web.

14. DIRECTRICES SEO PARA POSICIONAMIENTO

• Las meta etiquetas.
• Estructura.
• Elementos.
• Contenido.
• Enlaces externos.
• Redes sociales.

15. HERRAMIENTAS Y BIBLIOGRAFÍA

• Herramientas y plugins para desarrolladores.
• Bibliografía.