Re: [Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net
Hola Cristian. No me has entendido, seguramente porque no me he explicado bien. Con atributos inexistentes no me refiero a que no existan en la especificación html, sino a que no lo han puesto en el código fuente de la página (etiquetas img) y son obligatorios, como tú bien dices. Quizás debería de hacer escrito faltan atributos obligatorios como alt, que se entiende mejor. Gracias por la aclaración. 2009/1/12 Cristian Wilgenhoff cristian.wi...@gmail.com errata: - atributos inexistentes (como alt para las imágenes Es obligatorio usar el atributo alt, q sirve para que cuando no se pueda hacer el retrive de la imagen se ve el texto, ejemplo: logo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net
Creo que antes de pedir opinion sobre una web, lo mejor es que al menos la revisen en w3c... Saludo, DJ-Dom El 12 de enero de 2009 3:17, Daniel Navarro webpe...@gmail.com escribió: Hola Cristian. No me has entendido, seguramente porque no me he explicado bien. Con atributos inexistentes no me refiero a que no existan en la especificación html, sino a que no lo han puesto en el código fuente de la página (etiquetas img) y son obligatorios, como tú bien dices. Quizás debería de hacer escrito faltan atributos obligatorios como alt, que se entiende mejor. Gracias por la aclaración. 2009/1/12 Cristian Wilgenhoff cristian.wi...@gmail.com errata: - atributos inexistentes (como alt para las imágenes Es obligatorio usar el atributo alt, q sirve para que cuando no se pueda hacer el retrive de la imagen se ve el texto, ejemplo: logo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net
2009/1/12 Daniel Navarro webpe...@gmail.com Hola Cristian. No me has entendido, seguramente porque no me he explicado bien. Con atributos inexistentes no me refiero a que no existan en la especificación html, sino a que no lo han puesto en el código fuente de la página (etiquetas img) y son obligatorios, como tú bien dices. Quizás debería de hacer escrito faltan atributos obligatorios como alt, que se entiende mejor. Gracias por la aclaración. Ahora si, disculpa entonces. Y coincido con DJ-Dom, antes que nada debes validarlo en la w3c: (X) HTML validator: http://validator.w3.org/ Css: http://jigsaw.w3.org/css-validator/ Salu2, Cristian. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net
Es primordial indicar un doctype para conmutar los navegadores al modo de estándares y aumentar la consistencia de comportamiento entre ellos. De esta forma podemos olvidarnos, por ejemplo, del modelo de cajas erróneo (entre otros fallos) de Internet Explorer y hacer un código más sencillo. Coincido con vosotros en la importancia de validar porque, aunque no debería de ser un fin (el fin es conseguir un sitio funcional, usable y accesible, fácil de editar, etc.), es fundamental para encontrar errores en el código. Saludos. El 12 de enero de 2009 13:12, DJ-Dom soporten...@gmail.com escribió: Creo que antes de pedir opinion sobre una web, lo mejor es que al menos la revisen en w3c... Saludo, DJ-Dom El 12 de enero de 2009 3:17, Daniel Navarro webpe...@gmail.com escribió: Hola Cristian. No me has entendido, seguramente porque no me he explicado bien. Con atributos inexistentes no me refiero a que no existan en la especificación html, sino a que no lo han puesto en el código fuente de la página (etiquetas img) y son obligatorios, como tú bien dices. Quizás debería de hacer escrito faltan atributos obligatorios como alt, que se entiende mejor. Gracias por la aclaración. 2009/1/12 Cristian Wilgenhoff cristian.wi...@gmail.com errata: - atributos inexistentes (como alt para las imágenes Es obligatorio usar el atributo alt, q sirve para que cuando no se pueda hacer el retrive de la imagen se ve el texto, ejemplo: logo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net
Ante todo, pido perdón por la extensión de este correo, que es una respuesta
sobre la petición de críticas que hizo Wilfredo del sitio
http://www.musipan.net/
- - - - - - - - -
Hola, Wilfredo.
Veo que se ha empleado bastante esfuerzo en construir el sitio aunque, como
todo, es susceptible de mejorar.
Ya que la temática de esta lista son las CSS y el diseño con estándares,
empezaré comentando algunas deficiencias del sitio en este aspecto.
- - - - - - - - - - -
ANÁLISIS DEL CÓDIGO
Has encerrado todo el contenido en un iframe dentro de index.php, pero no le
encuentro justificación, a menos que quieras fastidiar al usuario medio para
que no pueda enlazar a una página interna ni incluirla en marcadores
(favoritos).
Si se analiza la página incluida en el iframe, principal.php, se descubre
un diseño basado en tablas y con numerosos errores. En ésta falta la
declaración doctype que es importante no sólo para validar la página, sino
para conmutar al modo de estándares (aunque como el diseño es por tablas
tampoco es tan dramático). El código contiene, entre otros errores,
atributos desautorizados, atributos inexistentes (como alt para las
imágenes o type para las etiquetas script), etc. Te recomiendo que
incluyas un doctype y valides las páginas para corregir los errores. Peor
incluso es la cantidad de reglas css en línea (unas veinte en principal.php)
para añadir un z-index a las imágenes. Puede que el código se haya realizado
mediante un programa de diseño visual, por lo que no voy a darle más
vueltas.
Lo que sí voy a comentar a nivel de código es la página index.php, el
contenedor del iframe. Incluso este documento tan sencillo contiene errores:
- En la etiqueta iframe has repetido el atributo style. Has escrito:
iframe style=background-color:#804000 ... style=border:none; ...
Debe de ser:
iframe style=background-color:#804000; border:none; ...
También te alerto sobre lo siguiente, aunque técnicamente no sean errores:
- Es recomendable por accesibilidad que indiques el idioma de la página:
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
Cuando el documento se sirve como text/html (como es este caso y el de la
inmensa mayoría de las páginas xhtml), los navegadores HTML ignoran los
atributos xmlns y xml:lang (son del lenguaje xhtml). Sin embargo, sí tienen
en cuenta el parámetro lang.
- En vez de usar el atributo align para centrar, que está desaprobado por el
W3C. Utiliza el equivalente css margin: auto;
- Has escrito en la etiqueta iframe align=top, pero top no es un valor
válido del atributo align. Sí lo son left, center, right y justify,
como puedes ver en
http://www.w3.org/TR/html4/present/graphics.html#adef-align
Quizás te has confundido con el atributo valign o con el atributo align de
otros elementos como caption, que sí admiten top como un valor válido.
- Has indicado estilo en línea mediante el atributo style (no confundir con
la etiqueta style). Te recuerdo que si se indica estilos en línea, es
obligatorio indicar el lenguaje de hoja de estilos por defecto. Se puede
hacer en la cabecera http o con la siguiente etiqueta meta:
meta http-equiv=Content-Style-Type content=text/css /
Ésta es una norma que se la salta todo el mundo (incluido yo).
- Usas comentarios html en el elemento style para esconder las css internas
de los navegadores antiguos que no entienden la etiqueta style. Pero si
este documento se sirviera como application/xhtml+xml, estos estilos se
ignorarían.
Por lo tanto, habría que quitar estos comentarios o indicar un doctype html.
Si los quitas y eres detallista, en prevención de que puedas usar caracteres
como o en la hoja de estilos, marca los estilos como bloque CDATA.
Si, además, te preocupa la compatibilidad de la etiqueta CDATA con ciertos
navegadores, ocúltala con comentarios css:
style type=text/css
/*![CDATA[*/
body {
background-color: ...
}
/*]]*/
/style
http://www.w3.org/TR/xhtml1/#h-4.8
http://www.w3.org/TR/xhtml1/#C_4
- - - - - - - - -
ANÁLISIS VISUAL
- La página de entrada es vistosa, pero no indica claramente de qué trata.
El muchacho vestido de rey y la leyenda MUSIPAN El Reino no dice mucho.
Mirando los demás elementos se puede deducir que se trata de un hotel con
restaurante para celebraciones. Pero tras navegar por el sitio se descubre
que es todo un parque temático. ¿Pero dónde? Pulsando en contáctenos parece
que se trata de algún país de América (después descubrí que era Venezuela).
La primera regla de usabilidad es dar a conocer al usuario sobre qué versa
el sitio. Al menos una línea de etiquetas que diga algo sobre que es un
parque temático y dónde se encuentra.
- Los enlaces no están claramente indicados como tales. Para saber dónde
están hay que ir escudriñando la página con el ratón para ver si el cursor
se convierte en una mano. He intentado pinchar en la foto del rey, e incluso
en el romano de la esquina. Tampoco hay efectos de rollover en los enlaces.
Y, lo peor, no indicas cual es la opción del
[Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net
Ante todo, pido perdón por la extensión de este correo, que es una respuesta
sobre la petición de críticas que hizo Wilfredo del sitio
http://www.musipan.net/
- - - - - - - - -
Hola, Wilfredo.
Veo que se ha empleado bastante esfuerzo en construir el sitio aunque, como
todo, es susceptible de mejorar.
Ya que la temática de esta lista son las CSS y el diseño con estándares,
empezaré comentando algunas deficiencias del sitio en este aspecto.
- - - - - - - - - - -
ANÁLISIS DEL CÓDIGO
Has encerrado todo el contenido en un iframe dentro de index.php, pero no le
encuentro justificación, a menos que quieras fastidiar al usuario medio para
que no pueda enlazar a una página interna ni incluirla en marcadores
(favoritos).
Si se analiza la página incluida en el iframe, principal.php, se descubre
un diseño basado en tablas y con numerosos errores. En ésta falta la
declaración doctype que es importante no sólo para validar la página, sino
para conmutar al modo de estándares (aunque como el diseño es por tablas
tampoco es tan dramático). El código contiene, entre otros errores,
atributos desautorizados, atributos inexistentes (como alt para las
imágenes o type para las etiquetas script), etc. Te recomiendo que
incluyas un doctype y valides las páginas para corregir los errores. Peor
incluso es la cantidad de reglas css en línea (unas veinte en principal.php)
para añadir un z-index a las imágenes. Puede que el código se haya realizado
mediante un programa de diseño visual, por lo que no voy a darle más
vueltas.
Lo que sí voy a comentar a nivel de código es la página index.php, el
contenedor del iframe. Incluso este documento tan sencillo contiene errores:
- En la etiqueta iframe has repetido el atributo style. Has escrito:
iframe style=background-color:#804000 ... style=border:none; ...
Debe de ser:
iframe style=background-color:#804000; border:none; ...
También te alerto sobre lo siguiente, aunque técnicamente no sean errores:
- Es recomendable por accesibilidad que indiques el idioma de la página:
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
Cuando el documento se sirve como text/html (como es este caso y el de la
inmensa mayoría de las páginas xhtml), los navegadores HTML ignoran los
atributos xmlns y xml:lang (son del lenguaje xhtml). Sin embargo, sí tienen
en cuenta el parámetro lang.
- En vez de usar el atributo align para centrar, que está desaprobado por el
W3C. Utiliza el equivalente css margin: auto;
- Has escrito en la etiqueta iframe align=top, pero top no es un valor
válido del atributo align. Sí lo son left, center, right y justify,
como puedes ver en
http://www.w3.org/TR/html4/present/graphics.html#adef-align
Quizás te has confundido con el atributo valign o con el atributo align de
otros elementos como caption, que sí admiten top como un valor válido.
- Has indicado estilo en línea mediante el atributo style (no confundir con
la etiqueta style). Te recuerdo que si se indica estilos en línea, es
obligatorio indicar el lenguaje de hoja de estilos por defecto. Se puede
hacer en la cabecera http o con la siguiente etiqueta meta:
meta http-equiv=Content-Style-Type content=text/css /
Ésta es una norma que se la salta todo el mundo (incluido yo).
- Usas comentarios html en el elemento style para esconder las css internas
de los navegadores antiguos que no entienden la etiqueta style. Pero si
este documento se sirviera como application/xhtml+xml, estos estilos se
ignorarían.
Por lo tanto, habría que quitar estos comentarios o indicar un doctype html.
Si los quitas y eres detallista, en prevención de que puedas usar caracteres
como o en la hoja de estilos, marca los estilos como bloque CDATA.
Si, además, te preocupa la compatibilidad de la etiqueta CDATA con ciertos
navegadores, ocúltala con comentarios css:
style type=text/css
/*![CDATA[*/
body {
background-color: ...
}
/*]]*/
/style
http://www.w3.org/TR/xhtml1/#h-4.8
http://www.w3.org/TR/xhtml1/#C_4
- - - - - - - - -
ANÁLISIS VISUAL
- La página de entrada es vistosa, pero no indica claramente de qué trata.
El muchacho vestido de rey y la leyenda MUSIPAN El Reino no dice mucho.
Mirando los demás elementos se puede deducir que se trata de un hotel con
restaurante para celebraciones. Pero tras navegar por el sitio se descubre
que es todo un parque temático. ¿Pero dónde? Pulsando en contáctenos parece
que se trata de algún país de América (después descubrí que era Venezuela).
La primera regla de usabilidad es dar a conocer al usuario sobre qué versa
el sitio. Al menos una línea de etiquetas que diga algo sobre que es un
parque temático y dónde se encuentra.
- Los enlaces no están claramente indicados como tales. Para saber dónde
están hay que ir escudriñando la página con el ratón para ver si el cursor
se convierte en una mano. He intentado pinchar en la foto del rey, e incluso
en el romano de la esquina. Tampoco hay efectos de rollover en los enlaces.
Y, lo peor, no indicas cual es la opción del
Re: [Ovillo] Respuesta a Wilfredo Rodríguez sobre cr ítica a www.musipan.net
errata: - atributos inexistentes (como alt para las imágenes Es obligatorio usar el atributo alt, q sirve para que cuando no se pueda hacer el retrive de la imagen se ve el texto, ejemplo: logo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
