Diseño Responsivo:

Web móvil
Parte III

www.institutointernet.net
Para el nuevo profesional
TEMARIO

Elementos multimedia responsivos

Construyendo sitios Web responsivos

Diseño responsivo y eMarketing

Experiencias responsivas

Diseño Responsivo: Web Móvil www.institutointernet.net

2
 Objetivos

 Manipular elementos multimedia en forma responsiva.

 Construir sitios Web responsivos básicos.

 Establecer relaciones entre diseño responsivo y eMarketing..

 Confrontar manifestaciones de la Web responsiva.

Diseño Responsivo: Web Móvil www.institutointernet.net

3
 Manipulando elementos
multimedia en forma
responsiva

Diseño Responsivo: Web Móvil www.institutointernet.net

4
 Artilugios para la Web
responsiva

matchMedia()

Diseño Responsivo: Web Móvil www.institutointernet.net

5
 Sencillo carga mejor

Diseño Responsivo: Web Móvil www.institutointernet.net

6
 Videos responsivos

Diseño Responsivo: Web Móvil www.institutointernet.net

7
 Construyendo nuestra
primera página responsiva

Responsive template generators

RTG

Diseño Responsivo: Web Móvil www.institutointernet.net

8
 RTG

http://www.initializr.com/

Diseño Responsivo: Web Móvil www.institutointernet.net

9
 RTG

http://responsify.it/

Diseño Responsivo: Web Móvil www.institutointernet.net

10
 Plantillas responsivas

http://bit.ly/JKi3E4

Diseño Responsivo: Web Móvil www.institutointernet.net

11
 Configurando el sitio de
nuestra campaña de
marketing con
Wordpress responsivo

Diseño Responsivo: Web Móvil www.institutointernet.net

12
 Plantillas responsivas

http://wordpress.org/extend/themes/responsive

Diseño Responsivo: Web Móvil www.institutointernet.net

13
 Comentarios sobre
instalación de Wordpress

https://cpanel.net/
https://filezilla-project.org/ https://filezilla-project.org/

http://wordpress.org/extend/themes/responsive

Diseño Responsivo: Web Móvil www.institutointernet.net

14
 Editores para
Diseño Web Responsivo

https://webflow.com/

Diseño Responsivo: Web Móvil www.institutointernet.net

15
 Editores para
Diseño Web Responsivo

http://html.adobe.com/edge/reflow/

Diseño Responsivo: Web Móvil www.institutointernet.net

16
 Editores para
Diseño Web Responsivo

http://www.adobe.com/products/dreamweaver.html

Diseño Responsivo: Web Móvil www.institutointernet.net

17
 Diseño responsivo y eCommerce

www.institutointernet.com.ve
Diseño Responsivo: Web Móvil www.institutointernet.net
18
 ¿Qué es el eMarketing?

Diseño Responsivo: Web Móvil www.institutointernet.net

19
 ¿Qué es
móvil marketing?

Diseño Responsivo: Web Móvil www.institutointernet.net

20
 Según MMA

Conjunto de acciones que permite

a las empresas comunicarse y
relacionarse con su audiencia de
forma relevante e interactiva a
través de cualquier dispositivo o
red móvil.

Diseño Responsivo: Web Móvil www.institutointernet.net

 Según MMA

El uso de los medios de comunicación

inalámbrica para entregar contenido
integrado y vehículo de respuesta
directa dentro del marketing cross-
media o a través de programa
independiente de comunicación
marketing.

Diseño Responsivo: Web Móvil www.institutointernet.net

 Según Wikipedia

Actividad dedicada al diseño,

implantación y ejecución de
acciones de marketing realizadas
a través de dispositivos móviles.

Diseño Responsivo: Web Móvil www.institutointernet.net

 Acciones del MM

Diseño Responsivo: Web Móvil www.institutointernet.net

 Acciones del MM

Diseño Responsivo: Web Móvil www.institutointernet.net

 Integración de acciones

Diseño Responsivo: Web Móvil www.institutointernet.net

26
 Acciones MM: SMS y MMS

Diseño Responsivo: Web Móvil www.institutointernet.net

 Casos de éxito: Venezuela

Cupones de descuento

Diseño Responsivo: Web Móvil www.institutointernet.net

28
 Casos de éxito: Venezuela

Entradas espectáculo Cupones de descuento

Diseño Responsivo: Web Móvil www.institutointernet.net

29
 Códigos QR: ¿Cómo funciona?

Diseño Responsivo: Web Móvil www.institutointernet.net

30
 QR: Casos Venezuela

Diseño Responsivo: Web Móvil www.institutointernet.net

 QR: Casos Venezuela

Diseño Responsivo: Web Móvil www.institutointernet.net

 QR: Casos Venezuela

Diseño Responsivo: Web Móvil www.institutointernet.net

 QR: Casos Venezuela

Diseño Responsivo: Web Móvil www.institutointernet.net

 QR: Casos Venezuela

Diseño Responsivo: Web Móvil www.institutointernet.net

 Nuevo paradigma del MM

Lleva a una página, piden

el correo y envían el link
de descarga del disco.

Diseño Responsivo: Web Móvil www.institutointernet.net

36
 Casos de éxito: Venezuela

Lleva a una página, piden

el correo y envían el link
de descarga del disco.

Diseño Responsivo: Web Móvil www.institutointernet.net

37
 SOLOMO

Diseño Responsivo: Web Móvil www.institutointernet.net

 Manifestaciones de la Web
responsiva

www.institutointernet.com.ve
Diseño Responsivo: Web Móvil www.institutointernet.net
39
 email responsivo y
networking

Diseño Responsivo: Web Móvil www.institutointernet.net

40
Diseño Responsivo: Web Móvil www.institutointernet.net
41
 Demostración

email responsivo

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

http://mailchimp.com/

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

http://www.campaignmonitor.com/

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

http://internations.github.io/antwort/

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

http://zurb.com/playground/responsive-email-templates

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

Web app y app nativas

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

http://www.infuselearning.com/

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

http://www.apps-builder.com/es/inicio
Diseño Responsivo: Web Móvil www.institutointernet.net
 Demostración

Construyendo mi primera Webapp

Diseño Responsivo: Web Móvil www.institutointernet.net

 Actividad

http://www.cleverlize.com/

Diseño Responsivo: Web Móvil www.institutointernet.net

 Demostración

Aproximación para construir una

app nativa

Diseño Responsivo: Web Móvil www.institutointernet.net

 Plantillas responsivas

http://bit.ly/JKi3E4

Diseño Responsivo: Web Móvil www.institutointernet.net

55
 Actividad

http://phonegap.com/
Diseño Responsivo: Web Móvil www.institutointernet.net
 Actividad

Diseño Responsivo: Web Móvil www.institutointernet.net

 Actividad

Diseño Responsivo: Web Móvil www.institutointernet.net

 Actividad

Descargar la app

Diseño Responsivo: Web Móvil www.institutointernet.net

 Actividad

Construyendo Open Web Apps

Para FireFox OS

Diseño Responsivo: Web Móvil www.institutointernet.net

 Esto forma parte de la Web

Diseño Responsivo: Web Móvil www.institutointernet.net

61
 Open Web Apps

Diseño Responsivo: Web Móvil www.institutointernet.net

62
 Actividad

Diseño Responsivo: Web Móvil www.institutointernet.net

 Actividad

C:\Users\Leo\AppData\Roaming\https;theoutlinerofgiants.appspot.com
Diseño Responsivo: Web Móvil www.institutointernet.net
 www.apptua.com

facebook.com/Apptua

@educamedia

leomonttenegro@gmail.com
leo@apptua.com

(0414) 121.43.69/ (0214) 119.06.89

www.institutointernet.com.ve
Diseño Responsivo: Web Móvil www.institutointernet.net
65
 www.institutointernet.com.ve

Facebook.com/Institutointernet

@InstInternet

contactenos@institutointernet.com.ve

(0212) 624.02.60/ (0212) 519.16.81

www.institutointernet.com.ve
Diseño Responsivo: Web Móvil www.institutointernet.net
66