Online
150 horas, Créditos: 6 ECTS.
Modalidad Abierta
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.
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.
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.
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:
Estos son los objetivos que se pretenden alcanzar con este curso:
- 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.
Diploma certificado por el Instituto Tecnológico MasterD.
Unidad 1. ¿Qué son el HTML y el CSS?
Definición Historia Herramientas necesarias Donde colgar una web.
Unidad 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.
Unidad 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.
Unidad 4. Definición de Estilos CSS
Introducción ¿Para qué sirve? ¿Cómo funciona?.
Unidad 5. Creación de Ficheros de Estilos y de Selectores
Estilo en código Estilo interno Estilo externo Selectores Subsecciones dentro de un selector.
Unidad 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.
Unidad 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.
Unidad 8. Efectos Visuales y Estilos de Listas
Introducción Efectos visuales Estilos de listas.
Unidad 9. Estilos de Posición
El atributo position El atributo float El atributo clear El atributo z-index El atributo margin El atributo padding .
Unidad 10. Estilos Especiales
Cursor del ratón Altura de línea Fuentes de letras especiales Transparencia de elementos Cajas con sombreado.
Unidad 11. Acentos y Símbolos Especiales
Acentos y símbolos especiales.
Unidad 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.
Unidad 13. HTML5
Estructura mejorada Nuevos elementos de formulario Nuevos elementos de web.
Unidad 14. Directrices SEO para Posicionamiento
Las meta etiquetas Estructura Elementos Contenido Enlaces externos Redes sociales.
Unidad 15. Herramientas y Bibliografía
Herramientas y plugins para desarrolladores Bibliografía.