| |
Otras fuentes
Enlaces directamente relacionados
con el curso 21W.785 (en inglés):
Sitio
web de usabilidad de Jakob Nielsen - página
principal del gurú de la usabilidad.
Directrices
de diseño web del MIT
Stanford
Law School Center for Internet & Society (Centro
de Internet del Colegio de Derecho de Stanford)
Redacción
para la web - página muy útil
(confeccionada por las bibliotecas del MIT) que incluye
consideraciones importantes a la hora de redactar contenido
en línea.
Enlaces
a tecnologías relevantes
Enlaces
a obras informativas
Recopilación de sitios web excelentes:
| Apple.es |
Incluso si
uno no siente especial predilección por los
ordenadores Apple, resulta inevitable rendirse a
los encantos de sus iniciativas de diseño.
Este sitio web reproduce el aspecto de las nuevas
líneas de sus productos, de navegación
sencilla, resulta muy atractivo para la vista y
capta incesantemente la atención del usuario. |
| Archinect.com |
Moderno sitio
de arquitectura de última generación
con gráficos acertadamente escogidos y funciones
interactivas (en inglés). |
| CNNenEspañol.com |
Sitio web líder
de noticias que ofrece a sus lectores información
de forma eficaz con la ayuda de funciones interactivas,
titulares que se actualizan constantemente y otros
servicios añadidos con habilidad, como encuestas
en línea. |
| Compaq.es |
Estupendo sitio
web que cumple con creces su propósito. Presentación
clara, navegación sencilla, imágenes
adecuadas y colores atractivos y llamativos. |
| Disney.com |
Toda la magia
de Disney. Este sitio web reproduce con acierto
el diseño de un parque temático y
transmite la imagen familiar de Disney mediante
gráficos inspirados en los dibujos animados.
Tal vez no esté a la última en cuanto
a tecnología, pero logra transmitir su mensaje
y se mantiene fiel a su filosofía (en inglés). |
| Ikea.es |
Uso innovador
de Macromedia® Flash para mostrar diseños
de decoración de interiores y productos de
Ikea. |
| Sun
Microsystems |
Página
principal de Java® en Sun Microsystems. Se
trata de un sitio atractivo minimalista, a pesar
de utilizar la tecnología más avanzada.
Uso magistral del html para obtener un aspecto sofisticado.
Navegación sencilla y compatibilidad con
exploradores que sólo admiten texto. |
| Landor.com |
Otro sitio
web de una empresa atractiva que ofrece diseño
simple y con estilo, navegación sencilla
y una clara declaración de principios en
su página principal. No obstante, es justo
decir que hay algunas imágenes dudosas que
realmente no dicen mucho de la empresa ni de sus
productos y servicios (en inglés). |
| MIT
Foreign Languages & Literatures |
Sitio excelente
del MIT que demuestra exactamente cómo ser
fiel a una metáfora escogida en todo el sitio
web. También utiliza mapas de imágenes
con gran efectividad y sin distraer al usuario.
Todas las imágenes son importantes y están
inteligentemente agrupadas (en inglés). |
| Nikewomen.com |
Excelente utilización
de la tecnología Macromedia® Flash (de
la que tanto se abusa) para promocionar sus productos
de forma efectiva a través de un catálogo
en línea con gran interactividad. |
| Sueellen.org |
Sitio web simple
y elegante que consigue mostrar con acierto el trabajo
de un fotógrafo y diseñador gráfico
con gran talento (en inglés). |
| Travelocity.com |
Este sitio
deja claro su mensaje y su actividad: los viajes.
Los servicios se promocionan de forma adecuada y
el tema de los viajes se trata con destreza en páginas
web altamente funcionales e interactivas (en inglés). |
| Xbox.com |
Magnífico
sitio web que promociona los nuevos productos de
juegos de Microsoft®. Las barras de navegación
y los gráficos de sus páginas reproducen
con acierto el diseño de la consola Xbox
mediante conductos de aire y el aspecto familiar
del plástico negro y verde de la consola.
Los iconos y banners avisan al usuario de
la aparición de productos nuevos. Las páginas
no son demasiado grandes ni abarrotadas de elementos. |
Ejemplos de mal diseño web
|
Janet-Jackson.com
|
Típico ejemplo de mal uso de FlashT de Macromedia®.
Mientras navega por este sitio web, hágase las
siguientes preguntas: ¿qué se supone que es el
fondo? ¿Por qué es tan pequeña la ventana? ¿Aportan
los polígonos giratorios y los paneles deslizantes
algún tipo de información acerca de Janet Jackson
o de sus productos? ¿Qué se pretende transmitir
con el pequeño gráfico animado situado en la esquina
superior derecha? Si no puede contestar con seguridad
a alguna de estas preguntas es porque el sitio
web se ha diseñado para resultar glamouroso, pero
se ha olvidado por completo el motivo de su creación.
Es cierto que el sitio es interactivo y contiene
audio y vídeo, pero esas características entran
dentro de la programación y del talento musical,
no del diseño web.
|
|
Nikelab.com
|
Está claro que se ha dedicado mucho esfuerzo
a la creación de este sitio web, pero ¿por qué
es necesario ver un número tan elevado de imágenes
repetidas subiendo y bajando por la pantalla mientras
el usuario mueve el ratón? En realidad, resulta
bastante complicado navegar por la página y más
complicado aún descubrir el mensaje que nikelab.com
pretende transmitir, así como los productos que
promociona (además del calzado). El texto es demasiado
pequeño y se muestra información innecesaria acerca
de los módulos a disposición del usuario. Han
intentado resultar futuristas y, más que nada,
lo que han conseguido es crear un sitio molesto.
|
|
Zx26.com
|
Esta página no sirve para nada, excepto tal
vez para poner de manifiesto cómo el abuso de
gifs animados puede entorpecer mucho la navegación
por el sitio web.
|
Tecnologías útiles para los
proyectos de los estudiantes
|
ApacheT
|
El proyecto de servidores HTTP de ApacheT es
un esfuerzo por desarrollar y mantener un servidor
de código fuente HTTP libre para sistemas operativos
modernos como UNIX® o Windows® NT. El objetivo
del proyecto es proporcionar un servidor ampliable,
eficaz y seguro que ofrezca servicios HTTP en
sincronización con los estándares HTTP actuales.
ApacheT es, desde abril de 1996, el servidor web
más conocido de Internet. La encuesta sobre servidores
web de Netcraft (agosto de 2002) reveló que el
63% de los sitios web de Internet utilizan ApacheT,
convirtiéndolo en el servidor web más utilizado
(incluso comparado con varios otros servidores
asociados).
|
|
CGI
|
La interfaz de puerta de enlace común (CGI)
es una norma de interfaz de aplicaciones externas
y servidores de información, como servidores web
o HTTP. Un documento de HTML sencillo recuperado
por el daemon es estático, lo que quiere decir
que existe como estado constante: un archivo de
texto que no cambia. Un programa CGI, por su parte,
se ejecuta en tiempo real, por lo que puede ofrecer
información dinámica.
|
|
CSS
|
Las hojas de estilo en cascada (CSS) son un
mecanismo sencillo para agregar estilos (por ejemplo,
fuentes, colores, espacios) a documentos web.
|
|
DHTML
|
DHTML consigue convertir páginas HTML en formatos
dinámicos.
|
|
Dreamweaver®
|
Herramienta profesional para la creación de
sitios web y aplicaciones de Internet.
|
|
Fireworks®
|
Potentes herramientas creativas. Compatibilidad
con formato ampliable y estándares. Integración
sencilla. Macromedia® Fireworks® MX es la forma
más sencilla de crear, optimizar y exportar gráficos
interactivos en un único entorno web.
|
|
FlashT
|
Macromedia® FlashT MX es la forma más rápida
de crear contenido completo de Internet y aplicaciones
con un mayor rendimiento. Las funciones avanzadas
de vídeo, multimedia y desarrollo de aplicaciones
permiten crear interfaces de usuario complejas,
publicidad en línea, cursos de aprendizaje electrónico
e imágenes empresariales de las aplicaciones.
|
|
Java®
|
J2SETM es la solución líder de aplicaciones
empresariales críticas de rápido desarrollo. Proporciona
compiladores básicos, herramientas, tiempos de
ejecución y API para la creación, desarrollo y
ejecución de applets y aplicaciones en
lenguaje de programación Java®.
|
|
JavaScriptT
|
JavaScriptT es un lenguaje de archivos de comandos
compacto y basado en objetos que permite el desarrollo
de aplicaciones cliente y servidor de Internet.
|
|
JSPT
|
La tecnología de páginas JavaServer (JSPT) ofrece
una forma sencilla de creación de páginas web
dinámicas independientes tanto del servidor como
de la plataforma. Con ello se consigue más libertad
gracias a la función Write Once, Run AnywhereTM
de la tecnología Java®. La tecnología JSPT
distingue la generación de contenido de la presentación
y aprovecha las etiquetas reutilizables y los
objetos para simplificar el mantenimiento de las
aplicaciones web. Es una excelente elección: la
tecnología JSPT proporciona las capacidades de
archivos de comandos necesarias para la creación
de páginas web sencillas e interactivas y, al
mismo tiempo, también es compatible con sitios
web más complejos integrados completamente con
aplicaciones empresariales de primera fila.
|
|
MySQL®
|
MySQL® es la base de datos de código fuente
libre más conocida del mundo. Ofrece fiabilidad
y velocidad a partes iguales. MySQL® AB, empresa
fundada por los creadores de la base de datos
MySQL®, ofrece desarrollo de software MySQL®,
así como asistencia y servicios relacionados.
|
|
Perl
|
Perl es un lenguaje de programación que puede
utilizarse en un amplio abanico de tareas. Uno
de los usos sencillos más típicos de Perl sería
la extracción de información de un archivo de
texto para imprimir un informe o para convertir
el archivo a otro formato. Pero Perl proporciona
también un gran número de herramientas para tareas
mucho más complicadas, como la programación de
sistemas.
|
|
Photoshop®
|
El software Adobe® Photoshop® 7.0, la norma
profesional de edición de imágenes, ayuda a trabajar
de forma más eficaz, explorar nuevas opciones
creativas y producir imágenes de mayor calidad
para imprimirlas, utilizarlas en la web o en cualquier
otro lugar. Es posible crear imágenes espectaculares
con fácil acceso a los datos de los archivos;
diseño web mejorado; edición de fotografías más
rápida y con calidad profesional, etc..
|
|
PHP
|
PHP es un lenguaje de archivos de comandos de
uso general y extendido especialmente indicado
para el desarrollo web y su incrustación en HTML.
|
|
TomcatT
|
TomcatT es un contenedor de servlets
utilizado en el servlet oficial de implementación
de referencias de Java® y en las tecnologías de
páginas JavaServer. Las especificaciones del servlet
de Java® y de las páginas JavaServer están desarrolladas
por Sun en el marco del proceso comunitario de
Java®. TomcatT se desarrolla en un entorno abierto
y participativo, y se publica con licencia de
software de ApacheT. Pretende servir de hilo conductor
para la colaboración entre los mejores desarrolladores
del mundo. Le invitamos a participar en este proyecto
abierto de desarrollo.
|
Libros de utilidad (referencias
bibliográficas en inglés)
|
TÍTULO
|
AUTOR(ES)
|
COMENTARIOS
|
|
Big Java®
|
Cay Horstmann
|
Un libro fantástico para
aprender el lenguaje de programación Java®. Cuenta
con muchos ejemplos elaborados, problemas útiles
y consejos valiosos. Recomendable para principiantes
y para los que ya están familiarizados con Java®.
Trata brevemente XML, JSPT SQL y los servlets,
además de temas avanzados de la tecnología Java®.
|
|
DHTML and CSS for the World Wide Web: Visual QuickStart Guide
|
Jason Cranford Teague
|
Obra pensada para diseñadores
y creadores de contenido, no sólo para programadores.
El formato de la obra es visual y se basa en tareas
para que se adquiera destreza con el DHTML lo
antes posible. Esta segunda edición revisada y
ampliada está actualizada con las normas y navegadores
web actuales e incluye todo lo necesario para
utilizar DHTML, para obtener información acerca
del entorno del navegador o añadir objetos multimedia
a un sitio, así como nuevas técnicas dinámicas
básicas y avanzadas, como la desaparición de objetos,
el desplazamiento de objetos en 3D y la adición
de contenido dinámico. Esta edición también ofrece
información sobre portabilidad entre plataformas
y navegadores. El libro no se centra en los aspectos
más complicados del DHTML, pero sí incluye ejemplos
prácticos que funcionan con DHTML y CSS, por lo
que la obra es realmente útil para principiantes
que dan sus primeros pasos con el DHTML, pero
también para desarrolladores profesionales que
necesitan una guía de referencia rápida.
|
|
Dreamweaver®
MX: PHP Web Development
|
Bruno Mairlot, Gareth Downes-Powell,
Tim Green
|
Este libro está pensado
para profesionales de diseño web que quieran utilizar
Dreamweaver® MX para crear sitios web PHP. No
da por hecho ningún conocimiento de PHP.
|
|
FlashT MX ActionScript For Designers
|
Doug Sahlin
|
ActionScript ofrece al usuario
interactividad y efectos visuales atractivos para
la gestión automatizada del contenido, así como
la posibilidad de llevar las películas de FlashT
un paso más allá. Pero, ¿qué ocurre si no se siente
cómodo con los objetos, las variables y el resto
de elementos de programación? ¡No se preocupe!
Mediante aprendizajes fáciles de entender y un
uso mínimo de terminología técnica, Doug Sahlin
revela los misterios de ActionScript y permite,
paso a paso, poner en práctica el diseño web de
forma realista.
|
|
Interface
Design
|
Alastair Campbell
|
Visión profesional de todos
los aspectos de la estructura gráfica y navegación
digital.
|
|
JavaScriptT for the World Wide Web: Visual Quickstart Guide
|
Tom Negrino, Dori Smith
|
Cuando Peachpit Press publicó
la primera edición de JavaScriptT for the World
Wide Web: Visual QuickStart Guide, se convirtió
inmediatamente en una de las herramientas más
útiles para los desarrolladores de sitios web.
En esta cuarta edición, el libro se ha mejorado,
ampliado y actualizado.
Escrito para codificadores web familiarizados
con HTML, la obra no requiere necesariamente poseer
conocimientos de programación o creación de archivos
de comandos de JavaScriptT. La presentación es
ilustrativa y productiva, y contiene conceptos
aclarados con ejemplos, breves explicaciones y
código detallado línea por línea. Mediante la
inclusión de capturas de pantalla acertadas y
nuevo código resaltado en rojo, los autores han
conseguido que JavaScriptT for the World Wide
Web resulte muy intuitivo. En esta nueva edición,
se centran en funciones compatibles solamente
con determinados navegadores web a través de nuevos
iconos de IE y Netscape®. Además de su contenido,
los textos incluyen una estupenda genealogía de
las distintas formas de JavaScriptT que se completan
con un extenso gráfico de flujo de objetos con
códigos de colores para las distintas versiones
de los navegadores. También se sale del lenguaje
básico común con un capítulo sobre herramientas
de desarrollo que emplean JavaScriptT, como Dreamweaver®,
GoLive® y Fireworks®. Contiene un gran número
de archivos de comandos y la editorial ofrece
un sitio web de cada empresa en el que es posible
obtener los archivos de comandos, así como una
interfaz para visualizar el código correspondiente.
Es posible descargar todos estos archivos de comandos
en un único archivo comprimido Zip. Sin duda,
una guía de referencia obligatoria para JavaScriptT.
|
|
JSPT, Servlets, and MySQL®
|
David Harms
|
JSPT, Servlets, and
MySQL®: las
soluciones de última generación para contenido orientado
a bases de datos ofrecen un completo control y una
increíble eficiencia de tiempo de ejecución; Java®
en el lado del servidor proporciona una ajustada
solución integrada para sitios web construidos sobre
bases de datos. Pero, ¿cómo se implementa Java®
en el lado del servidor en el mundo real? Esta guía
única muestra cómo hacerlo. A través de numerosos
ejemplos fáciles de aplicar, el experimentado desarrollador
David Harms explica de forma detallada cómo poner
en funcionamiento páginas JavaServer y servlets
de Java® con una base de datos MySQL®. Desde los
conceptos más básicos de Java® en el lado del servidor
y MySQL®F a TomcatT, JavaBeans, multienlace y autenticación:
en esta guía se incluye todo lo que necesita para
crear un sitio interactivo de primera fila y aplicaciones
de bases de datos vanguardistas para la web. |
|
Macromedia®
Dreamweaver® MX for Windows® and Macintosh: Visual
QuickStart Guide
|
J. Tarin Towers
|
Aunque no haya utilizado
Macromedia® Dreamweaver® nunca antes, con Macromedia®
Dreamweaver® MX for Windows® and Macintosh: Visual
QuickStart Guide conseguirá dominar el popular
programa web propio de Macromedia® en muy poco
tiempo. Esta edición totalmente actualizada del
líder en ventas Macromedia® Dreamweaver® recurre
a instrucciones paso a paso y basadas en tareas
reales para explicar todas las herramientas básicas
del programa y cómo utilizarlas en un sitio web.
El libro aborda las funciones existentes del programa,
así como las novedades, incluidos los asistentes
de configuración, la barra de herramientas sensible
al contexto, los snippets y las herramientas
mejoradas de codificación. Si utiliza Macromedia®
Dreamweaver® MX como herramienta de diseño de
páginas WYSIWYG ("lo que ve es lo que obtiene")
y no escribe nunca código HTML o si es un experto
en creación de código pero prefiere utilizar un
editor de texto más sofisticado, encontrará en
este libro un material de referencia indispensable.
|
|
Macromedia® Fireworks® MX for Windows® and Macintosh: Visual
QuickStart Guide
|
Sandee Cohen
|
Fantástica obra para aprender
todo lo necesario acerca de esta nueva y potente
herramienta gráfica de valor incalculable. Literalmente,
Fireworks® puede duplicar el número de posibilidades
creativas para los diseñadores web con experiencia
con todo tipo de herramientas de diseño web y
funciones de fácil manejo. Fireworks® está especialmente
recomendado para que los estudiantes del curso
21W.785 puedan crear gráficos originales y efectos
complejos en DHTML. El libro se lee con facilidad,
contiene numerosos ejemplos gráficos muy útiles
y permite controlar la herramienta en menos de
una semana. No deje de consultar este libro y
Fireworks® MX si tiene la oportunidad de hacerlo.
|
|
Macromedia® FlashT for Windows® & Macintosh: Visual Quickstart
Guide
|
Katherine Ulrich
|
Ulrich lo abarca todo, desde
los conceptos básicos de la animación vectorial
hasta la sofisticada interacción y transición
de efectos en una obra concisa con la que sus
lectores habituales quedarán muy satisfechos.
Aborda también FlashT MX.
|
|
The MIT Guide to Teaching Web Site Design
|
Edward Barrett, Deborah
A. Levinson, Suzana Lisanti
|
La mayoría de los libros
de diseño web se centran en la apariencia del
producto acabado y prestan poca atención a las
ideas y los procesos involucrados en la tarea
de diseño interactivo inteligente. Esta obra se
basa en la premisa de que los principios que han
definido un buen diseño de comunicación en el
pasado también se aplican al diseño web. El proceso
esencial pasa por definir la intención, el público
y el estilo que mejor se adapte a los objetivos.
Otra premisa es que el diseño efectivo de un sitio
web es un proceso inherentemente colaborativo
que requiere, no sólo habilidades técnicas, sino
también habilidades de comunicación oral y escrita
más tradicionales. Así, esta obra se basa en un
enfoque social orientado al proceso y en la formación
académica.
El libro está escrito por el Prof. Barrett y contiene
información muy valiosa para este curso. Contiene
incluso información de los trabajos del curso
y de lo que espera encontrar en los proyectos.
Merece la pena consultarlo.
|
|
Open Source Web Development with LAMP: Using Linux, ApacheT,
MySQL®, Perl, and PHP
|
James B. Lee, Brent Ware
|
Las tecnologías de código
fuente libre ofrecen a los desarrolladores actuales
un conjunto sólido y rentable de alternativas
al software comercial para crear aplicaciones
web dinámicas y orientadas a bases de datos. Esta
guía práctica presenta el estudio íntegro del
LAMP (Linux, ApacheT, MySQL®, Perl y PHP) y muestra
cómo estas soluciones pueden implementarse de
forma eficaz y segura al mismo tiempo que se mejora
la fiabilidad y se reducen significativamente
los costes.
|
|
Perl & CGI for the World Wide Web: Visual Quickstart Guide
|
Elizabeth Castro
|
Nueva edición de la obra
que muestra cómo crear archivos de comandos de
utilidad o adaptar los que ya existen a las necesidades
personales de cada uno. Castro (autor de varias
obras de diseño web) describe cómo configurar
e instalar un servidor local para aprender Perl
y probar archivos de comandos sin necesidad de
suscribirse a un host comercial; coloca formularios
en sitios web para recopilar y procesar datos
de usuario, como pedidos de productos y comentarios;
utiliza CGI.pm, el módulo estándar de Perl para
el análisis de datos entrantes de formularios
y muestra cómo depurar y utilizar las distintas
técnicas de seguridad.
|
|
PHP for the World Wide Web Visual Quickstart Guide
|
Larry Ullman
|
Diseñada para desarrolladores,
esta guía de referencia aborda los conceptos clave
del PHP y explica las funciones de PHP versión
4.04. Comienza con una visión general básica para,
más adelante, adentrarse en sintaxis, pruebas
de archivos de comandos, trabajo con variables
y creación de aplicaciones web. Para ello utiliza
archivos de comandos de ejemplo y proyectos que
ejemplifican los puntos más importantes. Ullman
es programador de PHP y diseñador web.
|
|
The Web Design WoW! Book
|
Jack Davis, Susan Merritt
|
Estudios de casos que se
centran en la resolución de retos concretos sobre
comunicación interactiva en pantalla. Contiene
cientos de ideas de diseño para captar al público
y llamar su atención; soluciones enfocadas de
marketing, promoción, educación, ventas, aplicaciones,
ocio y publicación; consejos para organizar el
flujo de trabajo de los proyectos, la comunicación
con los clientes, la coordinación con los expertos
técnicos, la obtención de avisos de los sitios
e informes reales sobre todo lo necesario para
crear sitios web y CD-ROM. Incluye un CD-ROM con
editores WYSIWYG y HTML, así como versiones íntegras
de navegadores, plug-ins y utilidades.
|
ApacheT es una marca comercial
de The Apache Software Foundation.
FlashT es una marca comercial o una marca comercial
registrada de Macromedia, Inc. en Estados Unidos y/o
en otros países.
JavascriptT es una marca comercial de Sun Microsystems,
Inc. en Estados Unidos y/o en otros países.
JSPT es una marca comercial de Sun Microsystems, Inc.
en Estados Unidos y/o en otros países.
TomcatT es una marca comercial de The Apache Software
Foundation.
Adobe® y Photoshop® son marcas comerciales o marcas
comerciales registradas de Adobe Systems Incorporated
en Estados Unidos y/o en otros países.
Dreamweaver® es una marca comercial o una marca comercial
registrada de Macromedia, Inc. en Estados Unidos y/o
en otros países.
Fireworks® es una marca comercial o una marca comercial
registrada de Macromedia, Inc. en Estados Unidos y/o
en otros países.
GoLive® es una marca comercial o una marca comercial
registrada de Adobe Systems Incorporated en Estados
Unidos y/o en otros países.
Java® es una marca comercial o una marca comercial registrada
de Sun Microsystems, Inc. en Estados Unidos y/o en otros
países.
Macromedia® es una marca comercial o una marca comercial
registrada de Macromedia, Inc. en Estados Unidos y/o
en otros países.
Microsoft® es una marca comercial o una marca comercial
registrada de Microsoft Corporation en Estados Unidos
y/o en otros países.
MySQL® es una marca comercial registrada de MySQL AB
en Estados Unidos, la Unión Europea y/o en otros países.
Netscape® es una marca comercial de Netscape Communications
Corporation en Estados Unidos y/o en otros países.
UNIX® es una marca comercial registrada de The Open
Group.
Windows® y/u otros productos de Microsoft mencionados
aquí son marcas comerciales o marcas comerciales registradas
de Microsoft Corporation en Estados Unidos y/o en otros
países.
|
