edge reflow: experto en diseño web responsive · edge reflow: experto en diseño web responsive +...

19
Titulación certificada por EUROINNOVA BUSINESS SCHOOL Información gratis Edge Reflow: Experto en Diseño Web Responsive Edge Reflow: Experto en Diseño Web Responsive

Upload: tranmien

Post on 15-Feb-2019

218 views

Category:

Documents


0 download

TRANSCRIPT

Titulación certificada por EUROINNOVA BUSINESS SCHOOL

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Modalidad: Online

Duración: 340 horas

Edge Reflow: Experto en Diseño Web Responsive

Precio: 199 € *

* Materiales didácticos, titulación y gastos de envío incluidos.

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Descripción

Si tiene interés en el sector del diseño web y desea conocer las técnicas para desenvolverse profesionalmente con HTML5 y CSS3 este es

su momento, con el Curso de Edge Reflow: Experto en Diseño Web Responsive podrá adquirir los conocimientos oportunos para

desarrollar esta función con éxito, aprendiendo con un ejercicio práctico a crear prototipos web interactivos y responsive.

Euroinnova Business School

Euroinnova Business School, es una escuela de negocios avalada por 5 universidades y múltiples instituciones a nivel

internacional. En el siguiente enlace puede ver los cursos Homologados

Además Euroinnova cuenta con más de 10.000 cursos online

Puede matricularse hoy con un 10% de descuento, si se matricula online en el siguiente enlace:

Al formar parte de Euroinnova podrás disponer de los siguientes servicios totalmente gratis, además de pasar a formar parte de una

escuela de negocios con un porcentaje de satisfacción de más del 95%, auditada por agencias externas, además de contar con el apoyo

de las principales entidades formativas a nivel internacional.

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

A quién va dirigido

El Curso de Edge Reflow: Experto en Diseño Web Responsive está dirigido a aquellos desarrolladores y diseñadores web que deseen

conocer y dominar el estándar HTML5 y CSS3, así como a pofesionales que quieran ampliar su formación con el conocimiento de

Edge Reflow.

Objetivos

- Conocer los conceptos fundamentales en Reflow.

- Crear un prototipo web interactivo.

- Crear sitios web que se adaptan automáticamente a cualquier resolución para obtener así una visualización óptima,

independientemente del tipo de pantalla, ya sea de ordenador, tableta o smartphone.

Para que te prepara

Este Curso de Edge Reflow: Experto en Diseño Web Responsive le prepara para tener una visión amplia del diseño web,

capacitándole para crear sitios web que se adaptan automáticamente a cualquier resolución para obtener así una visualización óptima

gracias al uso de HTML5 y CSS3.

Salidas laborales

Diseño Web.

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Titulación

Doble Titulación Expedida por EUROINNOVA BUSINESS SCHOOL y Avalada por la Escuela Superior de Cualificaciones

Profesionales

Una vez finalizado el curso, el alumno recibirá por parte de Euroinnova Formación vía correo postal, la titulación que acredita el haber superado

con éxito todas las pruebas de conocimientos propuestas en el mismo.

Esta titulación incluirá el nombre del curso/master, la duración del mismo, el nombre y DNI del alumno, el nivel de aprovechamiento

que acredita que el alumno superó las pruebas propuestas, las firmas del profesor y Director del centro, y los sellos de la instituciones

que avalan la formación recibida (Euroinnova Formación, Instituto Europeo de Estudios Empresariales y Comisión Internacional para

la Formación a Distancia de la UNESCO).

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Forma de financiación

- Contrarrembolso.

- Transferencia.

- Tarjeta de crédito.

- PayPal

Otros: PayU, Sofort, Western Union, SafetyPay

Llama gratis al 900831200 e informate de los pagos a plazos sin intereses que hay disponibles

Metodología

Entre el material entregado en este curso se adjunta un documento llamado Guía del Alumno dónde aparece un horario de tutorías

telefónicas y una dirección de e-mail dónde podrá enviar sus consultas, dudas y ejercicios. La metodología a seguir es ir avanzando a

lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y ejercicios. Para su evaluación, el alumno/a deberá

completar todos los ejercicios propuestos en el curso. La titulación será remitida al alumno/a por correo una vez se haya

comprobado que ha completado el itinerario de aprendizaje satisfactoriamente.

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Materiales didácticos

- Maletín porta documentos

-

- Subcarpeta portafolios

- Dossier completo Oferta Formativa

- Carta de presentación

- Guía del alumno

- Bolígrafo

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Profesorado y servicio de tutorías

Nuestro centro tiene su sede en el "Centro de Empresas Granada", un moderno complejo

empresarial situado en uno de los centros de negocios con mayor proyección de Andalucía Oriental. Contamos con una extensa plantilla de

profesores especializados en las distintas áreas formativas,

con una amplia experiencia en el ámbito docente.

El alumno podrá contactar con los profesores y formular todo tipo de dudas y consultas, así como

solicitar información complementaria, fuentes bibliográficas y asesoramiento profesional.

Podrá hacerlo de las siguientes formas:

- Por e-mail: El alumno podrá enviar sus dudas y consultas a cualquier hora y obtendrá respuesta

en un plazo máximo de 48 horas.

- Por teléfono: Existe un horario para las tutorías telefónicas, dentro del cual el alumno podrá hablar directamente con su tutor.

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Plazo de finalización

El alumno tendrá la posibilidad de incluir su currículum en nuestra bolsa de empleo y prácticas, participando así en los distintos

procesos de selección y empleo gestionados por más de 2000 empresas y organismos públicos colaboradores, en todo el territorio

nacional.

Agencia de colocación autorizada Nº 9900000169

Bolsa de empleo

Servicio gratuito que permitirá al alumno formar parte de una extensa comunidad virtual que ya disfruta de múltiples ventajas: becas,

descuentos y promociones en formación, viajes al extranjero para aprender idiomas...

Club de alumnos

El alumno podrá descargar artículos sobre e-learning, publicaciones sobre formación a distancia, artículos de opinión, noticias sobre

convocatorias de oposiciones, concursos públicos de la administración, ferias sobre formación, etc.

Revista digital

El alumno cuenta con un período máximo de 6 meses para la finalización del curso, a contar desde la fecha de recepción de las materiales

del mismo.

Si una vez cumplido el plazo no se han cumplido los objetivos mínimos exigidos (entrega de ejercicios y evaluaciones

correspondientes), el alumno podrá solicitar una prórroga con causa justificada de 3 meses.

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Programa formativo

PARTE 1. DISEÑO WEB RESPONSIVE CON EDGE

REFLOWUNIDAD DIDÁCTICA 1. PRESENTACIÓN AL CURSO DISEÑO WEB RESPONSIVE CON EDGE REFLOW

1.Objetivo de Diseño web responsive con Edge Reflow

UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS DE REFLOW

1.¿Qué es Edge Reflow?

2.Uso de flujo de trabajo para Edge Reflow

3.Interfaz para Edge Reflow

4.Qué es HTML y CSS

5.Modelo de caja

UNIDAD DIDÁCTICA 3. ELEMENTOS PARA CREAR Y EDITAR EN REFLOW

1.Creación de documento de proyecto en Reflow

2.Creación cajas en Reflow

3.Administrar assets importados en Reflow

4.Copiar y pegar SVGs

5.Trabajando entre Photoshop CC

6.Posición y orden de apilamiento de elementos

7.Márgenes y almohadillas en Edge Reflow

UNIDAD DIDÁCTICA 4. CREACIÓN DE PROTOTIPO WEB DE INTERACTIVO

1.Crear del encabezado

2.Insertar fondo de pantalla de la página web

3.Insertar elementos como imágenes y textos

4.Cajas como imágenes de fondo

5.Área central

6.Crear la página de planes y contacto

7.Hacer responsive las páginas planes y contacto

PARTE 2. DISEÑO WEB RESPONSIVE CON HTML5 Y

CSS3UNIDAD DIDÁCTICA 1. INTRODUCCIÓN

1.El diseño web actual

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

2.Diseño web responsive

3.Planteamientos de diseño

4.Pasar a otra cosa

5.Objetivos del libro

6.Herramientas del maquetador

1.- Objetivos

2.- Mozilla Firefox

3.- Google Chrome

4.- Apple Safari

5.- Microsoft Internet Explorer

7.Descargar ejemplos

UNIDAD DIDÁCTICA 2. SOLUCIONES PARA LA COMPATIBILIDAD

1.Disparidad entre navegadores

2.Mejorar la compatibilidad

3.Visualización inicial de los navegadores

1.- El problema

2.- El reset universal

3.- El reset de Eric Meyer

4.- El reset de HTML5 Doctor

4.Normalize.css

1.- El proyecto

2.- Descargar Normalize.css

3.- Instalar Normalize.css

5.El HTML5 y html5shiv.js

1.- Objetivo

2.- Archivo de ejemplo

3.- Librería html5shiv.js

6.Media queries y respond.js

1.- Objetivo

2.- Archivo de ejemplo

3.- La librería respond.js

7.Las alternativas y Modernizr.js

1.- Objetivo

2.- Descargar Modernizr

3.- Crear una página de ejemplo

4.- Instale y enlace el script Modernizr

5.- La activación de Modernizr

6.- Utilizar las clases de Modernizr

7.- Utilizar Modernizr con JavaScript

8.Las reglas @supports

1.- Objetivo

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

2.- Utilizar las reglas @supports

3.- Operadores

UNIDAD DIDÁCTICA 3. EL DISEÑO CLÁSICO

1.Diseñadores y maquetadores

2.Modelos de cajas

3.Los márgenes de los elementos

4.Visualización de los elementos

5.Visualización en flujo normal

6.Posicionamiento absoluto

7.Posicionamiento fijo

8.Posicionamiento relativo

9.Utilizar el diseño en posición relativa y absoluta

10.Visualización de cajas flotantes

1.- Posicionamiento flotante

2.- Colocar las cajas al lado

3.- Prohibir la flotación

4.- Ejemplo con cuatro cajas

5.- Diseño simplista

6.- Conclusión sobre diseñar con elementos flotantes

UNIDAD DIDÁCTICA 4. DISEÑAR CON TABLAS

1.Objetivo

2.La propiedad display

3.Diseño simple con una tabla

4.Ancho en pantalla de la tabla

5.Elementos anónimos

6.Otros elementos para las tablas

1.- Párrafos en las celdas

2.- Listas en tablas

7.Diseño de las filas

8.Establecer el ancho de las celdas

1.- Anchos fijos

2.- Anchos en porcentaje

9.Diseño con una tabla más estructurada

10.Otras propiedades de diseño

1.- Propiedad table-layout

2.- Propiedad border-collapse

3.- Propiedad border-spacing

4.- Propiedad empty-cells

5.- Propiedad caption-side

11.Alineación vertical

12.Conclusión

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

UNIDAD DIDÁCTICA 5. CUADRÍCULAS DE DISEÑO

1.Objetivo

2.Estructura de las cuadrículas para la web

3.Cuadrículas fijas

4.La cuadrícula fija 960gs

1.- Cuadrícula

2.- Archivos CSS

3.- Página de ejemplo

4.- Enlaces a las hojas de estilo

5.- Estilos personales

6.- Contenedor del diseño

7.- Bloques en 12 columnas

8.- Bloques en las columnas de la cuadrícula

9.- Prohibir los bloques flotantes adyacentes

10.- Bloques con desplazamiento

11.- Bloques centrados

12.- Código completo de la página

5.Cuadrícula fija notjustagrid

1.- El framework

2.- Cuadrícula

3.- Página de ejemplo

4.- Archivos CSS

5.- Enlaces a las hojas de estilo

6.- Estilos personales

7.- Contenedor del diseño

8.- Sistema de clases

9.- Bloque para todo el ancho

10.- Tres bloques en un tercio de la cuadrícula

11.- Dos bloques en 3/5 y 2/5 de la cuadrícula

12.- Un solo bloque en 2/3 de la cuadrícula

13.- Código completo de la página

6.Cuadrícula fluida Gridiculous

1.- Cuadrículas fluidas

2.- Cuadrícula Gridiculous

3.- Página de ejemplo

4.- Descargar la cuadrícula

5.- Instalar la cuadrícula

6.- Estilos personales

7.- Contenedor

8.- Filas

9.- Tres bloques con la misma anchura

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

10.- Dos bloques con anchos distintos

11.- Bloque desplazado

12.- Visualización de la cuadrícula fluida

UNIDAD DIDÁCTICA 6. MEDIA QUERIES

1.Objetivo

2.Orígenes

3.Uso de media queries

4.Sintaxis de las media queries

5.Características a prueba

6.Dónde ubicar las media queries

7.Tamaño de las pantallas de los móviles

8.El concepto viewport

9.Un ejemplo muy sencillo

1.- Esquema

2.- Código HTML y CSS

10.Cuadrícula responsive

1.- Cuadrícula

2.- Descargar e instalar la cuadrícula

3.- Crear una página sencilla de 12 columnas

4.- Vínculo a los estilos y a los scripts

5.- Estructura del diseño

6.- Reglas CSS

11.Ejemplos de sitios con media queries

UNIDAD DIDÁCTICA 7. EL DISEÑO RESPONSIVE

1.El diseño responsive

2.Cuadrículas responsive

3.Cuadrícula responsive Simple Grid

4.-Utilizar Simple Grid

1.- Descargar e instalar Simple Grid

2.- Filas

3.- Esquema

4.- Primera fila

5.- Segunda fila

6.- Tercera fila

7.- Utilizar la cuadrícula fluida y responsive

8.- Código completo

5.Cuadrícula responsive Columnal

1.- Utilizar Columnal

2.- Descargar e instalar Columnal

3.- Esquema

4.- Contenedor y filas

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

5.- Primera fila

6.- Segunda fila

7.- La tercera fila y el desplazamiento

8.- La cuarta fila y bloques anidados

9.- Utilizar la cuadrícula fluida y responsive

10.- Código completo del diseño

11.- Imágenes responsives

12.- Código completo para el diseño con una imagen responsive

6.Uso de imágenes

7.Imágenes fluidas

1.- Objetivo

2.- Diseño fijo

3.- Diseño fluido

4.- Ancho fluido de otros elementos

5.- Anchos de imágenes fluidas

6.- Abrir y cambiar el tamaño de la página

7.- Código completo de la página

8.Script Response.js

1.- Utilizar JavaScript

2.- Descargar el JavaScript

3.- Enlaces a los JavaScript

4.- Preparar imágenes

5.- Código de la página

6.- Funcionamiento del script

7.- Optimizar las leyendas

8.- Código completo de la página

9.Script picturefill.js

1.- Utilizar JavaScript

2.- Descargar el JavaScript

3.- Enlaces a los JavaScript

4.- Preparar imágenes

5.- Código de la página

6.- Visualización de la imagen responsive

7.- Código para las pantallas de alta definición (Retina)

8.- Código completo de la página

10.Script responsive-images.js

1.- Utilizar JavaScript

2.- Descarga la demo

3.- Código de la página

4.- Utilizar la página

11.Propuestas para el futuro

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

1.- Grupos de trabajo: RICG y W3C

2.- Grupos de trabajo: Apple y W3C

12.Tipografía responsive

1.- Objetivo

2.- Unidades utilizadas

3.- Unidad em y cascada

4.- Unidad rem y la cascada

5.- Tipografía responsive y unidad rem

6.- Tipografía responsive y fuentes

7.- Unidades relacionadas con el viewport

13.Tablas responsives

1.- Objetivo

2.- Zurb

3.- La solución de Geoff Yuen

4.- La solución de Chris Coyier

5.- Otras soluciones

UNIDAD DIDÁCTICA 8. FRAMEWORKS DE CSS

1.Utilizar los frameworks de CSS

2.Frameworks de CSS

3.UIkit

1.- Utilizar UIkit

2.- Descargar el framework

3.- Descargar jQuery

4.- Instalar el framework

5.- Crear una cuadrícula fluida

6.- Utilizar la cuadrícula fluida

7.- Utilizar la cuadrícula responsive de UIkit

8.- Crear una barra de navegación

9.- Crear una tabla con formato

4.Kube

1.- Utilizar Kube

2.- Descargar el framework

3.- Instalar el framework

4.- Crear una cuadrícula fluida y responsive

5.- Utilizar la cuadrícula fluida y responsive

6.- Insertar un formulario

7.- Insertar botones

5.Pure

1.- Utilizar Pure

2.- Descargar el framework

3.- Enlazar el framework

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

4.- Utilizar la cuadrícula fluida responsive

5.- Insertar una tabla

6.- Insertar una barra de menú con un menú desplegable

UNIDAD DIDÁCTICA 9. EL FUTURO DEL DISEÑO

1.Objetivos

2.Multicolumna

1.- Preceptos de uso

2.- Configuración de columnas

3.- Configuración de las calles

4.- Configuración de saltos de columna

5.- Distribución en varias columnas

6.- Un generador de multicolumnas

7.- Columnas y diseño responsive

3.Cajas flexibles

1.- Ubicación de los elementos de diseño

2.- Módulo de las cajas flexibles

3.- Cajas flexibles

4.- Orientación y dirección de las cajas

5.- Desbordamiento de las cajas

6.- Orientación de las cajas

7.- Alineación horizontal de las cajas

8.- Alineación vertical de las cajas

9.- Excepciones en la alineación vertical

10.- Excepciones en la alineación horizontal

11.- Propiedades de la flexibilidad

12.- Propiedad flex-grow

13.- Propiedades flex-shrink y flex-basis

14.- Constructores en línea

15.- Ejemplo de diseño flexible

4.Otros módulos del W3C

1.- Recorrido

2.- Cuadrículas

3.- Plantilla de página

4.- Distribución

5.- Regiones

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

Haz clic para conocer nuestro catálogo de cursos online

Arrays, Audio, Avanzado, Canvas, Código, CSS3, curso, diseño, DOM, Edge, HTML5, JavaScript, lenguaje, Navegadores,

páginas, programacion, Reflow, Video, Web

Terminos relacionados:

PROGRAMA DE BECAS PARA MASTER

Euroinnova cuenta con un programa de becas de master para ayudarte a decicir tu futuro, puedes entrar

y solicitarla, Euroinnova cuenta con más de 2000 master online que puedes consultar y solicitar tu beca.

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive

Edge Reflow: Experto en Diseño Web Responsive

+ de 100.000 alumnos formados con el 99% de satisfacción, consulta opiniones reales

FICHA DE MATRICULACIÓN

Para efectuar su matrícula sólo tiene que hacernos llegar esta ficha con sus datos personales vía email a [email protected].

Una vez recibidos los datos personales, uno de nuestros asesores pedagógicos contactará

con usted para concretar la matrícula y confirmarle cuando va a recibir todos los

materiales en su domicilio.

POSTGRADO EN QUE DESEA MATRICULARSE: : .........................................................

...............................................................................................................................

Nombre: ................................................................................................................

Apellidos:..............................................................................................................

DNI/ID/Pasaporte:.................................................................................................

Domicilio envío: ....................................................................................................

................................................................................... CP:.....................................

Localidad:..............................................................................................................

Provincia:.............................................. País:.........................................................

Teléfono:...................................... E-mail:..............................................................

Horario de entrega (Mañana o tarde)......................................................................

Forma de pago .......................................................................................................

Observaciones:.......................................................................................................

DESDE ESPAÑA LLAMA GRATIS A: DESDE FUERA DE ESPAÑA:

900 831 200 + 34 958 05 02 00

EUROINNOVA FORMACIÓN

POLÍGONO INDUSTRIAL LA ERMITA.

EDIF. CENTRO DE EMPRESAS GRANADA. OFICINA 1º D • 18230 ATARFE - GRANADA

Teléfono: 958 050 200

www.euroinnova.edu.es Llama gratis : 900 831 200

Información gratis Edge Reflow: Experto en Diseño Web Responsive