IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

26
IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN

Transcript of IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

Page 1: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

MÓDULO 8: WEB & SOCIAL DESIGN

Page 2: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Nosotros

@xantygc

@fatimadelaosa

@deivid_otero

[email protected]

[email protected]

[email protected]

@[email protected]

Page 3: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

¿Qué vamos a aprender?

• Qué es y por qué WordPress.• Crear un sitio web con WordPress.

• Secciones básicas.• Diseño y usabilidad.• SEO para WordPress.• Mail marketing.• Redes sociales y Google Authorship.

• Hacer el seguimiento de nuestra web.

Page 4: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

¿Qué vamos a hacer?

Page 5: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

¿Qué es y por qué WordPress?

Page 6: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Características

• CMS Open Source • Sencillez• Customizable• SEO friendly• Instalación Ready&Go

“Sencillo para los usuarios principiantes y potente para los desarrolladores.”

Page 7: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Conceptos Básicos

• Entradas (Posts)• Páginas• Temas (Themes)• Plugins

“We like to say that WordPress is both free and priceless at the same time.” Wordpress.org

Page 8: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

WordPress.com vs WordPress.orgAlojamiento gratuito

Tunombre.blogspot.com

Selecciona entre los temas disponibles

Uso de plugins limitado

Forma parte de la red Wordpress.com

Instalación en hosting propio

Usas tu dominio propio

100% del control de la apariencia.

Control total para añadir plugins.

Sitio independiente

Page 9: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Diseño y Usabilidad Web

Page 10: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Usabilidad“Se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.”

ISO/IEC 9126

“Mi web la entiende todo el mundo y hacen lo que yo quiero que hagan, que normalmente es acudir a la zona de contacto o comprar”

Un mortal.

Page 11: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Rapidez

Page 12: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Sencillez

Page 13: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Indexable

Page 14: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Responsive Web Design

Page 15: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

¡Actualiza!

Page 16: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Uso del Color

Page 17: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Uso del Color

Page 18: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Uso del Color

http://kuler.adobe.com/

Page 19: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Uso del Color

http://www.colourlovers.com/

Page 20: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Google Authorship

Page 21: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Google Authorship

• Vincula contenido y Google+• Google+ es indexable• Visibilidad = Visitantes = Clientes

Page 22: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Google Authorship

Page 23: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Google Authorship

Page 24: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

¡Gracias por la atención!

Page 25: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Empezamos

Page 26: IDEA Business Center Universidad Complutense de Madrid MÓDULO 8: WEB & SOCIAL DESIGN.

IDEA Business CenterUniversidad Complutense de Madrid

Instalaciones de WordPress

• URL: universitymadrid.es/alumno01

• Usuario: alumnoXX• Password: alumnoXX