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

Responder a