Mis artículos en otros blogs:
El tinglado, blog de aula Apuntes sobre blogs Blogestores Bitácora de TIC
Páginas dispersas

Páginas dispersas

Páginas educativas sobre nuevas tecnologías

Saltar navegación

Botón blogfesor

Botón de Páginas dispersas

Bot´n de El Tinglado

Planeta Educativo

Ubuntu-es

Aulablog.com

Planeta Edusol

Licencia de Creative Commons

Get Firefox

 Use OpenOffice.org

Formato Open Document

Formato Open Document


Enlace permanente

Diseño web »

Imprimir

Diseño para la Web 2.0

Diseño web Los que visiten esta bitácora con cierta regularidad se habrán percatado de que le he cambiado el diseño hace pocos días. Se me ha ocurrido que podría aprovechar la ocasión para escribir otro de mis alegatos en favor del diseño. He pensado que esta vez puede que atraiga a los lectores si logro unir mis ideas con la tan mencionada Web 2.0. Porque ¿cómo se va a poder construir todo este nuevo tinglado de internet si el edificio no se sostiene adecuadamente? Lo primero es la Web semántica, y después viene todo lo que queráis: blogs, wikis, wikipedias, technorati, delicious y demás herramientas. Dejaré para otro artículo la explicación de algunos aspectos importantes del diseño de páginas web fijándome en mi propia bitácora con el fin de hacerlo de manera práctica.

Un nuevo diseño para la nueva internet

Desde tiempos inmemoriales, allá por mil novecientos noventa y tantos, las páginas web se han diseñado principalmente con el código HTML, pero desde aquel siglo, internet ha ido cambiando vertiginosamente, como nuestro estrés nos demuestra todos los días. Es lógico pensar que el diseño de las páginas web también tenga que ir variando para acomodarse a los nuevos retos. Los diseñadores se han inventado todo tipo de trucos para hacer que las páginas queden bonitas, y verdaderamente lo han conseguido muchas veces, aunque fuese a costa de impedir algunas funcionalidades de los documentos creados. Sin embargo, la nueva Web 2.0 requiere otro tipo de diseños más ágiles y asequibles si de verdad queremos participar todos en esta fiesta de la comunicación y del conocimiento compartido.

Muchas webs, entre ellas las que utilizan la mayoría de los gestores de contenidos, ya se diseñan de esta nueva manera. Pero queda por resolver dos aspectos importantes, desde mi punto de vista:

Hay tres formas básicas de diseñar una web: con el código HTML, con la tecnología Flash y con XHTML/CSS. Vamos a ver en qué consiste cada una de ellas. También vamos a analizar por qué ésta última es la más apropiada para los tiempos que corren.

El diseño basado en el código HTML

Las primeras páginas web se diseñaban con el código HTML, por decirlo de alguna manera, pues ese código no fue pensado realmente para el diseño sino para transmitir el contenido de forma sencilla. En este tipo de diseño, son las tablas las que se utilizan para dividir el documento en varias secciones: columnas a la izquierda y a la derecha para la navegación, una fila superior para la cabecera y otra inferior para el pie de página, y una columna central más amplia para el contenido. Dentro de estas celdas se colocan otras tablas con más filas y columnas para dividir aún más el contenido. Si a esto se le añaden fotografías por aquí y por allí, colores variados y bien puestos, y algún que otro ornamento, el resultado puede ser hasta bonito y atractivo.

Esta forma de diseño es aún la más extendida en internet. Yo la utilizo para enseñar a mis alumnos a crear páginas web, porque es la más sencilla y la que de momento da menos problemas de visualización en los navegadores. También la he empleado durante varios años en mis propias páginas, y la verdad es que es un diseño seguro, porque el código utilizado lo leen bien todos los navegadores, incluidas las versiones antiguas. Sin embargo, tiene algunas desventajas:

El diseño basado en la tecnología Flash

En 1996 surgió la tecnología del programa Macromedia Flash, que ahora pertenece a Adobe. Los diseñadores lo vieron como el maná caído del cielo, como la herramienta adecuada para ponerse a crear diseños de empresas y conseguir así traducir a internet el diseño gráfico que utilizaban en papel. Fue el principio de la web como instrumento de hacer dinero. Porque ¿cómo iba una empresa a presentarse en la Red con esos pelos de HTML? De esa manera, todas las instituciones, empresas, ministerios e incluso centros educativos que se preciaran tenían que salir a la calle vestidos de Flash (¡faltaría más!). Aquello fue lo mejor que le podía haber ocurrido a internet para que la burbuja empezara a hincharse sin parar.

Desde entonces, millones de páginas comenzaron a hincharse de engreimiento, y aparecieron animaciones por todas partes. Las animaciones en sí pueden ser de mucha utilidad para una web si lo que hacen es ilustrar el contenido, pero molestan si sólo se utilizan como accesorio. Esta ley tan elemental la han estado quebrando miles de páginas web con el único motivo de conseguir que sus contenidos parecieran serios y profesionales. Ya se han encargado los expertos de demostrar las muchas desventajas que supone el uso de Flash, y ya nos hemos fastidiado muchos usuarios hasta decir basta. Sin embargo, Flash sigue vivo y coleando como forma de diseño, y lo tendremos con nosotros durante mucho tiempo, tanto como dure la vanidad entre los humanos.

Entre las desventajas de esta tecnología podemos citar las siguientes:

El diseño basado en XHTML y en hojas de estilos (CSS)

Bloglines

Ya dediqué un artículo en esta bitácora, ¿Hacia dónde nos lleva internet? La Web semántica, a profundizar en este concepto originario de la Red y de sus creadores. Internet, desde sus orígenes, quiere ser una red de comunicación y de creación de conocimientos compartidos. Por tanto, cuando hablamos de la Web 2.0 como la nueva internet nos referimos a que sólo ahora se dan las condiciones adecuadas y sólo ahora disponemos de los instrumentos necesarios para llevar a cabo el objetivo de esta red de redes. Hemos perdido varios años entretenidos por los que quieren hacer de esto un circo o un mercado, y ya va siendo hora de que nos centremos en lo nuestro: el verdadero poder de la gente expresado libremente y sin diseños abstrusos que nos lo impidan. ¿Es mucho pedir? Sí, lo es, por eso hay que construir este poder desde la base con diseños transparentes.

Tim Berners-Lee, el creador de la World Wide Web, fue también el creador del XML, conjunto de lenguajes y códigos, sobre los que ya escribí en mi último artículo citado, que sustentan lo que denomina la web semántica, es decir, la web que da sentido humano a su desarrollo para una mejor organización de sus contenidos. Dentro de esos lenguajes, el XHTML es una variación de HTML para acoplarlo a estas exigencias de precisión semántica. Para quien domine el código HTML, no supone mayor esfuerzo hacerse con el nuevo, aunque sí implica una distinta ordenación mental del diseño y de los contenidos, que es de lo que se trata. XHTML es un lenguaje estricto que no deja etiqueta sin cerrar y que no permite ningún tipo de error o de tibieza por mor de la precisión en el decir, que es la mejor forma de entendernos. Con él se pretende ordenar más eficazmente todos los contenidos de internet con el fin de su mejor aprovechamiento. Su utilización tiene que ser obligatoria para todo aquel que quiera hacerse su rinconcito en internet y empezar a decir cosas.

Pero una de las mayores revoluciones, silenciosa e invisible, del diseño en internet fue la creación de las hojas de estilo en cascada (CSS), técnica que vio la luz e iluminó el firmamento virtual en 1996. Desde el principio de internet se estuvo buscando una técnica que separara el contenido de un documento y su diseño en dos partes diferenciadas pero unidas. Eso lo logró esta nueva técnica, que desde entonces ha conseguido varias proezas:

Por tanto, si unimos estas dos tecnologías, XHTML y CSS, las páginas creadas contendrán los elementos necesarios para satisfacer las exigencias de la web semántica. Éste es el ideal, pero pecaría de ingenuo si no advirtiera de las dificultades que supone el uso de estas tecnologías, debido sobre todo a que los navegadores no procesan de igual forma estos códigos, como ya indiqué en otro artículo. Pero no debe cundir el desánimo, pues por lo general los nuevos navegadores se adaptan bien a estos códigos, y no dan muchos problemas.

Usabilidad y accesibilidad

Cuando afirmamos que la nueva internet tiene que ser para todos, no hay que decirlo con la boca pequeña. Los nuevos diseños deben incorporar las recomendaciones que nos brindan los expertos en usabilidad y accesibilidad, que constantemente realizan pruebas con usuarios para descubrir cuáles son las técnicas más apropiadas para crear páginas web útiles y asequibles para todas las personas, incluidas las que tienen impedimientos físicos o psíquicos. Estas técnicas no añaden una dificultad especial a la hora de elaborar los diseños si las tienen en cuenta desde el principio todos los encargados de diseñar y programar un sitio web. Se ha demostrado además que la inclusión de estas técnicas en el diseño de un sitio web supone un gasto escaso para las empresas, que luego mejoran su comunicación con los clientes, y con ello su rendimiento económico. Por tanto, si la comunicación es la base de la Web 2.0, sería un error irreparable crear páginas web que nos cueste visitar tanto como nos cuesta abrir algunos envases de tomate frito.

La magia de la interactividad

No podemos olvidarnos de la palabra mágica: interactividad. Sin ella internet no sería la que es y no podría llegar a convertirse en la Web 2.0, la red de la participación. La interactividad se ha conseguido todos estos años mediante algunos lenguajes de programación creados especialmente para ello. Los más conocidos son JavaScript, PERL y PHP, que también han colaborado decisivamente en el diseño general de las páginas web. Estos lenguajes hacen funcionar los nuevos gestores de contenidos y las bases de datos que los acompañan. No se puede entender el diseño web sin ellos, y de esta forma diseñadores y programadores deben trabajar más unidos que nunca para conseguir crear las aplicaciones rápidas, sencillas y completas que son necesarias para difundir la información y el conocimiento y crear los contenidos.

Todas las páginas web más conocidas y utilizadas de esta nueva versión de internet apuestan por la sencillez, el minimalismo, la funcionalidad y la elegancia, y para ello utilizan estos códigos y lenguajes. A éstos se ha unido últimamente el famoso AJAX, que promete ser el lenguaje de scripts por antonomasia de la nueva Web. En realidad no es tan nuevo, pues se trata de una mezcla de JavaScript, XML y otros códigos adheridos, lo que ya indica de por sí la variedad que subyace en este planteamiento de la Red, que no hay que confundir con la confusión, aunque no esté exento de ella.

Qué se saca de todo esto

Lo mejor que podemos observar actualmente es la constante ebullición que hay en internet. Se va por el camino correcto, pero habrá que esperar todavía unos años hasta que todo esto se aclare. El estado de las cosas es complejo, e incluso a algunos puede parecerle decepcionante. A mí me atosigan todas estas novedades que aparecen cada día, pero no puedo dejar de pensar en la meta que se pretende conseguir, que es muy positiva. Lo importante es que cada uno de nosotros contribuimos a crear esta nueva sociedad, y no debemos creer que nos la van a construir desde arriba, porque entonces no merece la pena. Así que aquí estamos todos dispuestos a ejercer nuestra libertad en la Red. Que no lo impidan los gobiernos, el mercado, la ignorancia, la tibieza. Ni tampoco el mal diseño.

Otros enlaces de interés

(En los artículos citados de mi bitácora y en los que enlazo en la categoría correspondiente aparecen muchos enlaces informativos.)

Por Alejandro Valero en Diseño web el 14.01.06 con 36 comentarios
Palabras clave web 2.0, código


36 comentarios

     

Páginas:  1 2

[1] Por Lourdes Barroso el 14.01.06/18:28 Enlace permanente  Responder

Lourdes Barroso

Wassat emoticon ¿Y ahora qué hago yo?. El objetivo merece todo nuestro empeño, pero el camino...., el camino Crying emoticon es tremebundo. He tardado aproximadamente 1 hora (quizás tu robot,nos pueda dar la información exacta), en leer este post, mientras iba saltando de enlace en enlace en la wikipedia. Eso no estaría mal y ahora yo fuera capaz de hacer algo con todo eso -me refiero a lo que he conseguido entender y retener-. Angry emoticon

Supongo que vas a ser magnánimo y me vas a decir algo así como: "no te preocupes, has mostrado interés y preocupación, y estás dispuesta a aprender, es lo importante", y que conste que te lo agradezco, pero es muy intensa la sensación de que este es un mundo muy complejo que requiere un nivel de conocimientos que no están alcance de todo.

Para colmo de males me he matriculado en un curso de flash del CNICE -me fascinan las animaciones- y ni si quiera he terminado de ponerme los rulos del HTML Wacko emoticon

En fin querido Jedi, seguiré leyéndote, no voy a resignarme ni a perder la esperanza, espero que tu hagas otro tanto.Descripción

[2] Por Alejandro Valero el 14.01.06/19:03 Enlace permanente  Responder

Alejandro Valero

Lourdes, que no cunda el pánico. Lo último que querría es que la gente abandonara el barco. Quizá si te explico lo siguiente, puedas tranquilizarte.

Con este artículo tan largo y tan pedante he querido resumir lo máximo posible el conjunto de tecnologías que apoyan la Web 2.0. He querido hacer una píldora en la que se concentra todo aquello de lo que no debemos olvidarnos cuando hablamos de la nueva internet, la base arquitectónica del mundo virtual presente. Conocer esto y aumentar estos conocimientos por otras vías (lo que tú has hecho leyendo la Wikipedia) es el primer paso.

Un usuario de internet tiene que saber lo que hay, pero no tiene por qué saber hacer todas estas cosas, pues para eso tiene las herramientas ya preparadas. Estas son las tecnologías que utilizan diseñadores, programadores, webmasters y demás fauna virtual, pero un usuario no tiene que saber hacerlas, sólo emplearlas. Hasta cierto punto, claro. Siempre es bueno que cualquiera de nosotros podamos hacer pinitos en alguna de estas tecnologías. Pero lo que puede hacer un usuario medio, ya lo tiene hecho en los gestores de contenidos, o en las webs que ofrecen servicios, como Bloglines, delicious, etc.

¿Qué puede hacer una usuaria normal como tú?, te preguntas. Si vas a hacer un curso de Flash, estupendo, porque podrás montarte tus animaciones que apoyen tus enseñanzas en clase. Pero ya sabrás que Flash no es recomendable para diseñar una página. Tú entonces me podrás dar lecciones a mí sobre el uso de Flash, y yo a ti sobre diseño web, y José Mª sobre podcasts y demás multimedia. Si nos ayudamos unos a otros, la red crece y crece sin parar. De eso se trata. No es tan complicado cuando se hace andando el camino. Porque hace un año ni tú ni yo nos imaginábamos lo que íbamos a hacer en la blogosfera, y fíjate que hemos montado hasta una nueva ley de educación: la BLOGSE. Blush emoticon

[3] Por José Mª Campo el 14.01.06/21:22 Enlace permanente  Responder

José Mª Campo

¡Ups! Después de esto, Alejandro, no le quedan a uno muchas ganas de dar lecciones ni consejos opiniones sobre algo que tenga que ver con la blogosfera, internet y todo lo demás. Por el momento creo que me voy a centrar en seguir leyendo tus artículos ya que ni siquiera, como Pangloss, tengo jardín al que dedicarme. Creo sinceramente que este artículo tuyo marca un hito ( parecía imposible) y espero impacientemente más. De verdad, estupendo Blush emoticon.

Lourdes, por si te sirve de consuelo, yo también confieso que me he matriculado en un curso de flash...

[4] Por Alejandro Valero el 14.01.06/22:12 Enlace permanente  Responder

Alejandro Valero

Tengo que contaros una historia verdadera, Lourdes y José Mª, que no sé si conocéis. Jacob Nielsen, el gurú de la usabilidad, escribió el año 2000 un artículo muy famoso, Flash: 99% Bad (que no hace falta traducir, pues ya es bien expresivo) en el que criticaba muy negativamente la tecnología Flash utilizada como diseño. Ese artículo levantó la ira de muchos diseñadores y a Nielsen le llovieron insultos por todos los lados. Pero en 2002 actualizó este artículo (la actualización se lee también en ese enlace) para decir que las nuevas versiones de Flash habían conseguido corregir los errores de usabilidad en esa tecnología. Digamos que se desdijo de lo anterior. Luego se supo que Macromedia lo había contratado para "mejorar" su producto. Y es que el dinero hace cambiar muchas cosas...

Por lo demás, estoy deseando que nos enseñéis a hacer animaciones en Flash, que seguro serían muy útiles en la enseñanza de idiomas, por ejemplo. Smiling emoticon

[5] Por Lourdes Barroso el 15.01.06/00:04 Enlace permanente  Responder

Lourdes Barroso

Linux con flash

.

[6] Por Javier Escajedo el 15.01.06/16:11 Enlace permanente  Responder

Javier Escajedo

por qué???

Por qué??? van a suscitarse desánimos ante las nuevas opciones abiertas en Web 2 (interacción, participación, colaboración) en el caso de que se nos haga cuesta arriba adquirir su control. La web... la 1 y la 2... y las que vengan, de algún modo nos integran, y lo importante no es tanto lo que "hagamos" cuanto lo es lo que "compartimos"... y los enlaces los controlamos todos (aunque cada vez cuesta mas, la verdad). Acabo de estar en Aula 21, "hablando" con Paco y Aníbal y refiriendo lo que hago en InterPeques a este respecto... o lo que intento hacer:

Por qué???

Mi opción es inclusiva, sin descartar nada (el "diseño" también importa) es muy interesante incrementar las opciones de interactividad con que la nueva Web 2 puede enriquecer a la Web 1.

También es evidente que lo que mas abunda es el "uso" de recursos frente a su "utilización" entendiendo la prevalencia de la no participación en "uso" y la colaboración dominante en "utilización" en un sentido interactivo... Pero nada es descartable, viabilidad para todos los enfoque hay en unas y otras clases, unas y otras etapas educativas, unos y otros centros o profesores/as... lo importante es usar, practicar y desarrollar, así crecemos.

Saludos - Javier

[7] Por Javier Escajedo el 15.01.06/16:19 Enlace permanente  Responder

Javier Escajedo

Se me olvidó daros acceso, en caso de que queráis ver lo hecho en Wiki_Por qué???. Se pude acceder con:
.
usuario: interpeques
pasword : 1111
.
Siento mucho tener que hacer restricciones y mermar las grandes posibilidades de interacción que se pueden dar aquí, pero cono niños/as, es obligado ser muy estricto con los accesos indeseables.
.
Javier

[8] Por Alejandro Valero el 15.01.06/17:10 Enlace permanente  Responder

Alejandro Valero

Javier,

danos el enlace para poder llegar a ese acceso del que hablas.

[9] Por Javier Escajedo el 15.01.06/17:28 Enlace permanente  Responder

Javier Escajedo

Está arriba, por si acaso:
.
http://www.interpeques.com/trabajos/porque/principal.html
.
usuario : interpeques
pasword : 1111
.
http://www.interpeques2.com/mediawiki/index.php/Portada
.
Por otro lado, me alegro mucho de que hagas amistades en la "puta" calle (dado el forzado exilio de los fumatas), no sé si practicar aquello de un cigarrito moderadamente al día, también va bien.
.
Saludos
.

[10] Por Alejandro Valero el 15.01.06/17:46 Enlace permanente  Responder

Alejandro Valero

He entrado en el wiki, Javier, y me ha gustado lo ordenadito que lo tienes. Está muy bien que los niños se acostumbren a participar desde pequeñitos, aunque supongo que al principio tendrán que estar acompañados por un profesor u otro adulto, no sólo para que les advierta de los posibles peligros, sino también para que aprendan a manejarse con este tipo de herramientas.

[11] Por Javier Escajedo el 15.01.06/18:25 Enlace permanente  Responder

Javier Escajedo

IMPRESCINDIBLE que estén acompañados de un adulto responsable o profesor/a. En Primaria, el juego que dan estas opciones interactivas es muy diferente al que obtenemos entre adultos.

Entre adultos el centro de la "cuestión" son los contenidos, ya que, en general, se suponen los conocimientos y habilidades instrumentales previas.

Con niños/as el centro de la "cuestión" es precisamente el desarrollo de habilidades y destrezas instrumentales, lo cual no es nada superfluo.

Respecto a los contenidos hay muchas utilidades informáticas y web muy buenas para niños/as... pero, en este caso, lo que intento (piensa que mi taller de informática para niños/as es ExtraEscolar y complementario, voluntario en todos los casos), lo que intento, decía, es simplemente favorecer y desarrollar las capacidades infantiles para una navegación web fluída, controlada y productiva, nada mas y nada menos, incluso utilizando la web para jugar, dibujar y colorear o pintar... también para leer y escribir, claro.

Javier

[12] Por Alejandro Valero el 15.01.06/19:18 Enlace permanente  Responder

Alejandro Valero

Gracias, Lourdes por el enlace a ese concierto de pingüinos, una animación de Flash muy conseguida. Se pueden hacer muchas cosas interesantes y educativas con Flash, pero no sé qué tiene este programa, que quien lo toca se cree el dueño del mundo. Espero que eso no te pase a ti en tu nuevo curso de Flash.

Por cierto, no he hablado del software libre en todo este entramado de Web semántica y Web 2.0; eso da para otro artículón largo y pesado como éste. Wacko emoticon Prepárate.

[13] Por Lourdes Barroso el 15.01.06/21:54 Enlace permanente  Responder

Lourdes Barroso

Blush emoticon Solo quería felicitar a Javier por su trabajo. Me parece una actividad preciosa la que estás planteando.

Estoy preparada para tu próximo artículo -es difícil que sea más duro que este-, así que venga, cuando quieras. Cool emoticon

[14] Por Isidro Vidal el 16.01.06/08:39 Enlace permanente  Responder

Visitante

Hola Alejandro
Me uno a las felicitaciones sobre el artículo. Me voy enterando de qué va, y me hace estar al tanto de lo último que se cuece en este mundo virtual.
Lourdes, qué envidia por el curso de flash. Había pedido dos cursos online del CNICE, uno de WebQuest y otro de flash. Como sólo dan uno, me dieron el de WebQuest por el orden en que los había colocado en la solicitud.
Hay un blog de Ángel Puente dedicado sólo a flash que creo que está bien: http://flashpasoapaso.blogspot.com/
Por ahora me conformaré con él
Saludos

[15] Por Javier Escajedo el 16.01.06/11:44 Enlace permanente  Responder

Javier Escajedo

Respecto a la web 2, el diseño y la accesibilidad – usabilidad, aquí os mando un artículo interesante de John Allsopp (abajo detalles para leer completo):
.
………… “Siento una verdadera tensión entre la Web tal y como la conocemos, y la Web como puede llegar a ser. Es la tensión entre un medio veterano, la página impresa, y su nuevo retoño, la Web. Ha llegado la hora de comprender cuál es la relación entre ese padre y ese hijo, de permitir al hijo encontrar su propio camino en el mundo.

¿El mismo viejo nuevo medio?

"Las jerarquías firmemente arraigados no se arrancan facilmente;

Las creencias bien arraigadas no se sueltan fácilmente;

Durante generaciones los hijos y nietos celebrarán el culto de los antepasados."

Tao Te Ching: 54 El rito

Ver un programa de los primeros años de la televisión, puede resultar una experiencia instructiva. En aquellos años solía describir la televisión como "la radio con imágenes", lo que es una descripción bastante acertada. Muchas emisiones de televisión seguían el formato de la radio popular de la época. Muchos programas actuales como "The Tonight Show," con sus variantes que se emiten en casi todas las emisoras del planeta (con un conjunto musical, el presentador que habla con la cámara, y el publico invitado sentado al fondo), o las noticias con el presentador trajeado y serio, son rastros del medio en el cual la televisión tiene sus orígenes. Un palimpsesto del pasado de los medios de comunicación.

Pensemos un momento también en los primeros vídeos musicales (si alguno de nosotros es suficientemente mayor como para recordarlo). Consistían esencialmente en los músicos que actuaban en mimo imitándose a si mismos tocando una canción. Fascinante.

Cuando un medio nuevo toma prestados elementos de otro existente, parte del préstamo tiene sentido, pero muchos otros elementos se conservan sin que haya una razón para ello, como parte de un 'ritual,' lo que muchas veces es un impedimento para el desarrollo de medio nuevo. Con el tiempo, el nuevo medio desarrolla sus propias convenciones, despojándose de las convenciones anteriores que han dejado de tener sentido.

Cuando vemos las series de televisión antiguas, encontramos un ejemplo importante de este fenómeno. Puesto que en la radio se necesitaba una voz en 'off' para describir lo que los oyentes no podían ver, los programas de televisión de la época muchas veces incluían una voz en off para describir lo que los espectadores sí veían en pantalla. Es un ejemplo sencillo pero llamativo de lo que puede ocurrir cuando un medio nuevo se desarrolla a partir de uno existente.

La Web es un medio nuevo, pero surge del medio impreso, cuyas posibilidades, lenguaje de diseño y convenciones le influyen mucho. Una influencia que, a menudo, resulta excesiva. Los "sitios rompedores" son, frecuentemente, los que intentan domar la naturaleza salvaje de la Web, restringiendo las páginas como si estuvieran hechas de papel - la imprenta personal para la Web. Este conservadurismo es natural, (las creencias bien arraigadas no se abandonan fácilmente), pero ya es hora de dar un paso adelante, para adoptar la Web como medio independiente. Ya es hora de tirar por la ventana los rituales de la página impresa, y comprometerse con el nuevo medio que es la Web y su propia naturaleza.
Esto de ninguna manera implica dejar de lado la sabiduría de varios siglos de imprenta y de miles de años de redacción. Pero necesitamos comprender cuáles de sus lecciones son apropiadas para la Web, y cuáles son meros rituales.

Controlar las páginas Web

El Sabio

"...acepta el flujo de las cosas,
Las cultiva, pero sin poseerlas,"
Tao Te Ching: 2 Abstracción

Si pasas un rato leyendo los grupos de noticias o las listas de correo sobre el diseño Web, comprobarás que algunas palabras e ideas comunes se repiten una y otra vez. Una pregunta tras otra, es, por supuesto "¿Cómo puedo... ?" Pero detrás de algunas preguntas como "¿Cómo puedo hacer que mis páginas tengan la misma apariencia en todas las plataformas?" y "¿Cómo puedo hacer que mis tipos de letra tengan la misma apariencia con Macintosh y con Windows?" Existe una pregunta subyacente - "¿Como puedo tomar control del navegador del usuario?" Y de hecho, la palabra control aparece con sorprendente frecuencia.

El fundamento de todo esto, es la creencia de que los diseñadores deben tener un control absoluto sobre sus diseños (reflexionemos un momento sobre el termino mecánico de píxeles). Los diseñadores quieren preservar sus diseños para que predominen sobre las preferencias de los usuarios y sobre sus elecciones en relación con la manera de visualizar las páginas (por ejemplo, fijando el tamaño de letra). Los diseñadores quieren adivinar con antelación las diferencias entre plataformas, que resultan de diferentes resoluciones lógicas de pantalla (por ejemplo, los 72 puntos por pulgada del Macintosh, contra el estándar Windows de 96ppp). Los diseñadores pretenden conocer todos los navegadores, y no toleran nada que no se visualice en cada navegador como se ve en el suyo con precisión de píxel .

Es, por supuesto una exageración, pero no una exageración excesiva. Un ejemplo impactante es la decepción a menudo expresada por los diseñadores cuando aprenden que las hojas de estilo no permiten la "edición personal" para la Web. Y los usuarios de Macintosh saben de sobra cuantos de los sitios más importantes abusan de las hojas de estilo haciendo sus páginas ilegibles debido a que emplean píxeles o puntos para fijar el tamaño de letra. Es una elección fundamentada en la filosofía de "el diseñador manda."
¿De dónde surge esta idea? Creo que tiene su origen en el medio impreso. En la imprenta, el diseñador es Díos. Se está montado una enorme industria con la tecnología WYSIWYG (lo que ves es lo que produces), y muchos de los diseñadores se han formado con las creencias y las prácticas (el "ritual"), de ese medio. Como diseñadores, necesitamos volver a reflexionar sobre nuestro papel, para soltar el mando, y buscar una nueva relación con la página.

¿Por qué importa?

El recién nacido es blando y tierno,

El viejo, rígido y duro.

En vida las plantas y árboles son flexibles y tiernos;
Cuando mueren, secos y consumidos.

Así la blandura y la flexibilidad son atributos de la vida,

la firmeza y la rigidez son atributos de la muerte.

Tao Te Ching: 76 Flexibilidad

Quizás la imposibilidad de "controlar" la página es una limitación, un defecto de la Web. Acostumbrados al mundo WYSIWYG, en un principio, por instinto, lo creemos así. Tengo que confesar que así fue mi reacción inicial, y ha sido una creencia que me costó tiempo cambiar. Pero ya no creo que sea una limitación, ahora lo veo como uno de los puntos fuertes del nuevo medio.

Contemplemos el asunto, por un momento, a través del otro extremo del microscopio. El hecho de poder controlar totalmente la apariencia de una página de papel es, realmente, una limitación del medio impreso. Uno puede pensar "puedo fijar el tamaño de la letra" o puede pensar "el tamaño de la letra queda inalterable." Uno puede pensar "puedo fijar las dimensiones de la página" o "las dimensiones son fijas, ya no se pueden cambiar." Estas son, simplemente, las características del medio.

Y no son necesariamente características deseables, sobre todo para el lector. Si el lector no tiene una vista perfecta, probablemente encontrará el tamaño de letra elegido por el diseñador demasiado pequeño para leer sin lupa. Si el lector se encuentra en un lugar con espacio restringido, en el metro, en un avión, probablemente el periódico le resultará demasiado grande. Y poco puede hacer el lector al respeto.
El control que conocen los diseñadores en el medio impreso, y que muchas veces anhelan en el medio Web, es simplemente una función de las limitaciones de la página impresa. Podemos aceptar como positivo el hecho de que la Web no tenga las mismas limitaciones, pero primero tenemos que "aceptar el flujo de las cosas."

Adaptabilidad es accesibilidad

La mayor bondad es como el agua,

Favorece a todas las cosas, sin alterarlas,

Fluye por los lugares que otros desprecian,
donde se encuentra en armonía con el Tao.

Tao Te Ching: 8 Agua

Los hay que creen que el Tao es fatalista. Una lectura simplista puede ser que uno debe andar a la deriva, sin propósito; permitir que ocurran las cosas y entonces reaccionar. Yo creo que es una manera de decir que no tenemos que fijar nuestras perspectivas, con objetivos en el lejano futuro, sino que debemos aprender a adaptar, sin fijar nuestros puntos de vista y dirección.

"Como observar el detalle da claridad de visión,
Entonces mantener la flexibilidad da fuerza;
Usa la luz pero mira hacia dentro,
Para evitar el peligro,
Y buscar la claridad."

Tao Te Ching: 52 Claridad

Pienso en la flexibilidad que he descrito hasta aquí, como "adaptabilidad." Todo lo que he dicho hasta ahora se puede resumir en: crear páginas que se adapten. Crear páginas que sean accesibles, sin importar el navegador, la plataforma o la pantalla que elija el usuario o que tenga que utilizar para acceder a tus páginas. Crear páginas que sean legibles con independencia de la resolución o el tamaño de la pantalla, el número de colores (y recordemos también que las páginas se pueden imprimir, y pueden ser leídas por aplicaciones de voz, o con navegadores de braille). Esto significa hacer páginas que se adapten a las necesidades del lector, aunque su vista no sea perfecta, y puede desear leer las páginas con un tamaño de letra muy grande.

Diseñar páginas adaptables es diseñar páginas accesibles. Y quizás la gran promesa de la Web, todavía lejos de ser realizada, es la accesibilidad, sin importar las dificultades, a la información. Es una creencia importante del World Wide Web Consortium, y se hace cada vez mas un imperativo del diseño Web, puesto que dentro de poco será una exigencia legal que las páginas Web permitan el acceso universal, de igual manera que las normas de edificación en el mundo exigen la accesibilidad de los edificios.

Parece imposible, diseñar una página universal. Quizás por el momento sigue siendo una aspiración, con navegadores que no siempre funcionan según las normas y muchos de los dispositivos de acceso a la Web todavía en su infancia, o sin nacer. Pero hay mucho que podemos hacer hoy para construir los cimientos para las páginas que sí se adaptarán a las necesidades y los deseos de los usuarios, para así ser accesibles.

El camino

"Al camino el uso le da forma,
Pero entonces la forma se pierde.
No valores las formas
Sino deja que las sensaciones fluyan en el mundo
Como el río fluye hacía el mar."

Tao Te Ching: 32 Formas

Entonces, ¿qué podemos hacer para diseñar para la adaptabilidad, y así para la accesibilidad? En primer lugar, describo dos maneras de pensar que pueden resultar útiles. Y luego doy algunas sugerencias prácticas sobre los pasos a seguir para evitar que tus páginas sean inaccesibles.

En primer lugar, reflexiona sobre lo que hacen tus páginas, no sobre su apariencia. Deja que el diseño de la página fluya desde los servicios que proporcionará a tus usuarios, en vez de basarlo en un concepto global de diseño visual. Deja que la forma siga la función, en vez de establecer un diseño e intentar encajarlo con el servicio.

Un fundamento de esta idea es la separación del contenido de su apariencia. Probablemente ya te lo han dicho cien veces, pero es, quizás, el paso mas importante. Consideremos un ejemplo sencillo. En una página, hay una frase en cursiva. ¿Por qué en cursiva? Puede ser para dar énfasis. Puede ser una cita. Puede ser otro idioma. En la edición tradicional, la forma sigue la función. La ventaja de la edición en la Web es que podemos hacer explícito lo que es implícito en papel. ¿Si el motivo de la cursiva es para dar énfasis, por qué marcar el texto con la etiqueta ? Es mejor emplear la etiqueta , para permitir a los navegadores que no sean navegadores PC [gráficos] presentar el texto de la manera mas apropiada.

A una escala mas grande, no utilices HTML para formato de presentación. Fuera y , y otros elementos de presentación. Donde HTML proporciona un elemento apropiado, úsalo. Dónde no hay, usa clases. Y por supuesto, usa las hojas de estilo para la información de presentación. Es tiempo de mirar hacía el futuro, no de aferrarse al pasado.
Si empleas las hojas de estilo correctamente para indicar la apariencia de la página, en vez de obligar a una apariencia concreta, y no dependes de la hoja de estilo para transmitir la información, entonces tus páginas "funcionarán" perfectamente en cualquier navegador, antiguo o futuro. Los navegadores que no soportan las hojas de estilo simplemente mostrarán páginas un poco más sencillas. Nuestra mayor preocupación son los navegadores que soportan las hojas de estilo de forma defectuosa. Hoy en día es un tema importante. Dentro de poco dejará de serlo. Por el momento, puedes limitarte a un subconjunto de CSS bastante bien soportado y aun así tendrás efectos de presentación mejores de los de HTML. He escrito mucho sobre este tema en otros sitios, y no voy a repetirlo aquí.

En la práctica, hay algunas cosas que debemos hacer y otras que no al diseñar hojas de estilo que afectarán la adaptabilidad de las páginas. Sobre todo, no debemos confiar en que las hojas de estilo permitan la accesibilidad de la página. Las unidades absolutas, como píxeles y puntos se deben evitar (y si eso te sorprende, sigue leyendo), y el color se debe emplear con cuidado, y nunca debe ser imprescindible…..”
.
Artículo completo en:
.
Autor: John Allsopp
.
http://www.infoescena.es/achuter/acceso/tao_web.html
.
------------------
Alejandro, algo tuyo he leído en esta línea, me parece que también a Anibal (pásaselo). Creo que lo encontrarás interesante si lees el artículo completo. Saludos.

Javier

[16] Por Alejandro Valero el 16.01.06/17:29 Enlace permanente  Responder

Alejandro Valero

Gracias a Isidro y a Javier por los dos estupendos enlaces que nos ofrecen, y que he colocado en los enlaces de este artículo.

Espero que se entienda, Isidro, que la crítica que se hace contra Flash se centra en su uso como diseño de la página. Por lo demás, es un programa estupendo (muy caro, por cierto) y su player nos permite ver y oír muchas cosas interesantes. Las animaciones en educación, además, son fundamentales para ilustrar contenidos.

Muy bueno el artículo de Allsopp, Javier. El sitio donde escribe sus artículos es uno de mis preferidos, y ahí he aprendido muchas de las cosas que digo. Por tanto estoy totalmente de acuerdo con lo que defiende Allsopp, que se ha convertido en la norma de los diseñadores actuales que utilizan los estándares web, de los que he escrito en este artículo. Sus ideas se pueden resumir en el último párrafo del artículo:

La mayor fuerza de la Web, creo, se percibe muchas veces como una limitación, un defecto. Es la naturaleza de la Web ser flexible, y en nuestro papel de diseñadores y desarrolladores debemos adoptar esta flexibilidad, para crear páginas que, precisamente por ser flexibles, sean accesibles a todos.

Como él dice, internet es un nuevo medio que tiene sus propias características, y no se puede diseñar una página web como si fuera una página de papel, porque el diseñador ya no es el dueño del producto final. Gran artículo.

[17] Por Lourdes Barroso el 16.01.06/22:25 Enlace permanente  Responder

Lourdes Barroso

Para Isidro

Te dejo un enlace en el que puedes encontrar un montón de videotutoriales, hay tambien un videotutorial de flash, pero para acceder a ese tienes que registrarte y sufrir que te manden publicidad. Yo me he creado un e-mail para eso.

videotutoriales

Tambien tienes la opción del pedirle al CNICE que te envíe el CD del curso. Es un tutorial paso a paso, desde la web del CNICE te descargas la solicitud, no hay problema, te mandan lo que les pidas.

[18] Por Lourdes Barroso el 16.01.06/22:42 Enlace permanente  Responder

Lourdes Barroso

Continuación del anterior...Se me ha olvidado decirte que hay otro programa, bastante más barato, que tambien hace animaciones flash y que por lo visto tiene un funcionamiento muy similar a flash, se llama Swish Max, te puedes descargar una demo desde su web, y tienes un videotutorial de libre acceso desde el enlace anterior.Blush emoticon

¿A qué parece que sé algo? - pues no te engañes, ni Pamplona-.

[19] Por Alejandro Valero el 16.01.06/23:55 Enlace permanente  Responder

Alejandro Valero

Lo que no se debe hacer con Flash. Ejercicio práctico.

Me vas a decir que soy un pesado, Lourdes, pero el enlace que acabas de darnos a esos videotutoriales demuestra el mal uso de Flash en internet. Angry emoticon El que tenga tiempo y ganas,que haga el siguiente ejercicio de una sola pregunta:

# Explica por qué esos videotutoriales no tienen un diseño adecuado para internet.

Si has leído bien este artículo y sus comentarios, y tienes una buena dosis de sentido común, no te resultará difícil realizar el ejercicio. Smiling emoticon

[20] Por Lourdes Barroso el 17.01.06/01:22 Enlace permanente  Responder

Lourdes Barroso

¡Vaya chaparrón!. Lo siento no quería ofender Descripción. No lo volveré a hacer. Crying emoticon

La página es un chapuza, pero los tutoriales pueden ayudar. Quizás porque no me considero en situación de enmedarle la plana a nadie, no me ando con demasiados miramientos. Si algo me resulta útil lo uso. Pero prometo tener más cuidado de aquí en adelante.

[21] Por Javier Escajedo el 17.01.06/02:41 Enlace permanente  Responder

Javier Escajedo

He visto los tutoriales mandados por Lourdes. Son meras exposiciones que carecen de posibilidades interactivas y no ofrecen posibilidad alguna de participación como no sea que el alumno/a se limite, simplemente a ver la “peli”. Así ocurre en muchas clases con cañón y no menos exposiciones y congresos.

También deja mucho que desear la accesibilidad y la usabilidad. Se ajustan mal a diversas resoluciones de pantalla y la columna de la izquierda con la propaganda de rigor, lo único que hace es incordiar.

Pongamos nota Web 2 :

Interactividad - cero
Colaboración – cero
Participación – cero
Usabilidad – cero

No obstante acepto que puntualmente este tipo de recursos vengan bien en un momento dado. Por ejemplo, yo encontré en:

.
http://www.supersaber.com/
.
Un excelente SWF que expone el proceso de la digestión humana. Escribí a los de SuperSaber para pedirles que me cedieran ese fichero y utilizarlo en InterPeques así:
.
http://www.interpeques.com/trabajos/wqdigestion/informacion/infodigestion02.htm
.
De este modo he podido dar salida a la actividad tanto en red como localmente, con o sin Internet (en mi escuela hay ordenadores fuera de línea)… pero, en todo caso, la EXPOSICIÓN flash es UNA PARTE de un conjunto, un complemento puntual que, en este caso de la digestión, me pareció estupendo.

Nada es blanco, nada es negro… todo son claros_oscuros y todo cabe en la viña del señor. Lo mas importante siempre es el USO que hagamos de las cosas, de todas las cosas… también algunas malas como no.

Junto a Lourdes me pongo Alejandro a rogar de tu piedad, paciencia y perdón; pero calculo que Lourdes tirará de sus FLASHes y yo de mis páginasLIBRO mas de una vez y dos.

Un abrazo para los dos.

[22] Por Javier Escajedo Arrese el 17.01.06/02:50 Enlace permanente  Responder

Visitante

Se me olvidaba....para ver aquí...
.
http://www.interpeques.com/trabajos/wqdigestion/informacion/infodigestion02.htm
.
...el SWF en cuestión, hay que activar la pluma donde dice ENTRAR Viaje Digestión.
.

Por otro lado he querido enlazar así:

Viaje Digestión

y en las PreVisualizaciones he tenido problemas con tu editor??? (se me fragmentaba en dos espacios separados en pantalla) allá va de todos modos.

[23] Por Isidro Vidal el 17.01.06/10:06 Enlace permanente  Responder

Isidro Vidal

Hola contertulios
Parece que el tema se ha desplazado hacia el flash. Es verdad que este tipo de programas no son interactivos. Creo que tienen su función, como dice Javier, para exponer un tema, una conferencia. Se ven mucho en los congresos junto a las presentaciones en PowerPoint. Es como una película y eso es lo que hay que tener en cuenta. Las películas muestran otros soportes más atractivos, si le pones música dan buenos resultados.
Yo he trabajado más con el PowerPoint, siempre poniéndole música.
Gracias por los enlaces a los tutoriales y los consejos sobre el flash.
Saludos

[24] Por Alejandro Valero el 17.01.06/17:07 Enlace permanente  Responder

Alejandro Valero

Estos últimos comentarios dan mucho que hablar sobre la tecnología Flash. Para empezar, un 10 de calificación para Javier Smiling emoticon por haber hecho un ejercicio impecable al haber aplicado estupendamente sus conocimientos de diseño web al sitio de los videotutoriales, hecho exclusivamente con Flash. Me gustaría decir un par de cosas al respecto.

Primero, felicitarte también por tu página Interpeques, que está llena de tesoros. Ésa página que enlazas del sistema digestivo me ha gustado mucho. Pero la página de SuperSaber me ha dado problemas: En la portada hay unos enlaces a las distintas animaciones. He querido ver la de la digestión, y para ello he hecho clic en la imagen correspondiente. Pues no ha pasado nada; es decir, el clic no ha funcionado, y no he podido ver la animación. ¡Y así con todas las demás animaciones! Angry emoticon

Pero en el caso de que pudiera haberlas visto, el contenido de esas animaciones no se puede buscar desde un buscador, porque no son código (X)HTML, ni las páginas tienen URL. Si pensamos que la búsqueda por internet es una de las bases del conocimiento compartido, estos contenidos no se pueden encontrar más que conociendo la página.

Lo ideal sería lo que tú has hecho en tu página: poner texto HTML que explique el contenido, y luego apoyar e ilustrar ese contenido con la animación. Eso sería perfecto, porque la página ya sería encontrada por los buscadores, y por tanto por todos los interesados en el tema.

[25] Por Lourdes Barroso el 17.01.06/19:55 Enlace permanente  Responder

Lourdes Barroso

Blush emoticon Gracias Isidro y Javier por el intento de echarme un capote, aunque en el caso de Javier, no sé si no ha sido peor el remedio que la enfermedad, te has adelantado haciendo el ejercicio Sad emoticon y encima has sacado un 10.

A usted, estimado profesor Valero, me gustaría presentarle algunas consideraciones:

  1. No estoy defendiendo la utilización de flash para el diseño de páginas web. Enviando ese enlace solo pretendia ofrecerle a un compañero un recurso para aprender a manejarse con un programa que le interesaba. No era mi intención poner a esa página como ejemplo de diseño web.
  2. En ningún momento se me ocurriría defender que una colección de animaciones en flash, sin más, basten para dar respuesta en un proceso de aprendizaje. Lo que si defiendo, es que las imagenes animadas tienen un atractivo y un poder explicativo que no tienen otros medios y resultan muy adecuadaspara trabajar con determinados alumnos, porque facilitan la comprensión, y eso es irrenunciable.
  3. No tengo ni idea de como funcionan los buscadores, pero en la sección de enlaces de mi web, dentro de la categoría de animaciones, hay 24 referencias, que he localizado usando Google. Por cierto algunas de ellas son magníficas. No daré los enlaces para no provocar y no tentar mi suerte, pero si a alguien le interesan, ya sabe dónde están.
  4. No sé que se entiende por interactividad, pero por ejemplo, el programa que está utilizando Angel para su tutorial de flash, que se llama Captivate, y yo he utilizado para hacer los videotutoriales de mi blog y algunas actividades con alumnos, te permite crear ejercicios, el programa no avanza automáticamente como una película, es posible dar instrucciones que alumno tiene que ejecutar para que el programa avance, es posible introducir mensaje que den orientaciones, que refuercen las respuestas acertadas, que den pistas...
    Tiene tambien la opción de construir ejercicios tipo clip.

Nota: ¿Por qué será que me están entrando unas ganas tremendas de dejar aquí el enlace a mi primera página web...?, es una chapuza monumental -como no sabía que existía el html, no solamente tiene animaciones flash, gifts, videos, mp3, sino además está hecha con Word, para que no le faltara de nada-, no resiste el análisis, pero me lo pasé como los indios haciéndola y tiene su aquel....

¿Será que le estoy cogiendo el gusto a eso de provocar?.

Tranquilos, no lo voy a hacer, eso me librará de tenerla que hacer desaparecer del mapa, como forma de espiar mis muchas culpas. La mantendré en la cladestinidad para que esté a cubierto. winking emoticon

Voy a buscar una pipa de la paz y vuelvo.

Descripción

Con mis mayores respetos.

[26] Por Alejandro Valero el 17.01.06/20:27 Enlace permanente  Responder

Alejandro Valero

Algunas puntualizaciones a la futura-alumna-de-flash, Lourdes Barroso:

Estoy de acuerdo con los puntos 1 y 2 de tu último comentario. Smiling emoticon

Punto 3. Esas páginas basadas en Flash sólo tienen la URL de su página de inicio. Y punto. Las secciones de esas páginas no están accesibles vía URL. Tampoco está accesible el texto (ni las imágenes) de esos contenidos. Como tampoco está accesible para un buscador el texto de los archivos PDF. Lo que está accesible es el título de ese PDF si lo enlazas desde un documento web. Es decir, si tú escribes en Flash o en PDF, por ejemplo, un curso sobre las aves zancudas, que consta de setenta secciones equivalentes a setecientas páginas de libro, sólo estará disponible para los buscadores su URL o su título, pero no los miles de párrafos que incluye su contenido, pues no están escritos en HTML o texto plano. Y el que quiera saber lo que comen las aves zancudas, tendrá que buscar en esa página como se busca en un libro, pero no tendrá una búsqueda automática y rápida con un buscador.

Punto 4. Tienes parte de razón. Con Flash se pueden hacer programas interactivos, pero para eso hace falta saber programar con el lenguaje que incluye, y esto no lo hace mucha gente. La mayoría de la gente hace animaciones y ahí se queda. Flash es bueno, por ejemplo, para hacer tests interactivos, pero para eso ya está JavaScript o PHP. Se podrían hacer muchas cosas interactivas con Flash para la educación, por ejemplo, pero no suele ser lo habitual.

Así que, Lourdes, cuando hagas el curso de Flash, no dejes que el o la profe se quede sólo en las simples animaciones; pide interactividad, claridad, accesibilidad... y unas cañitas después de cada sesión. Tongue emoticon

[27] Por Javier Escajedo el 17.01.06/22:27 Enlace permanente  Responder

Javier Escajedo

Gracias a Alejandro y perdón a Lourdes. Como sé que aquí no se riñe pero sí se debate, bien está y mucho podemos dar y tomar todos de todos...y todas (como dice el "lendaka"). He visto algo de tu trabajo Lourdes con Macromedia Capture, tus explicaciones en torno a Excel, por ejemplo. Muy dignas y tu página web "oculta"... sácala que hablando... dicen... se entiende la gente.

nunca te des por vencida

NUNCA TE DES POR VENCIDA que sé que no, pero creo que desde el comentario 25 esto se empieza a animar.

[28] Por Lourdes Barroso el 18.01.06/00:39 Enlace permanente  Responder

Lourdes Barroso

Blush emoticon Hola, de nuevo.

-Alejandro, tienes que colocar el dewplayer en los comentarios (yo pongo la memoria del servidor, que ya sé que el CNICE lo lleva un poco apretado), para que podamos poner música, y tambien un "descensor" a los comentarios, por lo menos a partir de la planta 15ª.-

Siento decepcionar de nuevo, pero el curso de Flash es del CNICE, es decir, lo que me han dado ha sido un CD y me asignarán un tutor, supongo que llegaremos hasta donde llegue CD, dudo mucho que lleguemos más allá, y las cañas me las tomaré yo sola. Sad emoticon

Lo mi primera página web -la estaba haciendo el año pasado por esta fechas- tiene mucho mérito, y por eso le tengo mucho cariño. Descubrí que existía en Word la posibilidad de "Ver como página web" y que de esa manera ¡podías ponerle un color de fondo al documento!, aquello abría un mundo de posibilidades ...

No tenía ni idea de como se podía hacer llegar aquello a internet, alguien me contó que Yahoo ofrecía la posibilidad de colocar allí tu web. Aquello no funcionó, ni siquiera sabía que tenía que haber una archivo llamado "index.html". Después continuó sin funcionar, al subir los archivos los enlaces continuaron teniendo las rutas de mi ordenador, ¡tuve que cambiarlos a mano, uno a uno!. Finalmente, alguien me hizo saber que eso de hacer las páginas webs con Word, no era lo más aconsejable, porque Word metia códigos extraños, y me recomendó que diera un lavado con Dreamweaver y así lo hice.

Os puedo asegurar, que la sensación subjetiva fué la de haber hecho la mayor proeza del mundo.

Aquello me sedujo tanto, que con ese bagaje me alquilé un hosting y me lancé al ciberespacio.

Entonces visitaba mucho Aula21, intenté contactar contigo Alejandro un par de veces, te mandé dos correos, supongo que los mandaría sin asunto o algo así, porque nunca me contestate, y eso que te decía que yo era de Villalba, para ver si colaba..., pero nada. La impresión que me daba es que debías ser muy serio y estirado, que podía verse ofendido si una desconocida trataba de establecer contacto con él. Debí leerte en alguno de esos momentos de "santa indignación" y en algún otro como este artículo del diseño de páginas webs. No debí entender absolutamente nada de lo que contabas, pero sí que debí captar la idea de que te lo tomabas muy serio.

Tu página Javier, también la conocía, la tengo la carpeta de favoritos de mi hijo, todo aquello me maravilló, y todavía estoy en ese mantra.

Bueno, basta ya de confesiones, que no son horas.

Nota: Consigo que funcionen los enlaces ¿?.

[29] Por Javier Escajedo el 18.01.06/02:10 Enlace permanente  Responder

Javier Escajedo

Pues a mí me parece que ni tan mal. Tu “el mundo a tus pies” (casi coincidimos, aunque solo sea en el título, en el blog que uso para que los chiquillos practiquen en InterPeques, aquí) : el mundo a mis pies . Tu trabajo, en realidad una WebQuest, desde el punto de vista didáctico y docente pues muy bien para alumnado de secundaria. Y la técnica??? Pues a depurar pero con muy poco, para mí que te pones en línea. Por ejemplo, realiza trasparencias de imagen para que se integren bien con los fondos de pantalla (ACDSee – PhotoShow…), no abuses de la movilidad en titulares e imágenes (puede cansar o despistar). Respecto a resoluciones de pantalla usa porcentajes para que se acoplen bien a unas y otras resoluciones, las mas comunes 800x600 y 1024x768 (obligado cambio a FrontPage o DreanWeber u otros… pero editores de HTM… que te permitan acceder puntualmente a los códigos).

Respecto a las tablas evitar visualización de rejillas y… con 4 perras hoy en día, un servicio hosting que te da autonomía para traslados de ficheros (FTP) y te libera de esas odiosas publicidades que no hacen mas que incordiar y despistar a los chiquillos (en mi caso), además de liberarte del “vuelva a intentarlo, excedida transferencia de datos”.

¿Es mucho cambio lo dicho hasta aquí?, NO, para tí, por lo que veo que te curras en tu blog, estas rutinas básicas las pillas al vuelo y sacarás todo su lustre a lo mejor de tu trabajo en “el mundo a tus pies”:

1.- Buena orientación didáctica.
2.- Buena calidad de imagen y estética general.
3.- Aceptable navegabilidad al no olvidar las referencias entre unas y otras páginas y utilizar fuentes y tipos de letra comunes (Times, Arial, Verdana… nunca fallan).

(Es bueno adoptar una tira de enlaces igual, común, en al misma situación de todas y cada una de las páginas, arriba y abajo por ejemplo… o un lateral… el izquierdo es mas seguro.. para que el alumno/a sepa siempre donde hallar una vía para pasar páginas y navegar entre ellas).

Gracias por mostrar tu trabajo, en Internet eso equivale a compartirlo y, ya he dicho por ahí, mucho mas importante que lo que hacemos es lo que compartimos. Alejandro escribió por algún sitio “… dejar de seguir ejerciendo este personalismo que tiende a perderse en el magma de Internet. No somos nadie en soledad, pero creamos mundos maravillosos en compañía de nuestros iguales… “

Estamos en la Web 1 ¿?? Pues bien, ya pillaremos la 2 … y lo que venga, pero siempre, lo hecho con afán queda en esta especie de gran mediateca a la que cada cual pone lo suyo, nada mas y nada menos.

Javier

[30] Por Alejandro Valero el 18.01.06/16:21 Enlace permanente  Responder

Alejandro Valero

Ya veo, Lourdes, que tienes una biografía virtual muy interesante, y que fuiste monja antes que cocinera. Todos aquellos esfuerzos de que nos hablas no resultaron en vano si te ayudaron a aprender. ¿Quién ha dicho que el camino es fácil? Lo bueno cuesta.

No recuerdo que me enviaras ningún mensaje de email cuando dices que lo hiciste. Si me llegaron es que no los abrí porque quizá los borraría sin querer. Y es que mi dirección email del CNICE (que sería la que usaste) está llena de spam, y muchas veces borro cincuenta mensajes a la vez. Quizá no los haya visto, porque me acordaría de que me dijiste que eras de Villalba. En todo caso, ya somos amigos, y el pasado, pasado está.

La primera impresión que tuviste de mí ya me la conozco porque es la que suele tener la gente de mí antes de conocerme un poco. En el ámbito profesional soy serio, porque hay que serlo, pero luego, en mi ámbito personal, me dicen que soy "muy gracioso", pero nunca he sido como el gracioso de la clase. Conforme pasan los años, la vida me produce más risa, y voy ganando en humor, en sentido común y en paciencia. Además la relación entre las personas es mejor si hay humor. Y una última ventaja: el humor me impide llegar a creerme importante en cualquier faceta, y se ve a los demás de forma más igualitaria. Smiling emoticon

Páginas:  1 2

Botón de Páginas dispersas Páginas dispersas - http://fresno.pntic.mec.es/avaler3
© de la web y del diseño: Alejandro Valero. Licencia de Creative Commons.