Serie de artículos: Estandarizando el Web..

[cvander]

El cambio de nombre de este foro busca promover los estándares.

Así mismo, Manoloweb está publicando una interesante serie de artículos: "Estandarizando el web" que les recomiendo revisar.

Gracias a Manoloweb por su colaboración.

[Carlitos]

Gracias Christian. Por qué no marcas este mensaje como importante, aunque sólo sea por unos días. así no se perderá y lo podrá ver más gente.

[JavierB]

Hola, Christian.

Me sumo al agradecimiento de Carlitos (¡Hola! ), a la petición de marcar como importante y añado que estaría bien que se juntaran los enlaces sobre xhtml que se han ido poniendo en el Foro, para tenerlos a mano.

Saludos,

[Gerald]

Un buen ejemplo de xhtml es la web de una amiga del foro :( no recuerdo su nombre pero su web es muy buena para aprender www.monolinea.com

[Manoloweb]

Bueno, ya es una tradición...

Maestrosdelweb y Forosdelweb inician los procesos de cambio del web de habla hispana.

Hagamos de esta transición algo divertido y enriquecedor para todos.

En un par de días voy a preparar uno de mis servidores para poder ofrecer un hosting de pruebas para quienes tengan ganas de compartir sus avances en XHTML.

Será divertido ver como todos los que se animen a participar comienzan a tener sus primeras "peleas" con el validador de W3C. Pero seguro que al final habremos muchos XHTMLeros estandarizados contribuyendo con páginas de calidad al mundo web.

Saludos

[cvander]

Marcado como importante. Por cierto que yo sufrí mucho con mi primer experimento en XHTML+CSS que es el homepage de http://www.guate360.com. Aún no logro que el centrado funcione en todos los navegadores pero allí vamos :)

[Manoloweb]

Iniciado por cvdhs

...Aún no logro que el centrado funcione en todos los navegadores pero allí vamos :)

IE 5.0 => OK
IE 5.5 => OK
IE 6.0 => OK
Mozilla => OK
Firefox => OK
Opera => OK


Pues en cual tienes el problema???

Solo que sea en Lynx

Todo parece funcionar bien.

De hecho hasta en Lynx se ve Aceptable

[pedroo]

que es eso de etandarisar el web ?

[mebarak]

Yo apenas me empiezo a pelear con XHTML, esta gran iniciativa será muy útil para la comunidad hispana

[Manoloweb]

pedroo,

Está por publicarse el tercer artículo de la serie, donde se explica un poco el concepto de estandarizar el web.

Te recomiendo darte una vuelta por esta liga...
http://www.maestrosdelweb.com/editor...dex.php?cat=28

[J_jImEnEz911]

Hola!

Bueno, mi intención es empezar a trabajar con XHTML, sera bastante bueno... pero me entra una duda, como es eso de verificación... porque se supone que uno tiene que validar, algo asi lei... estoy aca...

http://validator.w3.org/

Pero, me sale una serie de contradicciones:
Sorry, I am unable to validate this document because on lines 93, 105, 109, 611, 823, 845, 856, 878, 889, 942, 975, 986,

Esto quiere decir, que tengo errores... y es ahi el problema del HTML los deja pasar.. como arreglo este enredo calafar..

Saludos!

[Manoloweb]

Hola J_Jimenez,

No creas que eres el unico, la mayor parte de las páginas web de internet no son válidas ante ese verificador.

En lo que si puedes estar seguro que eres especial es en tener la intención de estandarizarte.

Te recomiendo leer este artículo:

http://www.maestrosdelweb.com/editorial/haciaxhtml

;)

[Gerald]

Entonces Manoloweb tener la intención de estandarizarte, no es necesariamente pasar ese riguroso verificador, ya que el otro empece y nada me validaba y de colera borre todo :S

[Manoloweb]

Iniciado por Gerald

Entonces Manoloweb tener la intención de estandarizarte, no es necesariamente pasar ese riguroso verificador, ya que el otro empece y nada me validaba y de colera borre todo :S

No Gerald, de hecho pasar por el verificador no es uno de los primeros pasos hacia la estandarización, sino mas bién uno de los últimos.


Si tuviera que sugerir un proceso lógico (y sencillo) para estandarizarse, sería algo así...

1.- Entiende el concepto de la estandarización.
2.- Aprende a diferenciar entre contenido y presentación.
3.- Aprende las nuevas convenciones de los lenguajes web, y ve usando los que consideres que dominas y comprendes.
4.- Cuando consideres que estás listo, apuesta por los estándares en tu siguiente proyecto web
5.- Verifica y corrige tu código hasta dejarlo 100% válido (para ese nuevo proyecto, no para todas tus webs anteriores)
6.- A partir de ese momento, no te permitas salirte de los estándares, por regla personal.


Cuanto tiempo puede llevar eso?

Dependerá de que tanto tiempo estés dispuesto a invertir en el proceso, pero mi sugerencia es que desde el punto 1 hasta el 6 no debería llevarte más de 6 meses.

[Gerald]

Gracias por las pautas dadas.. !!

[kahlito]

Muy interesante todo, Manolo buena aportación , por cierto Gerald, el usuario que mencionas de www.monolinea.com/ es nuestra amiga kemie del foro

Esta claro que uno no se puede dejar atrás ni un post , esto es como asistir a clase todos los dias ¡¡¡ no se puede faltar !!!

Saludosss

[JavierB]

Iniciado por J_jImEnEz911

Sorry, I am unable to validate this document because on lines 93, 105, 109, 611, 823, 845, 856, 878, 889, 942, 975, 986,

No se si este mensaje será el adecuado para responder, pero ya que se ha preguntado...

Es probable que en esas líneas tengas caracteres especiales. Por ejemplo:

< que deberás cambiar por &lt;
> por &gt;
á por &aacute;
ñ por &ntilde;

Espero que esto te ayude a pasar la validación. Saludos,

[CORE]

XHTML no es nada mas es pasar el vailidador de html y CSS hay que tomar en cuentra los principios basicos de XHTML

con XHTML podremos integrar gracias a los namespaces Peliculas creadas con real player e integrarlas a con SMIL o utilizar Formulas de Math mostrar graficos vectoriales con SVG o utilizar Xform para sustituira los rudimentarios formularios de html

Gracias tambien a que los fabricates de nuevos disposotivos estan siguiendo estos estandares podremos hacer un diseño diferente de nuestra pagina dependiendo del dispositivo de entrara , claro! gracias a las Hojas de Estilo

Hacer una pagina en XHTML usando capas (sin exagerar) podremos crear sitios mas accesibles que con HTML401 era mas dificl de navegar a los usaurios discapacitados que utilizan lectores de pantalla o lineas braile, tambien gracias a las hojas de estilo podremos crear una navegacion alternativa para estos usarios con capacidades diferentes a las nuestras

Si queremos crear sitios que valgan la pena hay que tomar em cuenta las recomendacion del IETF y la WAI

La web esta evolucionando y para evolucionar con ella hay que actualizarse

tambien hay que leer sobre RDF y RSS y hay que tomar en cuenta el Working Draft de XHTML 2 donde parece ser que ya no existira el transicional, ni frameset ya que tendra que ser sustituido por XFrames el unico DTD que se usara es el Strict

Código:

<!DOCTYPE
 html PUBLIC "-//W3C//DTD XHTML 2.0//EN"
 "TBD">

saludos

[bichomen]

Iniciado por Manoloweb

IE 5.0 => OK
IE 5.5 => OK
IE 6.0 => OK
Mozilla => OK
Firefox => OK
Opera => OK

Pues en cual tienes el problema???

Solo que sea en Lynx

Todo parece funcionar bien.

De hecho hasta en Lynx se ve Aceptable

Konqueror => Mal, el menu se sale de las dimensiones de la tabla

bichomen

[juan_isc]

Esto de estandarizar es muy interesante recien he terminado de leer me he puesto a practicar estaria bien hacer un chat respecto a este tema

[Gerald]

Chat para este tema, necesitamos mas tutoriales como los que envia manoloweb :)

[mpntrm]

Esta es una respuesta de prueba

[auron2003]

Iniciado por Manoloweb

Cuanto tiempo puede llevar eso?

Dependerá de que tanto tiempo estés dispuesto a invertir en el proceso, pero mi sugerencia es que desde el punto 1 hasta el 6 no debería llevarte más de 6 meses.

6 meses!
yo llevo 1 mesecito intentando hacer webs validas con el W3C y ya me salen bien, solo pequeños problemas.
Siempre me olvido del alt en las imagenes, y a veces al quitar el css no se ve como tendria que ser, osea sigo poniendole un poco de formato.

Cosa que se arregla en poco tiempo.



Animo a aquellos que quieren estandarizarse, vale la pena de verdad.
Eso de ver tu web en todos los navegadores de la misma forma, sube mucho el animo ^^


PD: Lo que no me gusta de los estandares es que no permiten el flash, y la publi de mi server es un flash

[Gerald]

Lastima que mi pc se infecto y me daño mis favoritos, pero encontre unos post donde te enseñaban a validar flash en xhtml

googlea y hayaras la respuesta. si la encuentro la posteare aqui

[mafima]

aparate de estandarizarnos... competi con grnades empresas que de seguro ya estaran en su proceso de estandarización, adquirir nuevos y mejores habitos de diseño y porgramacón de webs, que mas ventajas trae el XHTM (algo asi como las que menciono CORE) en cuanto a la funcionalidad... talvez compatibilidad; hace unos años habian ciertas etiquetas que no eran soportadas por ciertos navegadores. (aunque en la actualidad esa brecha entre navegadores ya es casi nula para la utilización de html), mi pregunta es... eso que ventaja en cuanto a funcionalidad representa la utilización del xhtml...

ha y porfa, vamos, un listado de sitios interesantes para aprender mas de xhtml. en realidad he visto pocos que valgan la pena

[jesusbet]

¬¬ Me aferro a quedar desestandarizado... ¬¬ ... voy a seguir usando HTML para dar formato...

[Manoloweb]

Que tal Gerald,

Fijate que yo desarrollé una técnica para validar Flash en XHTML, con una sola línea de código puedes insertar un flash (o un GIF si no hay flash presente).

Esta desarrollado usando cuatro técnicas: XHTML, Javascript, PHP y Apache mod_rewrite

Puedes verlo funcionando en http://asemed.pruebasbeta.com

Con un poco de tiempo haré un tutorial sobre esta técnica y la publicaré en Maestrosdelweb

Saludos!

[safe]

desde que comenze a leer los articulos de manoloweb me horrorizo cada vez que veo los codigos html de mis paginas. Y es por esto que no puedo esperar a que salgan los nuevos articulos en maestros del web.

Por otro lado, mientras leia los articulos, me baje el codigo fuente de la pagina de ejemplo que puso (www.manoloweb.dotgeek.org) para analizar como es la estructuracion de un sitio sin las benditas tablas. y, pese en que en uno de los articulos dice "Tanto los nombres de las etiquetas como los nombres de los atributos deben escribirse en minúsculas" o "Todos los atributos de cualquier etiqueta deben encerrarse entre comillas.", me encontre con muchas etiquetas como:

<DIV id=content>
<DIV id=contentleft>
<P class=editorial>
<A target=_blank>

quiero decir que esas reglas no son de vital importancia? o que solo se aplican a etiquetas determinadas?

PD: perdon si es media tonta la pregunta, pero para mi que estoy en cero cualquier duda es un gran obstaculo...

[Gerald]

Lo que pasa es que al guardarlo el navegador lo guarda como HTML Transitional y no como XHTML, las etiquetas las pasa a mayusculas.

Al menos si quieren el codigo fuente como esta, tendran que trabajar arduo para piratearlo ;)

[auron2003]

Iniciado por Manoloweb

Que tal Gerald,

Fijate que yo desarrollé una técnica para validar Flash en XHTML, con una sola línea de código puedes insertar un flash (o un GIF si no hay flash presente).

Esta desarrollado usando cuatro técnicas: XHTML, Javascript, PHP y Apache mod_rewrite

Puedes verlo funcionando en http://asemed.pruebasbeta.com

Con un poco de tiempo haré un tutorial sobre esta técnica y la publicaré en Maestrosdelweb

Saludos!

alabado sea el señor!
Encantados estaremos de ver como hacerlo.
Aunque... pillin!
Lo unico que haces es "ocultar" el codigo del flash... aunque todo es bienvenido para poder poner el maldito icono del w3c xD
Por cierto, te falta el tag NOSCRIPT.. si alguien no tiene javascript activado.. no aparecera.