Diseño de páginas web con HTML y CSS.

Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero los conocimientos necesarios del lenguaje HTML y de las hojas de estilo en cascada (CSS); y, posteriormente, se estudia una aplicación de desarrollo profesional de sitios web, como es Adobe Dreamweaver.

Curso Diseño de páginas web con HTML y CSS.

$2,790.00Precio
  • Fundamentos del HTML y CSS.
    Se estudia el lenguaje HTML para construir las páginas web y las hojas de estilo en cascada CSS para aplicarles formato y conseguir el aspecto deseado. El alumno adquiere los conocimientos necesarios para escribir e interpretar correctamente el código correspondiente, siguiendo los estándares web.

    Introducción y objetivos.
    Descripción general del curso, incluyendo:
    * El objetivo general del curso.
    * Los objetivos específicos identificados.
    * Los contenidos formativos.

    Introducción.
    Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización correcta de cada uno de estos lenguajes. Finalmente, se indican las aplicaciones informáticas que requiere un diseñador de páginas web y cuáles se utilizarán a lo largo del curso. Contenido:
    1. Un paseo por la Web.
    2. ¿Qué es el HTML?
    3. Hojas de estilo en cascada (CSS).
    4. ¿Qué herramientas necesitamos?

    Estructura del código HTML.
    Se describe la sintaxis de las etiquetas HTML y la posibilidad de que presenten atributos para establecer propiedades o características adicionales. Se introducen las etiquetas HTML fundamentales que describen una página web, como html, head y body y la etiqueta de párrafo de texto p. Además, se indica cómo guardar una página web y establecer el título de la misma. Contenido:
    1. Las etiquetas HTML.
    2. Guardar la página web.
    3. Introducir párrafos de texto.
    4. Las etiquetas tienen atributos.
    5. El título de la página.

    Texto.
    Se describen las características del texto de una página web utilizando el lenguaje HTML. Se estudia la distribución en párrafos y títulos de la página y se indica la posibilidad de escribir texto predefinido (aquel que se muestra en la página web tal como lo hemos escrito en el código). También se estudia la incorporación de líneas separadoras y los llamados elementos de frase, que sirven para describir el texto de una forma semántica (por ejemplo, para representar una cita, una abreviatura, aplicar énfasis, etc.). Contenido:
    1. Títulos.
    2. Texto predefinido.
    3. Líneas separadoras.
    4. Elementos de frase.

    Incorporar imágenes en la página web.
    Se estudia la etiqueta img del lenguaje HTML, utilizada para incorporar imágenes en el contenido de una página web, describiendo los formatos gráficos adecuados para este propósito. Se describe cómo optimizar una imagen para la Web (resolución, modo de color y compresión). Finalmente, se presenta la posibilidad de incluir imágenes como fondo de la página o de otros elementos, para lo que se utiliza las hojas de estilo en cascada (CSS). Contenido:
    1. Introducción.
    2. Resolución y modo de color.
    3. Formatos gráficos.
    4. La etiqueta img.
    5. Especificar las dimensiones de la imagen.
    6. Imágenes como fondo.

    Hipervínculos o enlaces.
    Se introduce el concepto de hipervínculo, fundamental para poder navegar entre páginas web, y cómo podemos representarlo en el código HTML. Se estudian los distintos tipos de hipervínculos: vínculos a otras páginas del sitio web, vínculos a páginas externas al sitio web, vínculos a lugares concretos de una página web o vínculos que apuntan a direcciones de correo electrónico. Finalmente, se comprueba que las imágenes también pueden funcionar como hipervínculos. Contenido:
    1. Introducción.
    2. Vínculos a otras páginas web.
    3. Vínculos a una parte de una página web.
    4. Vínculos a lugares de Internet.
    5. Vínculos a direcciones de correo electrónico.
    6. Imágenes que actúan como vínculos.

    Introducción a CSS (Parte 1).
    Se introduce el lenguaje de las hojas de estilo en cascada (CSS), resaltando que son la herramienta que un diseñador web debe utilizar para aplicar formato a las páginas web. Se describe la sintaxis de las reglas CSS, compuestas de un selector y de la declaración de la regla; cómo enlazar las hojas de estilo con el código HTML; cómo aplicarlas; y los conceptos de herencia y cascada, esenciales para entender esta tecnología. Contenido:
    1. ¿Qué son las hojas de estilo en cascada (CSS)?
    2. La