Tendrias que hacer un microformato lo suficientemente amplio como para disponer de todas las variables posibles del conenido que quieras que aparezca.
*-----Mensaje original----- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Martin Etxauri *Enviado el: viernes, 06 de mayo de 2011 03:25 a.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * *Hola * *Si, el tema de los microformatos ya lo miré bien si y nada. Igual lo suyo sería *preparar un microformato para fichas o algo así, ¿no? en general todos los *microformatos son muy concretos y claro igual perderían su cometido si se hiciera *uno tan general que pudiera servir para fichas de diferentes temáticas, no se. * *saludos * *El 05/05/2011, a las 16:23, Martin Diego Moscardi escribió: * *> Yo creo que la estan complicando demasiado. *> En cuanto a html, etiquetas semanticas para estructurar el documento, està *> html5, el cual es mas rico en ese sentido (y esta pensado para ese nivel). *> *> Ahora bien, con lo que tenemos, creo que la manera mas directa de *> estructurar lo que necesitas es por medio de listas y darle semantica *> mediante el nombre de las clases. *> *> En todo caso, fijate antes, si no hay un microformato estandard para lo que *> necesitas. Si no, dale tu propia semantica lo mas estandard posible. Si *> tenes ganas, quizas desarrolles algun microformato y lo propongas. ;). *> *> Saludos, *> Martin *> *> 2011/5/5 Martin Etxauri <t...@eragin.com> *> *>> Aupa Alfredo *>> *>> Lo primero gracias por tu ayuda. *>> Yo lo que quería no era estructurar los datos por alguna razón concreta, *>> simplemente quería utilizar un html lo mas semántico posible, igual he *>> utilizado "estructurar" donde no convenía pero me refería a eso, y la verdad *>> que con xml no me voy a meter :) *>> *>> Tampoco es optimizar la presentación, si hablo de poner un H3 no es para *>> obtener lo que un H3 me da visualmente, es simplemente para jerarquizar el *>> contenido lo mas adecuadamente posible a nivel de código, porque a nivel *>> visual se van a ver igual lo ponga con H3 o con span, para eso le meto con *>> css y ya está. *>> *>> Agregar el nombre del concierto la verdad lo veo un sin sentido, si no hay, *>> no hay ¿no? agregar un dato porque lo necesito para jerarquizar la *>> información a nivel de código es un poco absurdo, el contenido es el que es *>> y es ese contenido el que hay que formatear, ¿no? ¿o tendría sentido agregar *>> un título oculto para "aclarar" un como el tema a nivel de usabilidad? *>> tampoco sabría que poner la verdad, y luego está que yo estoy diseñando esto *>> pero las fichas de conciertos ya están diseñadas y la bdd programada y *>> aunque podría proponer cambios, como que no lo veo. *>> Y como te puedes imaginar si esto está en un bdd no me hace falta tener el *>> xlst para poder disponer de esos datos ya que esto está programado en php y *>> todo tira de una bdd. *>> *>> Gracias de todos modos, siempre es interesante conocer cosas nuevas y *>> siempre se aprende algo. *>> *>> saludos *>> *>> martin *>> *>> El 04/05/2011, a las 17:15, Alfredo Tinajero escribió: *>> *>>> Hola Martín, *>>> *>>> He estado siguiendo el hilo de tu post y tengo algunas sugerencias. *>> Primero, me gustaría aclarar cual es el fin que persigues, ya que hablas de *>> darle estructura a los datos, es ahí donde captaste mi atención ya que ni *>> xhtml ni css fueron diseñados para dar estructura a los datos, xhtml da *>> estructura a la pagina (layout) y css da la presentación. *>>> *>>> Después note que hablas de usar <h3> en uno solo o en todos los <span>, *>> lo cual apunta mas a que lo que buscas es optimizar la presentación, no los *>> datos. Si es este el caso, yo recomendaría que agregues otro dato: el nombre *>> del concierto, y uses en el <h3> o bien optes por lo que parece ser tu *>> preferencia: aplica <h3> a todo y que la imagen actúe a modo de titulo, pero *>> esto no es una buena practica, te sugiero que agregues de todos modos el *>> nombre o titulo, aunque sea en texto oculto. *>>> *>>> Si lo que deseas es darle estructura a los datos, existe también un *>> lenguaje para eso: el xml, este fue diseñado para estructurar y transportar *>> datos, que en tu caso vendría muy bien. Además de eso, puedes incluso *>> definir la presentación de dichos datos por separado con lenguaje xlst o *>> bien usar css en tu pagina, ambos casos dan excelentes resultados y dependen *>> de tu preferencia. *>>> *>>> Otras ventajas que obtienes: no tienes que estar actualizando tu html y *>> css ya que los datos están en un fichero independiente. Puedes manejar *>> múltiples presentaciones de los mismos datos (usando xlst) sin cambiar hacer *>> cambios a tu pagina. Los datos así son muy fáciles de transportar y *>> re-utilizar en otras paginas. Puedes ordenar y filtrar los conciertos en *>> base a cualquier criterio que definas sin cambiar el html, una simple línea *>> en tu fichero xslt basta para ordenar y una para filtrar (una por cada *>> filtro). Puedes presentar toda la información o parte de ella (puedes por *>> ejemplo, omitir contenido relacionado y presentar el resto) *>>> *>>> Para tu caso el xml seria algo así: *>>> *>>> <?xml version="1.0" encoding="ISO-8859-1"?> *>>> <catalogo> *>>> <concierto> *>>> <imagen>imagen1.jpg</imagen> *>>> <grupo>Grupo1</grupo> *>>> <hora>00:00</hora> *>>> <sala>Nombre de la sala</sala> *>>> <pueblo>Nombre del pueblo</pueblo> *>>> <descripcion>Lorem ipsum dolor sit amet. Con minimim venami quis nostrud *>> laboris nisi ut aliquip ex ea com dolor in reprehenderit in voluptate *>> nonumi. Mimimum veniami ex ea con dolor nisi ut aliquip. Consequat Duis *>> autem vel eum iruire dolor in endrerit, voluptate velit est. Sit amet, *>> consectetuer adipiscing elit, sed diam nonummi. Euismod tincidunt ut laroeet *>> dolore magna aliquam erat voluptat.</descripcion> *>>> <website>www.webdelgrupo.com</website> *>>> <contenidoRelacionado> *>>> <contenido> *>>> <descripcion>Descricpcion 1</descripcion> *>>> <url>www.urldelcontenido.com</url> *>>> </contenido> *>>> <contenido> *>>> <descripcion>Descricpcion 2</descripcion> *>>> <url>www.urldelcontenido.com</url> *>>> </contenido> *>>> </contenidoRelacionado> *>>> </concierto> *>>> <concierto> *>>> <imagen>imagen2.jpg</imagen> *>>> <grupo>Grupo2</grupo> *>>> <hora>00:00</hora> *>>> <sala>Nombre de la sala</sala> *>>> <pueblo>Nombre del pueblo</pueblo> *>>> <descripcion>Lorem ipsum dolor sit amet. Con minimim venami quis nostrud *>> laboris nisi ut aliquip ex ea com dolor in reprehenderit in voluptate *>> nonumi.</descripcion> *>>> <website>www.webdelgrupo.com</website> *>>> <contenidoRelacionado> *>>> <contenido> *>>> <descripcion>Descricpcion 1</descripcion> *>>> <url>www.urldelcontenido.com</url> *>>> </contenido> *>>> </contenidoRelacionado> *>>> </concierto> *>>> ... *>>> </catalogo> *>>> *>>> El xslt, si lo llegas a usar depende de como quieras presentar la *>> información (elementos <li>, <div>, <span>, <p>, etc.) *>>> *>>> -----Original Message----- *>>> From: Martin Etxauri [mailto:t...@eragin.com] *>>> Sent: Wednesday, May 04, 2011 3:25 AM *>>> To: Ovillo, la lista de CSS en castellano *>>> Subject: Re: [Ovillo] Formato html para fichas de conciertos *>>> *>>> Hola *>>> *>>> No se si te refieres a revisar el html del ejemplo que mandas, lo cual ya *>> he hecho, o si te refieres a revisar el mío, que eso pretendo ;D *>>> *>>> ahora mismo esto lo tengo así: *>>> *>>> <li id="id_del_registro"> *>>> <img src="imagen.jpg" /> *>>> <span class="grupo">nombre del grupo</span> *>>> <span class="hora">00:00</span> *>>> <span class="sala">Nombre de la sala</span> *>>> <span class="pueblo">Nombre del pueblo</span> *>>> <p>Texto_Lorem ipsum dolor sit amet. Con minimim venami quis *>> nostrud laboris nisi ut aliquip ex ea com dolor in reprehenderit in *>> voluptate nonumi. Mimimum veniami ex ea con dolor nisi ut aliquip. Consequat *>> Duis autem vel eum iruire dolor in endrerit, voluptate velit est. Sit amet, *>> consectetuer adipiscing elit, sed diam nonummi. Euismod tincidunt ut laroeet *>> dolore magna aliquam erat voluptat. </p> *>>> <a href="www.webdelgrupo.com">Website de Nombre_del_grupo</a> *>>> <div class="contenidos_relacionados"> *>>> <span class="titulo_de_contenidos">Contenidos *>> relacionados</span> *>>> <ul> *>>> <li><a href="#">título de contenido1</a> *>> sección</li> *>>> <li><a href="#">título de contenido2</a> *>> sección</li> *>>> <li><a href="#">título de contenido3</a> *>> sección</li> *>>> </ul> *>>> </div> *>>> </li> *>>> *>>> Mi mayor duda es con esos span del principio.. no se si no debería meter *>> todos dentro de un H3, porque meter solo el nombre del grupo no es muy *>> exacto, (tampoco se si es correcto meter todo eso dentro de un H3, creo que *>> aunque no suela ser así, correcto si que es ¿no?). Y de meter solo el nombre *>> del grupo ¿que hago con el resto, tal cual? *>>> *>>> He estado mirando mas y sigo sin encontrar mucho. He visto que por *>> ejemplo hay un microformato en desarrollo para recetas de cocina, que sería *>> también un formato de ficha, por así decirlo, pero claro el marcaje es solo *>> para recetas, ah, y también otro para reviews (reseñas, criticas...), que *>> sería algo parecido, pero pasa lo mismo que con las recetas. Y bueno, el *>> mirar los micro formatos me ha servido para pensar que los span no están tan *>> mal, ya que en los microformatos muchos datos van con span: *>>> *>>> <div id="" class="vcard"> *>>> <span class="fn n"> *>>> <span class="given-name"></span> *>>> <span class="additional-name"></span> *>>> <span class="family-name"></span> *>>> </span> *>>> <p style="font-size:smaller;">This <a href=" *>> http://microformats.org/wiki/hcard">hCard</a> created with the <a href=" *>> http://microformats.org/code/hcard/creator">hCard creator</a>.</p> </div> *>>> *>>> En cualquier caso bienvenido será cualquier comentario sobre cualquier *>> cacho de html :) *>>> *>>> saludos y gracias *>>> *>>> Martin *>>> *>>> *>>> *>>> *>>> *>>> El 03/05/2011, a las 14:09, santosvz escribió: *>>> *>>>> Independientemente del CSS el XHTML si tiene una estructura, es *>>>> cuestión de revisarlo. *>>>> *>>>> *-----Mensaje original----- *>>>> *De: ovillo-boun...@lists.ovillo.org *>>>> [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Martin Etxauri *>>>> *Enviado el: martes, 03 de mayo de 2011 03:43 a.m. *>>>> *Para: Ovillo, la lista de CSS en castellano *>>>> *Asunto: Re: [Ovillo] Formato html para fichas de conciertos *>>>> * *>>>> *Aupa *>>>> * *>>>> *Agradezco la ayuda pero efectivamente mi duda era mas respecto al *>>>> nivel xhtml si, *mas en concreto como estructurar todos los datos que *>>>> justo aquí no aparecen. *>>>> *En cualquier caso es un ejemplo chulo y si que me vale para ver como *>>>> han hecho el *html en general, y ahí voy bien :) *>>>> * *>>>> *gracias *>>>> * *>>>> *El 03/05/2011, a las 02:12, santosvz escribió: *>>>> * *>>>> *> El ejemplo tiene ambas cosas. *>>>> *> *>>>> *> *-----Mensaje original----- *>>>> *> *De: ovillo-boun...@lists.ovillo.org *> *>>>> [mailto:ovillo-boun...@lists.ovillo.org] En nombre *> *de Martin Diego *>>>> Moscardi *> *Enviado el: lunes, 02 de mayo de 2011 06:54 p.m. *>>>> *> *Para: Ovillo, la lista de CSS en castellano *> *Asunto: Re: *>>>> [Ovillo] Formato html para fichas de conciertos *> * *> *Entiendo que *>>>> lo que pide Martin, es como estructurarlo a nivel xhtml los *> *datos *>>>> del "grupo de musica", no como representarlo visualmente (un tema *> *>>>> para *> *CSS). *>>>> *> * *>>>> *> *2011/5/2 santosvz <santo...@graficssvz.com> *> * *> *> Creo que *>>>> algo como el enlace te podría servir, dado que es para cuestión *> de *>>>> *> *> grupos de música y también la apariencia cuenta. *>>>> *> *> Tendrías que adaptarlo a tu gusto pero no es problemático. *>>>> Utiliza CSS3. *>>>> *> *> Soportado por FF, Opera, IE9, Crome, Safari *> *> *> *> *>>>> http://www.sohtanaka.com/web-design/examples/popoutdetails/ *>>>> *> *> *>>>> *> *> Posible ejemplo : http://i.imgur.com/zQkMl.jpg *> *> *> *> *> *> *>>>> Soportado por FF, Opera, IE9, Crome, Safari *> *> *-----Mensaje *>>>> original----- *> *> *De: ovillo-boun...@lists.ovillo.org *> *> *>>>> [mailto:ovillo-boun...@lists.ovillo.org] En nombre *> *> *de Martin *>>>> Etxauri *> *> *Enviado el: lunes, 02 de mayo de 2011 05:57 a.m. *>>>> *> *> *Para: la lista de CSS en castellano Ovillo *> *> *Asunto: *>>>> [Ovillo] Formato html para fichas de conciertos *> *> * *> *> *Hola *>>>> gente *> *> * *> *> *Acudo a la lista después de andar un buen rato en *>>>> google y no encontrar *> *> nada, que *> *> *ya me extraña, pero no he *>>>> debido saber buscarlo, en fin. *>>>> *> *> * *>>>> *> *> *Estoy preparando un html donde se muestran unos conciertos, *>>>> cada uno con *> *> sus *> *> *datos, y no acierto a darle una *>>>> estructura html correcta. Por ahora los *> *> conciertos van *> *> *en *>>>> una lista, pero dentro de cada <li> tengo unos cuantos datos que no *> *>>>> *> tengo muy *> *> *claro como estructurar: *>>>> *> *> * *>>>> *> *> *-Imagen *>>>> *> *> *-Nombre del grupo *>>>> *> *> *-Hora *>>>> *> *> *-Sala *>>>> *> *> *-Población *>>>> *> *> *-Texto *>>>> *> *> *-Contenidos relacionados: una lista de contenidos que, claro, *>>>> va como *> <ul> *> *> * *> *> *He estado planteándome una lista de *>>>> definición y meter todos los datos *> en *> *> el dd, y *> *> *una *>>>> sublista, pero no tengo con que rellenar el dt en ninguno de los *> *> *>>>> casos, *> *> ni para el *> *> *concierto entero ni para los datos, *>>>> porque no quiero poner "hora:21:00" *>>>> *> si *>>>> *> *> no solo *>>>> *> *> *"21:00" que ya se sabe que es la hora, e igual con los demás. *>>>> Además no *> me *> *> *convence mucho. *>>>> *> *> * *>>>> *> *> *meter todos los datos en una <ul> tampoco me convence mucho. *>>>> *> *> * *>>>> *> *> *ahora lo tengo todo metido en <span> diferentes, salvo la *>>>> imagen que *> está *> *> a *> *> pelo y *> *> *el texto que está en un *>>>> <p> pero no me convence un pelo claro, mas que *> *> nada *> *> era *> *>>>> *> *para diseñarlo. *>>>> *> *> * *>>>> *> *> *Y de paso, alguien conoce algún buen sitio con ejemplos de este *>>>> tipo de *> *> cosas, son *> *> *las que siempre me tienen confundido a *>>>> la hora de montar un html lo mas *> *> semántico *> *> *posible. *>>>> *> *> * *>>>> *> *> *gracias a todos de antemano. *>>>> *> *> * *>>>> *> *> *Martin *>>>> *> *> *_______________________________________________ *>>>> *> *> *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 *>>>> *> *>>>> * *>>>> *_______________________________________________ *>>>> *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 *> * *_______________________________________________ *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