ONLINE
Modalidad Abierta
El Curso de Diseño Web Front-End es presencial y se imparte en Madrid.
Nuestro Curso de Diseño Web te dotará de los conocimientos necesarios para diseñar páginas webs profesionales para todo tipo de empresas e instituciones. Te abrimos las puertas de un futuro lleno de posibilidades laborales y creativas.
Internet ha revolucionado la manera que tenemos de entender el mundo. La web es hoy el principal escaparate de las empresas para promocionar y vender sus servicios: pese a la crisis, el sector comercial en los entornos digitales creció un 19,8 por ciento en 2012 (Estudio sobre comercio electrónico BC2, ONTSI, 2012), lo que obliga a las empresas a estar presente en Internet. Por ello, la profesión de diseñador web se cotiza al alza, especialmente la de aquellos que, además de dominar el lenguaje gráfico, sepan integrar los lenguajes de programación más utilizados en la red. Sin la figura del maquetador web, las empresas corren el riego de resultar invisibles a ojos de sus clientes.
El Curso de Diseño Web ha sido pensado para ofrecerte una formación íntegra y profesional en las posibilidades del diseño web. Nuestro proyecto formativo cubre todas las áreas de la comunicación digital, desde la creación y optimización de páginas web hasta la realización de campañas de comunicación online o la creación de animaciones para Internet. Nos avalan más de 20 años dedicados a la formación en las nuevas tecnologías y un plantel de profesionales que conocen de primera mano el mercado laboral.
Salidas profesionales
Nuestro programa formativo te permitirá desarrollar una carrera como profesional en cualquiera de las siguientes disciplinas digitales.
-Diseñador web.
-Desarrollador de bases de datos online.
-Programador para lenguajes de Internet.
-Creativo publicitario para agencias de publicidad.
-Profesional del marketing.
Objetivos Curso Diseño Web Front-End
-Aplicar los conceptos fundamentales del diseño gráfico al diseño web.
-Desarrollar contenidos web con XHTML, CSS y Javascript.
-Crear y editar webs a nivel profesional con Adobe Dreamweaver.
-Optimizar la arquitectura de la web para un mejor posicionamiento SEO y una usabilidad eficaz.
-Lanzar campañas de comunicación a través del diseño de banners y newsletters.
-Desarrollar técnicas de creatividad con el fin de incorporar ideas innovadoras y atractivas.
Destinatarios Curso Diseño Web Front-End
Licenciados y estudiantes en Comunicación Audiovisual, Diseño, Bellas Artes, Publicidad y otras carreras del sector de la comunicación y el arte profesionales del sector del diseño web que deseen actualizar sus conocimientos técnicos graduados en Bachillerato y cualquier persona que, sin necesidad de conocimientos previos, quiera iniciar una carrera en el mundo del diseño web.
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(iFrame).
-Tablas y formularios(Programación por tablas).
-Rutas y direcciones: Relativas y absolutas.
-Selectores CSS.
-Uso de la etiqueta (style).
-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.
-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
-Introducción a AS2 y AS3: ClickTag
Software Utilizado
-Adobe Dreamweaver.
-Adobe Flash.
-HTML5.
-CSS.
-JavaScript.
-PHP.