Diseño Web Front-End

Trazos_
En Madrid

1.990 
IVA inc.
¿Quieres hablar con un asesor sobre este curso?
Compara este curso con otros similares
Ver más cursos similares

Información importante

  • Curso
  • Nivel intermedio
  • Madrid
  • 150 horas lectivas
  • Duración:
    28 Días
  • Cuándo:
    A elegir
Descripción

Si te apasiona la informática y el universo Internet, y te gustaría aprender a diseñar páginas web de forma completamente profesional, este Curso de Diseño Web Front-End, impartido por el centro de formación Trazos, es la opción perfecta para cumplir dicho objetivo.

El temario de la acción formativa, que emagister.com publica en la sección de diseño de páginas web, está dividido en una serie de apartados que tratan aspectos clave en esta materia. En el primer módulo, aprenderás nociones básicas de diseño web, como principios de usabilidad y accesibilidad, o las diferencias entre desarrollo frontend y backend. Posteriormente, pasarás al desarrollo web propiamente dicho, para lo que aprenderás a utilizar Dreamweaver, HTML y las propiedades de las etiquetas de las hojas de estilo CSS, aunque más adelante te adentrarás en el diseño con HTML5 y CSS3, los futuros estándares de la web. También aprenderás a usar Javascript y jQuery para las operaciones de animación y cálculo, PHP y a diseñar paneles con Flash.

El curso cuenta con un total de 150 horas que se desarrollarán de forma presencial en la ciudad de Madrid a lo largo de 28 días, aunque los horarios son muy flexibles. Una vez finalices la formación, Trazos te hará entrega de un diploma acreditativo.

Información importante
Instalaciones y fechas

Dónde se imparte y en qué fechas

Inicio Ubicación
A elegir
Madrid
Cuesta de San Vicente, nº 4, 28008, Madrid, España
Ver mapa

Preguntas Frecuentes

· Titulación

Certificado de asistencia otorgado por Trazos_

Opiniones

No hay opiniones de este curso todavía
Pregunta a los Antiguos Alumnos qué les pareció.

Su experiencia te será de mucha ayuda para decidirte.

¿Qué aprendes en este curso?

Desarrollo web
Usabilidad web
jQuery
Etiqueta
Diseño web
CSS
Javascript
Posicionamiento SEO
Conexión en bases de datos
Diferencias entre MySQL y PHPMyAdmin
Realizar banners con Flash
Relleno y traslado de formas con Flash
Optimización de imágenes
Principios básicos de programación con JavaScript
Nociones de jQuery
Sombras de capa y texto
Uso de la propiedad Transform
Uso de RGBA en colores
Diferencias entre desarrollo frontend y backend
Principios de usabilidad
Principios de accesibilidad
Preparación del entorno para el desarrollo
Estándares web: HTML y CSS
Uso de etiquetas

Temario



Diseño Web
  • Diferencias entre desarrollo Frontend y Backend.
  • Piezas básicas publicitarias: Banners, newsletter y Landing Pages(LP).
  • Estructura y diseño de cada pieza.
  • Prototipado(Wireframe) y diseño de páginas web.
  • Principios de Usabilidad
  • Principios de Accesibilidad.
  • HTML + CSS: Estándares web


Introducción a web: Navegadores, motor de navegadores, sistemas operativos.

  • Preparación del entorno para el desarrollo.
  • Interfaz y características de Dreamweaver.
  • HTML: versiones y diferencias.
  • Estándares web: XHTML 1.0 Transitional y CSS.
  • Etiquetas y atributos.
  • Semántica de las etiquetas.
  • Uso de las etiquetas.
  • DOCTYPE y Codificación de caracteres(Charset).
  • Head.
  • Title.
  • Párrafos.
  • Imagen.
  • Enlaces: hipervínculos, anclas, enlaces y uso del mailto.
  • Listas: ordenadas, desordenadas y de definiciones.
  • Etiquetas meta.
  • Uso de marcos
  • Tablas y formularios(Programación por tablas.
  • Rutas y direcciones: Relativas y absolutas.
  • Selectores CSS.
  • Uso de la etiqueta
  • Propiedades CSS.
  • Pseudoclases.
  • Pseudoelementos.
  • Enlazar CSS.


HTML 5 + CSS3: El futuro de la web

  • Introducción a HTML 5.
  • Diferencias HTML 5 vs XHTML 1.0 Transitional.
  • Compatibilidad de HTML 5.
  • HTML: versiones y diferencias.
  • Estándares web: XHTML 1.0 Transitional y CSS.
  • Etiquetas básicas: Header, footer, nav, article, section, aside, mark y hgroup.
  • Vídeo en HTML 5: Formatos de vídeo, uso del htaccess y solución crossbrowsing
  • Audio en HTML 5: Formatos de auto, uso de htaccess y solución crossbrowsing
  • Manifest: uso del modo offline.
  • Introducción a los Microdatos.
  • Animación en CSS3 vs Javascript: Ventajas y desventajas.
  • Animaciones: uso de la propiedad Transition
  • Transformaciones: uso de la propiedad Transform.
  • Sombras de capa y textos: Box-shadow y text-shadow
  • Uso de RGBA en colores.
  • Responsive Design: Uso de MediaQueries.


Javascript y jQuery: Animación y cálculo

  • Principios básicos de la programación.
  • Variables
  • Funciones
  • Condicionales y bucles
  • Objeto Window, Screen y Document
  • Introducción a jQuery
  • Eventos: Click(), Mouseover() y Mouseout()
  • Fadein(), FadeOut()
  • CSS() y Animate()


PHP: Introducción a backend

  • Frontend vs Backend
  • Diferencias entre SQL(MySQL), PHPMyAdmin y PHP
  • Variables
  • Condicionales y bucles: IF y WHILE - INCLUDE(), REQUIRE(), MAIL()
  • Búsquedas en SQL
  • Conexión en BBDD
  • INSERT y SELECT
  • Práctica final: Formulario con envío e inserción en BBDD


Flash: Uso para Banners

  • Introducción
  • Línea de tiempo
  • Formas: Relleno y trazado
  • Concepto y Tipos de Símbolos
  • Imágenes y optimización de las mismas
  • Interpolaciones: Tipos y diferencias
  • Características Flash: Versión de flash, número de FPS, número de ...
  • Introducción a AS2 y AS3: ClickTag.

Compara este curso con otros similares
Ver más cursos similares