hummm, ok.. tu explicaci�n esta genial... y apetece ponerse a ello.. pero no se porque me da la sensaci�n de que todo esto est� 'vetado' para los pobres dise�adores que vienen del mundo del offset, del papel puro y duro, que podemos presumir de hacer cosas dignas en forma de web (visualmente hablando), pero que ni hemos aprendido en su momento, ni por supuesto vamos a hacerlo ahora... a 'meter c�digo' a mano... esto es, todos los que usamos dreamweaver como generador del c�digo de nuestros sites. (vamos, se corregir muchas cosas atrav�s del c�digo a fuerza de verlo todos los d�as, pero ni se me ocurre hacer una celda a mano)
entonces, todo pasa por aprender elementos de xhtml...? eso no anima, jaja (broma) puedo seguir usando el dreamweaver como base para crear los sites aunque despu�s modifique cosas a mano? como veis estoy convencido de la bondad de usar esta tecnolog�a de la que hemos disertado a trav�s de mi pregunta la �ltima semana... pero no se realmente por d�nde empezar. el camino que tu explicas esta claro, pero intimida. y la realidad como yo hay cientos de dise�adores web que nunca hemos escrito c�digo a mano y no hemos invertido demasiado tiempo en drestipar en exceso html. quiz� es que seamos los �ltimos en llegar y nos hemos encontrado con la tecnolog�a que ahorra mucho trabajo... es como el piloto de coches.. que si, sabe algo de mec�nica, pero no podr�a desmontar y montar un motor... su trabajo es llevar rapido el coche. por desgracia en la sociedad de consumo en que estan nuestras empresas lo que prima es hacer los proyectos bonitos (y ni siquiera ese concepto est� claro) y r�pido, que funcionen mejor o peor por dentro solo nos importa a nosotros. eso no da margen temporal para hacer las cosas bien, y si, sabemos que hay que educar a los clientes, pero sigo hablando del mundo real... en el que uno no tiene ni tiempo para ponerse a 'estudiar' sobre css (por ejemplo)... (aqui estoy por ejemplo, me he venido en domingo al trabajo a poder leer con calma los enlaces que me enviais) pues eso, que gracias otra vez por las extensas explicaciones salu2 robez_ya ----- Original Message ----- From: "Pablo M. Beca" <[EMAIL PROTECTED]> To: "'Ovillo, la lista de CSS en castellano'" <[EMAIL PROTECTED]> Sent: Friday, November 19, 2004 1:55 PM Subject: RE: [Ovillo] fuera tablas! Buenas...me sumo a la discusi�n desde mi reciente experiencia Siempre us� tablas para maquetar los sitios que me ha tocado desarrollar. El problema es que las tablas te llevan a trabajar de mala manera, ni hablar a la hora de actualizar contenidos. Al principio, pasar de un modelo a otro te trae varios dolores de cabeza, pero bue, nada que una aspirina pueda solucionar :P Para empezar, te recomiendo antes que nada, te aprendas todos los elementos del XHTML, y para que deber�an usarse cada uno de estos. Obviamente despu�s ten�s que seguir por CSS. Para lograr un buen trabajo, ten�s que manejar con los ojos cerrados las distintas propiedades para cada selector, y fundamental el tema de la herencia. Para empezar, te recomiendo que escribas una p�gina como si lo estuvieras haciendo en un procesador de textos, sin utilizar colores, im�genes. Solamente marcando los t�tulos, los p�rrafos, las listas, etc. El resultado es que obtengas una p�gina lineal. Un elemento debajo de otro. Despu�s, que agrupes esos elementos con etiquetas DIV, creando las "regiones" de tu p�gina. Todo lo que crees que tiene que ir en el encabezado, agrupalo dentro de una etiqueta div id="encabezado", lo que creas que deba ser un men�, dentro de una div id="menu", etc. Y luego, empieza a aplicar estilos a los elementos html (h1...h6, p, ul, li, etc.). Y por �ltimo, a las regiones que creaste. Te recomiendo que trabajes mucho con reglas para darle una dimesi�n a tus regiones, y luego con las de posicionamiento de un elemento, ya que a mi criterio, son las m�s tediosas. Esto es una forma, pr�ctica, gradual y creo que buena de incursionar en el mundo CSS. Una vez que ya logres manejar sobre todo lo que tenga que ver con el dimensionamiento y posicionamiento de una region (caja) en tu p�gina, puedes avanzar un poco e investigar con nuevos elementos del XHTML, y modificar la presentaci�n visual de estos. Y para terminar, te queda aprenderte los trucos que existen para hacer que tu hoja de estilos sea compatible con los distintos navegadores. Je... nadie dijo que iba a ser f�cil, pero bueno, creeme que vale la pena el esfuerzo. Usa mucho Google, explora cientos de sitios hechos con CSS, mira el c�digo, mira como est�n estructurados, prueba, rompe, explora. Por suerte no he visto ninguna m�quina volar en pedazos por hacer pruebas extra�as (salvo aquellas que fueron v�ctimas de una ataque compulsivo de histeria al intentar acomodar un caja en una p�gina por varios d�as). Y... esto trae impl�cito algo: Ingenier�a de la Informaci�n. Crear un sitio ya no es sentarte a dibujarlo... no no... Ahora vas a tener un trabajo extra: Analizar toda la informaci�n disponible, determinar de antemano que quieres publicar y que n� de acuerdo a los objetivos del sitio web. Despu�s jerarquizar esa informaci�n, estructurarla, y crear un mapa de tu sitio web, y despu�s de esto, pensar en el dise�o. Esto har� que no tengas que atar la informaci�n a un dise�o, sin� lo contrario, el dise�o en funci�n de la informaci�n que tienes que mostrar, que despu�s de todo, es lo m�s importante. Espero que sea de ayuda esto que surgi� de mi experiencia y de la de muchos otros. Saludos Pablo M. Beca Santa Fe - Argentina Blog: http://pablo.enlapc.com Empresa: http://www.infosoftstudios.com.ar -----Mensaje original----- De: Angie Muqoz [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 18 de Noviembre de 2004 11:15 Para: Ovillo, la lista de CSS en castellano Asunto: RE: [Ovillo] fuera tablas! Bueno si, realmente todo lo que se ha hablado sobre acabar con las tablas para construccisn de paginas es algo que no se puede discutir ya que los expertos en muchas partes asm lo indican. Pero mi pregunta es, entonces csmo hacerlo? Utilizando divisiones? aplicando css?? Qui es lo mas adecuado y por qui, ademas entonces csmo hacerlo? Iban Rodriguez <[EMAIL PROTECTED]> wrote: Hola, No es ninguna "obsesisn" ni "reto". La cosa es que el HTML es un lenguaje basado en etiquetas (no programas acciones, mas bien "estructuras" un contenido para mostrarlo en un navegador), y como todo lenguaje, cada etiqueta tiene un uso. Antiguamente por limitaciones de Internet las paginas eran sencillas. Eran como tienen que ser, en cierto modo: Contenido. Informacisn. Poco a poco la cosa fue cambiando y se empiezan a diseqar cosas complejas, y para hacer que aparezcan bien en pantalla la gente empezs a utilizar todo tipo de "trucos" utilizando las etiquetas del HTML. No es que sea ilegal ni que esti prohibido, pero es como utilizar la bandeja del CD como posavasos, cuando para eso tienes otro objeto que realiza esa funcisn. Y aunque no lo parezca, el uso de tablas para maquetar tiene su "crimen" en cierto modo. Yo siempre habma maquetado con tablas y de hecho azn sigo haciindolo en ocasiones, aunque ahora intento que cualquier proyecto nuevo vaya en XHTML (aunque en la empresa por supuesto eso no es decisisn mia). Ahora bien, intentari explicarte el concepto de tabla para ver si queda mas clara la cosa. La tabla en la Web se supone que esta pensada para "listar" contenidos. Por ejemplo, un listado de asignaturas con sus horarios, un listado de empleados y su categorma en la empresa, un listado de autobuses y horarios, etc... A su vez, la tabla tiene etiquetas: TH: Table header. Son las cabeceras de la tabla. Indican el "nombre" del campo de las columnas. TR: Table row: Son las filas de la tabla. Cada "registro". TD: Table date: Son los datos de la tabla, el "contenido". Los navegadores que leen por voz, ven una tabla, leen la columna, y van leyendo el contenido de la columa en orden segzn sea necesario. Por ejemplo Lunes, matematicas, de 10:30 a 11:30 Martes, fmsica, de 11:15 a 13:35 Etc... La mayorma de la gente ni siquiera utiliza el TH. ?Por qui? Porque no tienen TH realmente, ya que al utilizar las tablas para maquetar, no las utilizas para listar ningzn contenido o informacisn de utilidad. Por ejemplo una tabla con tres columnas para mostrar una cabecera... en la primera celda hay una imagen, en la central un degradado que se adapta al tamaqo el navegador y en la tercera columna la imagen de cierre de la cabecera. Y asm con los menzs, el pie de la imagen, etc... En definitiva, puedes utilizar tablas para maquetar, pero para cumplir los estandares y para sacar todo su potencial al CSS, lo mejor es utilizar cada etiqueta HTML para lo que es. Espero haberte aclarado las ideas. Un saludo. __________________________ . 7 Iban Rodriguez 7 . { Programador, } www.themovie.org -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de (r)obez_ Enviado el: martes, 16 de noviembre de 2004 8:47 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] fuera tablas! llevo desde que me di de alta en la lista leyendo lo de 'eliminar las tablas de la web'. es como una obsesisn general. alguien me puede explicar someramente si es por una especie de reto o realmente hay un motivo practico y tangible para tratar de eliminar las tablas de la estructura de la web? supongo que se ha comentado mas de una vez, pero yo apenas llevo un mes por aqui. gracias. robez_ ----- Original Message ----- From: "Alejandro Cuesta" To: "Ovillo, la lista de CSS en castellano" Sent: Monday, November 15, 2004 9:52 AM Subject: RE: [Ovillo] Nirvana XHTML Madre mma, y yo pensaba que trataba de ser perfeccionista... ;) Alejandro Cuesta Astureco-PFS Informatica y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com > -----Mensaje original----- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de Manuel Gonzalez > Noriega Enviado el: sabado, 13 de noviembre de 2004 19:31 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Nirvana XHTML > > Hola a todos, > > totalmente convencido de las bondades del XHTML ;) he decidido > convertir Logicola. Como la solucisn de mandar XHTML como text/html a > la gran mayorma de agentes me sigue pareciendo un remiendo poco > convincente, he optado por el mitodo de negociacisn XHTML descrito en > Autistic Cuckoo (1). > Los pasos han sido: > > - Modificar las plantillas para que escupan XHTML 1.1 correcto > - Modificar los posts (al menos los que estan ahora en > portada) para que estin tambiin en correcto XHTML 1.1. > Basicamente cambiar lang por xml:lang y cerrar etiquetas, ya que > estaban en correcto HTML > - Modificar la funcisn que crea los enlaces para que convierta & a & > (Esto era un bug que tenma que solucionar de todas formas O:) > - Aqadir en un fichero extra las funciones que realizan el meollo > > - detectar las capacidades del agente (incluyendo > Q-settings) y optar por uno u otro tipo de contenido > - Opcionalmente, si el tipo va a ser text/html, convertir los > contenidos a HTML 4.01 Estricto con una funcisn muy sencilla > (reemplazo de un DOCTYPE por otro, reemplazo de "/>" por ">" y de > "xml:lang" por > "lang") > - Enviar las cabeceras correctas: Vary y Content-type > > > !Voila! Ahora Logicola (2) es HTML 4.01 estricto para Internet > Explorer o el validador del W3C y XHTML 1.1 para agentes como Firefox > y demas. > parece magia. Por supuesto, ahora me queda ir descubriendo posts que > casquen y arreglandolos a manivela. > > Ahora, el problema que veo es las discusiones tesricas que me esperan > :D porque si no se encuentran inconvenientes a esta ticnica (que puede > ser) si que me va a parecer totalmente indefendible el mandar XHTML > como text/html en ningzn caso. > > > (1) > http://www.autisticcuckoo.net/archive.php?id=2004/11/03/conten > t-negotiation > > (2) http://simplelogica.net/logicola/ > > > -- > Manuel > a veces :) a veces :( > pero siempre trabajando duro para Simplelsgica: apariencia, > experiencia y comunicacisn en la web. > http://simplelogica.net # (+34) 985 22 12 65 > > !Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ > > _______________________________________________ > Lista de distribucisn Ovillo > Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes > modificar tus datos o desuscribirte en la siguiente > direccisn: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org > > > > > _______________________________________________ Lista de distribucisn Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente direccisn: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org _______________________________________________ Lista de distribucisn Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente direccisn: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org _______________________________________________ Lista de distribucisn Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente direccisn: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org --------------------------------- Do you Yahoo!? The all-new My Yahoo! Get yours free! _______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org _______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
