Aporte: pequeña guía de migración a XHTML+CSS

[Mikmoro]

Hola a todos.

Pongo a disposición una pequeña guía que he escrito sobre cómo migrar de HTML+tablas a XHTML+CSS, a modo de iniciación o primeros pasos.

Se llama Migración sin dolor

La acabo de hacer así que puede contener pequeños errores. Estaría muy bien que si alguien tiene a bien echarle un vistazo me hiciera sus comentarios de mejora o corrección para que quede redondita.

Espero que haya gente a la que le sirva de algo.

Saludos.

[Daniel Ulczyk]

Hola Mikel!
Enhorabuena!
Importante aporte el tuyo

• interesante
• simple
• pedagógico
• fácil de leer

No tengo en lo personal, nada que agregar ni quitar.
Considero tenemos en mano, una importante guía básica.
Me gustó

Saludos!

[Mikmoro]

Gracias, Daniel. Me alegro de que te guste. Poco a poco la iremos analizando y sacándole los defectos, para que termine siendo algo simple y útil.

Como se ve es algo muy poco pretencioso: no pretende ser una "gran guía" o la "guía total" , sino una cosita de andar por casa para los 4 primeros pasos.

Gracias por molestarte en leerla.

[Aresillo]

La he mirado por encima y era lo que yo andaba buscando antes de aparecer por aquí! asi que me parece brutal...
Tengo un poco de lío estos días, así que en cuanto pueda te doy algo más detallado...

Aresìllo!!

[DragonX]

Gracias MIK!!!!!!!

[kseso?]

Creo que voy a comenzar una campaña para "liberarte", como a los enlaces sindicales, aunque sólo sea por 6 meses

Gracias una vez más por tu generosidad (ejemplar).

Un saludo

[shurshok]

Muy buena Mikloro, la verdad creo que a muchísimos le va a servir!!

[AlvaroG]

La leí completa, y tengo algunos comentarios:

- No me cierra mucho eso de HTML+Tablas, ya que las tablas son HTML.
- "ya que la hoja de estilo se enlazará en cada página de nuestro sitio y una vez que está en la caché, ya no habrá que volver a hacer peticiones al servidor"
Si bien es una buena explicación para novatos, no es lo que sucede siempre, al menos no sucede siempre con archivos que no sean imágenes. Por lo general lo que sucede es que sí se siguen haciendo peticiones, solo que son peticiones de tipo "mándamelo solamente si es más nuevo".

Por fuera de eso, ¿qué decir?... claro y conciso, muy buen trabajo
Sobretodo la explicación sobre el posicionamiento, que es algo de lo que siempre dudo.

Gracias Mikel :)

[Mikmoro]

Gracias por tus obsevaciones, alvlin.

Iniciado por alvlin

- No me cierra mucho eso de HTML+Tablas, ya que las tablas son HTML.

A mi tampoco, la verdad, pero no sé cómo ser más claro para la gente a la que va dirigida: gente que diseña con tablas, no XHTML (mayúsculas, etiquetas sin cerrar, etc.), con los estilos en las etiquetas, etcétera.
Si se te ocurre algo más claro y gráfico para este tipo de gente, estaría encantado de oirlo. Igual oyendo varias sugerencias damos con algo mejor para el subtítulo.

Iniciado por alvlin

- "ya que la hoja de estilo se enlazará en cada página de nuestro sitio y una vez que está en la caché, ya no habrá que volver a hacer peticiones al servidor"
Si bien es una buena explicación para novatos, no es lo que sucede siempre, al menos no sucede siempre con archivos que no sean imágenes. Por lo general lo que sucede es que sí se siguen haciendo peticiones, solo que son peticiones de tipo "mándamelo solamente si es más nuevo".

Cierto. Y por otra parte tampoco es que eso de las peticiones al servidor le diga demasiado a un novato. Lo pensé al releerlo, pero no lo toqué. Voy a ver si retoco un poco esa redacción.

Gracias. Si se te ocurren más cosillas me las comentas.

[Mikmoro]

Iniciado por kseso?

Creo que voy a comenzar una campaña para "liberarte", como a los enlaces sindicales, aunque sólo sea por 6 meses

No es mala idea, sobre todo para mi

Ya sabes que como tengo tiempo lo hago encantado, aunque parece que en breve se me va a complicar un poco la vida en el trabajo.

[shurshok]

che mikloro, estaba leyendo cosas en internet, y vi algo sobre diferencia de HTML y XHTML, y creo que podrías agregar estas diferencias a tu guía:

No se permite minimización de atributos

No está permitida la minimización de atributos, es necesario utilizar el atributo y el valor.

Código HTML:

 <textarea readonly>texto</textarea> <!-- incorrecto -->
      <textarea readonly="readonly">texto</textarea> <!-- correcto --> 

No se aceptan atributos desaprobados en HTML 4.01

Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.

Código HTML:

 <font color="#0000FF">text</font> <!-- incorrecto -->
      <span style="color: #0000FF;">text</span> <!-- correcto --> 

[AlvaroG]

Iniciado por Mikmoro

A mi tampoco, la verdad, pero no sé cómo ser más claro para la gente a la que va dirigida: gente que diseña con tablas, no XHTML (mayúsculas, etiquetas sin cerrar, etc.), con los estilos en las etiquetas, etcétera.
Si se te ocurre algo más claro y gráfico para este tipo de gente, estaría encantado de oirlo. Igual oyendo varias sugerencias damos con algo mejor para el subtítulo.

Cada vez que me doy cuenta de que lancé una crítica sin sugerir nada me siento molesto... es una mala costumbre que tengo, me cuesta cambiarla
Quizás algo como "De HTML con tablas a XHTML+CSS", o "De Tablas HTML a XHTML + CSS". Aunque claro que ninguna de las dos conserva el sentido de "suma" de conceptos.

Iniciado por Mikmoro

Cierto. Y por otra parte tampoco es que eso de las peticiones al servidor le diga demasiado a un novato. Lo pensé al releerlo, pero no lo toqué. Voy a ver si retoco un poco esa redacción.

No creo que sea necesario. Pensaba que se podría cambiar a "el navegador ya no pedirá el archivo a menos que sea modificado", pero eso dejaría algunos puntos muy poco claros. Mejor dejarlo así :)

De nuevo, gran trabajo. Tenés alma de maestro

[Mikmoro]

Iniciado por alvlin

Quizás algo como "De HTML con tablas a XHTML+CSS", o "De Tablas HTML a XHTML + CSS". Aunque claro que ninguna de las dos conserva el sentido de "suma" de conceptos.

El más estaba puesto precisamente con la intención de "con", pero claro, no significa lo mismo. Igual está mejor con el "con". Le daré un par de vueltas a ver.

Iniciado por alvlin

No creo que sea necesario. Pensaba que se podría cambiar a "el navegador ya no pedirá el archivo a menos que sea modificado", pero eso dejaría algunos puntos muy poco claros. Mejor dejarlo así :)

Sí, quizá abre más incógnitas. Seguro que se puede retocar y mejorarlo. A la noche me pongo y te cuento qué se me ocurre.

Iniciado por alvlin

Tenés alma de maestro

He sido profesor (de música) muchos años. Algo se tiene que pegar de tanto torear con adolescentes y post-adolescentes con su guitarrota

[Mikmoro]

Iniciado por shurshok

che mikloro, estaba leyendo cosas en internet, y vi algo sobre diferencia de HTML y XHTML, y creo que podrías agregar estas diferencias a tu guía:

No se permite minimización de atributos

No está permitida la minimización de atributos, es necesario utilizar el atributo y el valor.

No se aceptan atributos desaprobados en HTML 4.01

Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.

[/HTML]

Gracias por tus sugerencias, shurshok. Veré si algo de esto me encaja.

[Mikmoro]

alvlin: el párrafo en cuestión de las peticiones al servidor ha quedado así:

como en un archivo externo independiente en el que incluiremos todos los selectores y estilos para nuestra página. Esta es la manera más recomendable de hacerlo, ya que la hoja de estilo se enlazará en cada página de nuestro sitio, permitiendo que una única hoja contenga los estilos de presentación de todas nuestras páginas, lo que por un lado aligera algo el código de cada una, y por otro da sentido al hecho de poder cambiar un estilo una única vez y que cambie en todas las páginas al mismo tiempo.

Creo que es más claro y sencillo para quien empieza.

shurshok:
pensando sobre tu sugerencia, sobre la primera:

No se permite minimización de atributos

Nunca en mi vida he usado la minimización de atributos (igual es porque trabajo con XML, DTD's y Parsers), pero de todos modos creo que está implícito cuando digo que los atributos siempre deben estar entrecomillados, y pongo un par de ejemplos.
Y la segunda:

No se aceptan atributos desaprobados en HTML 4.01

creo que también queda implícito al hablar del Doctype y el Strict. Además, si hiciera esa afirmación estaría obligado como mínimo a dar un listado de atributos desaprobados, ¿no te parece?

No veo claro incluir ninguna de las dos, aunque igualmente me ha sido útil tu sugerencia, cómo mínimo para pensar sobre ello. Gracias.

[shurshok]

Bueno jajaja, que puedo decir...

¡¡¡por nada!!!

También me gusta ayudar al igual que a muchos de FDW

[danistrein]

hola
bueno
bun aporte ahora m pongo a leer la guia


justo queria empesar a manejar bien el css
y otras cosas

=P

[AlvaroG]

Iniciado por Mikmoro

Creo que es más claro y sencillo para quien empieza.

Sin duda alguna, bien claro y con el detalle justo.

Será hora de empezar a recomendarla

[danistrein]

estube leyendo la guia pero m aburri
no soy de leer tanto

esta buena la guia muy detallada
pero le falta

=P


bueno si me haces el favor la proxima mandame videos
que son mejores xD

y mas faciles de entender y atraen la atencion

[Mikmoro]

Iniciado por danistrein

estube leyendo la guia pero m aburri
no soy de leer tanto

Es lo que tiene querer aprender algo: o te gusta leer o te aburres

Iniciado por danistrein

bueno si me haces el favor la proxima mandame videos
que son mejores xD y mas faciles de entender y atraen la atencion

Bueno, lo único es que yo no vendo nada, y por eso no tengo mucha necesidad de atraer la atención

En eso estaba pensando, en hacer un video, para que quien tenga interés no se aburra leyendo
¡Dios qué generación!

Por lo menos lo has intentado.

[talmente]

Muy ameno e interesante, tengo que ponerme con las poscisiones relativa y absoluta, no las uso demasiado y me resta la posibilidad de hacer algunas o muchas cosas que enriquecen el diseño de un sitio web.

[lagardel]

lo de pequeña guia es de coña, es una guia completisima.

molaria tenerla en pdf con los creditos y web del autor.

[kseso?]

Y lo próximo ¿qué será?:
"joooo!, no me digas cómo hacerlo, que es un rollo. Anda, enrróllate y házmelo tú, que he quedao!"

¡Qué paciencia!

[Mikmoro]

Iniciado por lagardel

lo de pequeña guia es de coña, es una guia completisima.

molaria tenerla en pdf con los creditos y web del autor.

lagardel: Justo la estoy conviertiendo hoy mismo a PDF por si a alguien le va mejor. Me has leído el pensamiento.

No lo haré del todo hasta que esté la versión definitiva (de momento).

[Mikmoro]

Iniciado por kseso?

Y lo próximo ¿qué será?:
"joooo!, no me digas cómo hacerlo, que es un rollo. Anda, enrróllate y házmelo tú, que he quedao!"

Bah, pero eso estaría mejor: yo por una pasta le hago lo que quiera

[Aresillo]

y la pregunta es...
Cómo va esa web dinámica donde vas a englobar todos tus recursos??

Aresillo!!

[Mikmoro]

Pues hay problemilla logístico. Estoy parado esperando. Os mantendré informados

[daPhyre]

Excelente aporte, muchísimas gracias. En verdad que a más de uno le va a servir, y a mi me sirve mucho para tener a donde enviar a la gente perdida

Noté que si quitas el .html de la dirección, me da Forbidden. Eso no es bueno que mucha gente hace eso para "buscar el padre", y luego se frustra buscando "al abuelo" . Ya te iba a sugerir que en este pusieras el link y el contenido alternativo para PDF, pero veo que se me adelantaron. Muchas felicidades por el excelente trabajo

[Mikmoro]

Iniciado por daPhyre

Noté que si quitas el .html de la dirección, me da Forbidden. Eso no es bueno que mucha gente hace eso para "buscar el padre", y luego se frustra buscando "al abuelo" .

Sí, eso es porque no es una carpeta y un index dentro de ella, sino directamente el enlace a un archivo .html. No sé para qué alguien querría quitar el .html del enlace

Gracias, daPhyre, me alegro de que te guste. Ya sabes, si tienes algún comentario al respecto del contenido estaré encantado de oirlo y debatirlo aquí.

[daPhyre]

Ups, di por entendido lo que quería decir

Me refería quitar el archivo html "migracion_sin_dolor.html"... Claro, quien no tiene el index es migración

Seguro, le di un vistazo general, pero me pondré a analizarlo con detalle este fin de semana para ver si le saco algún detalle a comentar