Módulo Superior en Diseño Web

Información
FT Formación
Precio a consultar
Online
Diseño de páginas web
Descripción del curso
Descripción 48 horas lectivas + 42  horas prácticas Objetivos: 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.
Habilidades
¿Qué aprendes en este curso? CSS HTML Páginas web Hojas de estilo Posicionamiento Color Sitios web Multimedia Adobe Dreamweaver
Temario
Temario s: 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 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. 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. 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.). 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). 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. 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. Introducción a CSS (Parte 2) Se introducen los dos elementos fundamentales en la composición o maquetación de una página web: las etiquetas HTML div y span. Seguidamente se estudia cómo crear selectores complejos en las reglas CSS, así como el uso de las pseudoclases y pseudoelementos CSS. Dar formato al texto de las páginas web Se describen las propiedades más utilizadas a la hora de dar formato al texto de las páginas web mediante las hojas de estilo en cascada (CSS): la elección de fuentes o tipos de letra, el tamaño del texto, realces, alineación, color, etc. Listas Se introducen los distintos tipos de listas HTML que podemos incorporar en una página web: listas sin numerar, listas numeradas y listas de definición. También se estudian las propiedades CSS que afectan al aspecto de las listas. Tablas Introduce las tablas como elemento adecuado a la hora de presentar información tabular en una página web. Describe las etiquetas HTML relacionadas con las tablas y las propiedades CSS para aplicar el formato y aspecto deseado. Se presenta el concepto de modelo de caja, fundamental a la hora de diseñar páginas web mediante CSS. Se recuerda que las tablas no son la herramienta adecuada para maquetar una página web excepto si deseamos compatibilidad con navegadores antiguos. Temas avanzados sobre tablas Estudia conceptos avanzados en el trabajo con tablas en páginas web: se indica cómo establecer las dimensiones de la tabla, su número de columnas, etc. y cómo afecta estos detalles al cargar la tabla en la página web; la posibilidad de unir celdas en dos o más filas o columnas; crear tablas anidadas, es decir, una tabla en el interior de otra tabla, etc. Frames Describe cómo dividir la página web en frames o marcos a través del código HTML, de forma que sea posible mostrar en pantalla más de una página web al mismo tiempo. Aunque es una técnica que no se recomienda actualmente, un buen diseñador web tiene que conocer el código correspondiente a los frames. Posicionamiento mediante CSS (Parte 1) Describe la forma correcta de maquetar o distribuir los elementos de una página web mediante posicionamiento CSS. En este caso, se estudia el uso de los elementos flotantes (propiedad float) y del clearing o desplazamiento. Posicionamiento mediante CSS (Parte 2) Describe otros métodos de posicionamiento CSS, como el posicionamiento absoluto, relativo y fijo. A diferencia de los elementos flotantes, en este caso la posición de los elementos viene dada por coordenadas x e y. También es posible crear solapamiento de elementos a través del índice z. Diseño con Dreamweaver Se estudia el entorno de trabajo y las características de Adobe Dreamweaver para desarrollar completos sitios web. El alumno aplica sus conocimientos de HTML y CSS pero aprendiendo a la vez a trabajar en un entorno de diseño profesional como es Dreamweaver. Introducción a Dreamweaver Configuración de un sitio web Trabajar con texto Trabajar con hipervínculos y listas Trabajar con imágenes Edición de imágenes Añadir elementos multimedia Trabajar con tablas Trabajar con formularios (Parte 1) Trabajar con formularios (Parte 2) Maquetar la página con CSS Revisar y publicar el sitio web Fundamentos de JavaScript Estudia el lenguaje JavaScript para crear guiones o scripts que se incluyen en las páginas web y que son ejecutados por el navegador que utiliza el usuario. Tareas como la validación de los datos enviados por el usuario en un formulario o la manipulación del Modelo de Objetos del Documento (DOM) pueden realizarse mediante un lenguaje como JavaScript. Además, será el lenguaje utilizado para trabajar con las API de HTML5. Introducción Introducción a JavaScript Fundamentos de programación Objetos y Arrays en JavaScript Los objetos location e history El objeto document El objeto form Modelo de Objetos del Documento (DOM) Manipulación del DOM Buenas prácticas HTML5 y CSS3 Estudia las novedades que aportan HTML5 y CSS3 como evolución de los dos principales estándares web. De HTML5 se identifican los nuevos elementos semánticos, las características propias para reproducir elementos multimedia o las nuevas características de los formularios. En cuanto a CSS3 se ilustran las propiedades más interesantes (nuevos selectores, técnicas de diseño avanzadas, transiciones y transformaciones, etc.). Elementos estructurales de HTML5 La lección empieza con el estudio del tipo de documento o doctype que indica que una página web sigue la especificación de HTML5. Después introduce uno a uno los elementos estructurales de HTML5 que permiten describir mucho mejor el contenido de una página web. Como ejemplo de ello, se vuelve a maquetar una página web en la que se habían utilizado elementos neutros div, sustituyéndolos por los nuevos elementos estructurales. Trabajando con esquemas HTML5 Se indica cómo ajustar el código de una página web que utiliza los elementos estructurales HTML5 para que sea mostrada correctamente por los navegadores antiguos, en especial por Internet Explorer 8 y anteriores. Seguidamente se estudian otros elementos semánticos de HTML5, como mark, progress, etc. A continuación se describe el significado que tiene anidar elementos estructurales, por ejemplo, para representar un artículo o post en un blog y los comentarios que tiene relacionados. La lección finaliza con el concepto del esquema del documento. Formularios HTML5 Describe las nuevas características de los formularios en HTML5: nuevos controles, nuevos atributos y validación nativa. También se indica cómo simular estas características para el caso de que el usuario utilice algún navegador antiguo. Para esto último, se emplea código JavaScript. Dibujar con el elemento canvas (Parte 1) Presenta el elemento canvas de HTML5, que sirve para dibujar en la superficie de la página web sin necesidad de ningún complemento adicional, como Flash o Silverlight. Describe los métodos básicos de dibujo: líneas, rectángulos, arcos y trazados. Dibujar con el elemento canvas (Parte 2) Continúa estudiando otras características del elemento canvas de HTML5: estilos de línea, utilizar gradientes de color, utilizar patrones y dibujar imágenes o texto en la superficie de la página. Vídeo y audio en HTML5 Estudia cómo incorporar vídeo y audio mediante las nuevas etiquetas HTML5. Con esas etiquetas es el navegador el que reproduce de forma nativa el contenido multimedia, sin necesidad de utilizar ningún complemento o plugin externo. Se estudian los distintos formatos y códecs que están disponibles y se indica cuáles son los que utilizan los principales navegadores. También se proporciona indicaciones para completar el código de forma que los navegadores antiguos puedan reproducir el contenido multimedia mediante Flash. Introducción a CSS3 (Parte 1) Presenta varias novedades que aparecen con la versión Nivel 3 de las Hojas de estilo en cascada (CSS3): nuevos selectores, la posibilidad de redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto, utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como imágenes de fondo. Introducción a CSS3 (Parte 2) Sigue presentando otras características nuevas de CSS3, como la posibilidad de incrustar fuentes junto a la página web, aplicar múltiples imágenes de fondo a los elementos y aplicar transiciones y/o transformaciones (cambiar el tamaño, rotar, inclinar o desplazar un elemento) entre distintos estados.
Otros cursos de esta academia
Prevención de riesgos Laborales
(FT Formación)
*de 1 a 25 personas...*a partir de 1 a 25 personas...paterna parque empresarial táctica c/ botiguers n º 5 1ª b110, 46980, valencia, españa...desarrollo de los cursos:cursos...
Auditorías internas en medio ambiente y calidad
(FT Formación)
*nos adaptamos a cada empresa,  elaborando un programa formativo orientado a la necesidad específica del cliente...paterna parque empresarial táctica c/ botiguers...
Outdoor Training
(FT Formación)
*nos adaptamos a cada empresa,  elaborando un programa formativo orientado a la necesidad específica del cliente...•impulsar una cultura de mejora y aprendizaje...
Programa especializado en el desarrollo de habilidades de trabajo en equipo
(FT Formación)
Desarrollar de manera efectiva y personal estas y otras habilidades es clave para afianzar aquellos valores, talentos y actitudes necesarias para trabajar como un...
Coaching para la Atención al Cliente
(FT Formación)
*nos adaptamos a cada empresa,  elaborando un programa formativo orientado a la necesidad específica del cliente...paterna parque empresarial táctica c/ botiguers...
Programa especializado en el desarrollo de habilidades directivas y liderazgo
(FT Formación)
• documentación y lecturas...gracias a  esta metodolog ía  se experimentan decisiones y situaciones reales, en  un entorno simulado, que después podrá aplicar  en...
Comercialización estratégica de alto rendimiento.
(FT Formación)
*nos adaptamos a cada empresa,  elaborando un programa formativo orientado a la necesidad específica del cliente...integración delmarketing a laempresa...
Desarrolla tu ADN Comercial
(FT Formación)
La actitud e inteligencia comercial es indispensable para ejercitar, desarrollar y liderar un departamento comercial...temario módulo1: perfil técnico comercial...
Desarrolla tu Marca Digital
(FT Formación)
*nos adaptamos a cada empresa,  elaborando un programa formativo orientado a la necesidad específica del cliente...paterna parque empresarial táctica c/ botiguers...
Gestión de Equipos
(FT Formación)
M ódulo 2: trabajoen equipo son muchas las empresas que creen trabajar en equipo cuando en realidad son grupos de personas que trabajan de forma más o menos coordinada...