Diseño de páginas Web con GNU/Linux

INTRODUCCIÓN

Jesús David Navarro

jEsuSdA

Tuxes

Índice

De qué va esto

¿Quién soy yo?

Jesús David Navarro

  • Usuario de GNU/Linux desde 2001
  • Diseñador Web (Estándares, Accesibilidad y Usabilidad)
usuario registrado de linux número 311382
un autorretrato vectorial hecho con paciencia y software libre

Por qué usar GNU/Linux

Necesitaremos...

Por qué usar GNU/Linux

Con software privativo el coste es de 2600€

  • Windows Vista Ultimate
  • Microsoft Office Pro 2007
  • Photoshop CS3
  • Dreamweaver 8

Precios de compra ponderados. Pueden diferir al alza o a la baja según proveedor.

Estos precios no reflejan el Coste Total de Propiedad.

Por qué usar GNU/Linux

Con software libre el coste es de 0€

  • Distribución GNU/Linux Gratuita
  • OpenOffice 2
  • Gimp 2.2
  • Quanta Plus

Estos precios no reflejan el Coste Total de Propiedad.

Por qué usar GNU/Linux

Nos interesa aún más por:

¿Qué es la Web?

CONTENIDO

Web

El aspecto es importante, pero los usuarios buscan y consumen contenidos.

Los contenidos son los que varían, se actualizan, se indexan, se comparten, se comentan, se descargan...

¿Qué es la Web?

Centrado en el
Usuario

Usuarios

Las web son PARA los usuarios.

Deben ser sencillas, útiles, no forzar ni obligar al usuario a seguir una navegación guiada.

Deben adaptarse al usuario y al entorno del mismo.

Si fuera posible, debe fomentarse la interactividad.

¿Qué es la Web?

Conceptos Web

Diseño al modo "tradicional"

Diseño gráfico con Photoshop...

Adobe Photoshop

Diseño al modo "tradicional"

Diseño gráfico con Fireworks...

Adobe Fireworks

A veces, el diseñador confiará en el código generado automáticamente por el programa de diseño gráfico para exportar directamente a web. Esto no será una buena idea como norma general.

Diseño al modo "tradicional"

Diseño con Flash...

Adobe Flash

Con bastante mal criterio, muchos elegiran desarrollar la web íntegramente en flash.

Diseño al modo "tradicional"

Maquetación/Codificación con Dreamweaver...

Adobe Dreamweaver

Muchos usarán la vista de código, pero por desgracia, la mayoría optará por la vista diseño para maquetar y codificar las web.

Diseño al modo "tradicional"

Pruebas con Windows/Internet Explorer...

Internet Explorer 7

Para la mayoría sólo existe un navegador y un sistema. Muchos usuarios quedaremos vetados por el mero hecho de preferir un navegador distinto, usar un sistema operativo diferente o simplemente por nuestra propia diversidad funcional.

Diseño al modo "tradicional"

Documentación con MSOffice...

MS Office

Durante todo el proceso de diseño y desarrollo web, será común intercambiar documentación e informes usando formatos propietarios. Microsoft Office será el estándar de facto.

Diseño al modo "tradicional"

Más software propietario...

Una posible solución...

Usar Software Libre

Una posible solución, usar GNU/Linux

Veamos cómo trabajar con GNU/Linux