Re: [Ovillo] estructura semantica ideal de un articulo de diario online
On 9/5/05, Federico Santoalla [EMAIL PROTECTED] wrote: div id=elmundo h2#elmundo div class=articulo div class=encabezado-articulo p.volanta h3 p.bajada p.autor /div div class=cuerpo-articulo p [etc etc] /div /div /div y que opinas vos sobra la opcion de incluir la volanta dentro del titulo para evitar que p.volanta quede como hijo de h2 (seccion) y al mismo tiempo mantener la estructura y ordenes necesarios de un articulo tradicional? h3span class=volantaVolanta/spanbr /Titulo/h3 - con o sin br / es indistinto. yo me tiraria a incluirlo pero puede sacarse. - span puede reemplazarse por em, strong o dejarse como algo neutral. para quienes me decian que la volanta no necesariamente se lee antes del titulo o que deberia ser prescindible les comento (para que sepan nomas) que hable con mi cliente y me dijo que era todo lo contrario. que el titulo es el prescindible. me dicen que segun la estructura tradicional de la prensa escrita la volanta es siempre mas informativa y mas especifica e importante que el titulo en si que suele usarse mas como gancho que otra cosa. cuando les presente el problema de que semanticamente quedaba raro que la volanta estuviera antes que el h3 me dijeron que en ese caso ellos preferian que marque como h3 la volanta y deje el titulo como un p o como una segunda linea de la volanta misma. nuevamente recuerdo que esto se aplica exclusivamente cuando haya que reproducir lo mas fielmente la estructura tradicional de un articulo de diario. en mi caso particular estoy trabajando para el armado de la version online de una revista semanal y reproducir la estructura de la revista es uno de los objetivos principales ya que quieren ofrecer el servicio de suscripcion online como alternativa o complemento al papel y quieren que los contenidos sean los mismos. igualmente quisiera ir dando por terminado este tema. en todo caso estemos de acuerdo en que no estamos de acuerdo. y que viva la diferencia. saludos! inti castro [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
antes que incluirla dentro de h3 preferiria algo así, digo: h3volanta o antetítulo/h3 h4título/h4 ya que por lo que dice tu cliente es mas importante que el título y este esta subordinado a ella. la jerarquia quedaría así: diario-sección-subsección-volanta-título Es mi humilde opinión... Un Saludo. Federico. --- Oº wiwi.com.ar El 5/09/05, Inti Castro[EMAIL PROTECTED] escribió: On 9/5/05, Federico Santoalla [EMAIL PROTECTED] wrote: div id=elmundo h2#elmundo div class=articulo div class=encabezado-articulo p.volanta h3 p.bajada p.autor /div div class=cuerpo-articulo p [etc etc] /div /div /div y que opinas vos sobra la opcion de incluir la volanta dentro del titulo para evitar que p.volanta quede como hijo de h2 (seccion) y al mismo tiempo mantener la estructura y ordenes necesarios de un articulo tradicional? h3span class=volantaVolanta/spanbr /Titulo/h3 - con o sin br / es indistinto. yo me tiraria a incluirlo pero puede sacarse. - span puede reemplazarse por em, strong o dejarse como algo neutral. para quienes me decian que la volanta no necesariamente se lee antes del titulo o que deberia ser prescindible les comento (para que sepan nomas) que hable con mi cliente y me dijo que era todo lo contrario. que el titulo es el prescindible. me dicen que segun la estructura tradicional de la prensa escrita la volanta es siempre mas informativa y mas especifica e importante que el titulo en si que suele usarse mas como gancho que otra cosa. cuando les presente el problema de que semanticamente quedaba raro que la volanta estuviera antes que el h3 me dijeron que en ese caso ellos preferian que marque como h3 la volanta y deje el titulo como un p o como una segunda linea de la volanta misma. nuevamente recuerdo que esto se aplica exclusivamente cuando haya que reproducir lo mas fielmente la estructura tradicional de un articulo de diario. en mi caso particular estoy trabajando para el armado de la version online de una revista semanal y reproducir la estructura de la revista es uno de los objetivos principales ya que quieren ofrecer el servicio de suscripcion online como alternativa o complemento al papel y quieren que los contenidos sean los mismos. igualmente quisiera ir dando por terminado este tema. en todo caso estemos de acuerdo en que no estamos de acuerdo. y que viva la diferencia. saludos! inti castro [EMAIL PROTECTED] ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Ciertamente, decir que el título es lo prescindible suena peor que mal. Piensa en un lector de la revista que desee citar un artículo que ha leído: dudo que elija la volanta como elemento de referencia. Yo al menos elegiría título, autor y fecha (o número de la revista, en su caso) para que el receptor de la cita pudiera localizar el docuemnto en cuestión sin problemas. Pero si el cliente piensa así, mi opción personal sería incluir la volanta en el título, a ser posible y pensando en los buscadores, en una posición posterior en el código html y visualmente posicionada antes con css. Para el autor, si de lo que se trata es de semántica, indudablemente el elemento apropiado es address, el ejemplo de la recomendación html es meridianamente claro.. El día 5/09/05, Inti Castro [EMAIL PROTECTED] escribió: On 9/5/05, Federico Santoalla [EMAIL PROTECTED] wrote: div id=elmundo h2#elmundo div class=articulo div class=encabezado-articulo p.volanta h3 p.bajada p.autor /div div class=cuerpo-articulo p [etc etc] /div /div /div y que opinas vos sobra la opcion de incluir la volanta dentro del titulo para evitar que p.volanta quede como hijo de h2 (seccion) y al mismo tiempo mantener la estructura y ordenes necesarios de un articulo tradicional? h3span class=volantaVolanta/spanbr /Titulo/h3 - con o sin br / es indistinto. yo me tiraria a incluirlo pero puede sacarse. - span puede reemplazarse por em, strong o dejarse como algo neutral. para quienes me decian que la volanta no necesariamente se lee antes del titulo o que deberia ser prescindible les comento (para que sepan nomas) que hable con mi cliente y me dijo que era todo lo contrario. que el titulo es el prescindible. me dicen que segun la estructura tradicional de la prensa escrita la volanta es siempre mas informativa y mas especifica e importante que el titulo en si que suele usarse mas como gancho que otra cosa. cuando les presente el problema de que semanticamente quedaba raro que la volanta estuviera antes que el h3 me dijeron que en ese caso ellos preferian que marque como h3 la volanta y deje el titulo como un p o como una segunda linea de la volanta misma. nuevamente recuerdo que esto se aplica exclusivamente cuando haya que reproducir lo mas fielmente la estructura tradicional de un articulo de diario. en mi caso particular estoy trabajando para el armado de la version online de una revista semanal y reproducir la estructura de la revista es uno de los objetivos principales ya que quieren ofrecer el servicio de suscripcion online como alternativa o complemento al papel y quieren que los contenidos sean los mismos. igualmente quisiera ir dando por terminado este tema. en todo caso estemos de acuerdo en que no estamos de acuerdo. y que viva la diferencia. saludos! inti castro [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo -- _ Fernando Gutiérrez http://ferguweb.tx.com.ru/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
On 9/5/05, Federico Santoalla [EMAIL PROTECTED] wrote: Me parece que lo quizo decir el cliente de Inti, el que la volanta es mas importante que el título y para enfitizar eso dice que el título es precindible. claro, la idea que me quisieron dar, para que pueda resolver el tema del marcado semantico, es de que el titulo en si no informa ni hace en realidad al articulo/nota sino que es el gancho que se usa para captar lectores. en ese aspecto es mas informativa (y por lo tanto mas importante si estamos de acuerdo en que la informacion es lo que cuenta) la volanta y la bajada que el titulo en si. por mas que la tipografia sea dos veces mas grande en este ultimo. con esta idea en mente la volanta recibe el h3 y el titulo queda junto a la volanta despues de un br /, en un h4 o simplemente en un p. la firma en un address es lo correcto si el objetivo de la misma es proveer informacion de contacto. no es mi caso ya que la firma no va con link a e-mail ni nada. pero aun asi muy valida la acotacion. inti castro [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Sobre la volanta, no sé si he acabado de entender lo que es, pero en un vistazo a los principales diarios españoles, algunos la llaman cintillo o epígrafe, veo que la información principal se transmite en el título (aunque ninguno usa encabezados hn) y que la volanta, cintillo o epígrafe suministra información de apoyo. Por ejemplo con la reciente opa de Gas Natural a Endesa, en lo que tiene apariencia de título todos informan de que Gas Natural lanza una opa hostil por el 100% de Endesa por 23.000 millones de euros con más o menos palabras. En la volanta, cintillo o llámale como quieras uno dice que Ofrece 21,3 euros por acción, otro dice Revuelo en el sector energético, otro no dice nada porque no usa volanta en esta noticia, otro dice Suspensión, ... ¿Quizás la práctica de la prensa escrita u online no es dar tanta importancia *semántica* a la volanta como tú cliente piensa? -- _ Fernando Gutiérrez http://ferguweb.tx.com.ru/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
On 9/5/05, Fernando Gutierrez [EMAIL PROTECTED] wrote: Sobre la volanta, no sé si he acabado de entender lo que es hay mucho embrollo de terminologias pero en españa creo que la volanta la llaman antetítulo. o al menos ese es otro de los nombres que estoy seguro de que tiene. en cuanto a si la volanta se la conoce tambien como cintillo no lo se. lo que si es seguro es que la volanta no es un epigrafe. un epigrafe va debajo de una foto como texto explicativo de la imagen. o eso es lo que lei por ahi, al menos. y vuelvo a repetir por si no quedo claro antes. toda esta discusion y mis desiciones en cuanto a marcado de este hilo estan hechas en base a los requerimientos de mi cliente en particular. si bien cuando inicie el hilo tenia la idea de generar un marcado ideal para un articulo informativo de un diario o revista online al que todos pudieramos recurrir de necesitarlo me di cuenta que todo depende demasiado de cada caso en particular y que podemos tener cierto esqueleto en comun pero siempre hay que adaptar la estructura y la semantica a cada caso. inti castro [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Hola Inti, Inti Castro escribió: disculpen que no me ponga a responder con detalle pero ando con muchismo trabajo y no tengo mucho tiempo. Yo tampoco tengo mucho tiempo y aunque el tema es interesante y da para mucho, respondo acotadamente también. en cuanto a tema volanta/antetítulo el meollo del asunto es que en mi caso en particular no tengo que adaptar una noticias a formato web sino mas bien con el formato web reproducir lo mas fielmente posible la estructura del papel. el cliente fue muy especifico al respecto y lamentablemente son mis limitaciones en este proyecto en particular. por eso la idea de que si saco la hoja de estilos visual (o aural) la volanta aparezca por debajo del titulo es algo que tengo que evitar, al menos en este caso. En este caso se me ocurre que, en principio, deberías hacerle entender al cliente que la web es *otra cosa* y por lo tanto no se la puede tratar como al papel. Hace unos días me pasó algo parecido, le expliqué eso mismo a mi cliente y entendió. Y con decir otra cosa no tenemos que quedarnos en no, no se puede hacer como en el papel sino al revés, porque la web brinda muchísimas posibilidades que el papel no (y no me estoy refiriendo a meter todas las fotos de un artículo en una película flash :S como me preguntaron hace poco). Como decía antes, la volanta no se lee antes del título (o al menos no debería ser necesario si el titulado está bien escrito) por lo que no me cierra que deba estar antes, aún con la hoja de estilos desactiva. De todos modos, se trata de que tu cliente elija entre tener un documento semánticamente bien formado o un documendo parecido a los que hacíamos tiempo atrás, pero sin tablas. igualmente aclaro que la volanta no debe aparecer en italica y que la bajada tampoco en negrita. por lo que em y strong no los uso para lograr italicas y negritas sino para dar mas enfasis a ps que sino serian uno mas del montón. con los recursos limitados que tengo es lo que puedo hacer. Más allá de lo que decía Manuel, que strong es como si estuvieras gritando, me parece innecesario que quieras dar énfasis a los p porque la redacción del texto que contengan hará que no pasen más como unos más del montón. el uso del br / en una firma como la que necesito yo es comparable a la poesia. de la misma manera que uno no puede poner versos uno al lado del otro tampoco puede poner: Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 sino que es mejor: Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 Yo lo haría: pspan class=nombreFulanito de tal/span, span class=cargoVice-presidente de Empresa Falsa,/span span class=fechaLunes 15 de febrero de 2004/span/p span {display: block; } Con la propuesta de Ramón ahorrábamos código, pero a mí me gusta creer que el atributo class dice bastante más que el estilo que queremos darle al texto y es información semántica. Y ahora vuelvo al trabajo, Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
La volanta es una herencia del periodismo gráfico, que por mi parte creo que puede obviar en periodismo digital. No puedo explicar en profundidad porqué, porque necesito tiempo para estudiarlo mejor, pero hay que tener en cuenta que el diario de papel y el diario digital se leen distinto. En síntesis, si ponés volanta, debe ir con p a continuación del hn correspondiente. También deberías obviar el em porque no es necesario enfatizar el texto. Yo me había retirado de la discusión porque veía a Inti con las ideas tan claras (y tan distintas de las mías) que me parecía que la discusíon iba a ser sobre galgos, podencos y volantas, pero si sigue, sigue :) El enfoque de Inti lo veo excesivamente pegado a lo visual, empeñado en que lo que en el periódico se ve en itálica le corresponde em y lo que va en negrita le corresponde strong y que lo que va encima, tiene que ir antes en el flujo del documento. Todo eso es muy respetable, pero a mi juicio incorrecto. El artículo, a nivel semántico o estructural, se inicia en el [Hx/] Para eso están los encabezados, para iniciar secciones independientes. Todo lo que pertenezca a la sección va a continuación. Otra cosa es que a la hora de presentarlo al usuario transformes como quieras: subiéndolo para los agentes visuales o especificando esto se lee antes para los agentes aurales, pero tanto lo visual como lo aural es presentación. Para mi strong y em se comprenden mejor en términos de sonido. Todos los que no tenemos deficiencias auditivas graves nos podemos imaginar como suena el que alguien hable en strong o hable en em. Como regla general, no hay forma de que todo un párrafo pueda tener que sonar así. Si alguien me lee todo un párrafo en strong, me está gritando, no me está subrayando nada :) Otra cosa que me parece tremendamente llamativa es el usar br/ para hacer salto de línea entre autor y fecha. Puedes enfocarlo al gusto como un solo párrafo, que contiene ambas informaciones (marcadas con span, quizás) o como dos párrafos independientes, pero lo que no encaja de ninguna manera en tiene que ser una unidad (párrafo) pero a la vez su compresnsión está intrinsicamente unida a una ruptura de ritmo/línea. No le veo la comparación por ninguna parte con la poesía. -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Clarísimo Manuel, muchas gracias. Espero no haberte liado más :) -- Desde GNU (Ubuntu 5.04, Linux 2.6), Tae «Taecilla» Sandoval Murgan, a.k.a. Eleniel Taurendil Blogs: http://atravesdelmonitor.lamatriz.org/ http://estudiosdedalo.zoomblog.com/ Jabber ID: [EMAIL PROTECTED] [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Inti Castro escribió (Sat, 3 Sep 2005 11:04:50 -0300): Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 sino que es mejor: Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 No me he parado demasiado a leer todos los mensajes del hilo, pero por dar otra visión (o tocar las narices, claro, jeje), creo que se podría utilizar una dl para la firma: dt- Fulanito de tal dd- Vice-presidente. Sí, sería una lista de un solo elemento, pero no creo que pase nada por ello. En mi humilde opinión es más adecuado que un br. Y desde luego, la fecha para mi debería ser un párrafo distinto. Saludos -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Hola Inti, Inti Castro escribió: puede mejorarse, segundo intento: pemVolanta o antetítulo/em/p h1Titulo principal/h1 pstrongBajada/strong/p pCopete, lead o entrada/p pCuerpo del articulo/p h2Títulos interiores o subtitulos/h2 la volanta en si no es un titulo (no subordina contenidos), tampoco es un parrafo por lo que ni hN ni p son realmente elementos correctos. subordinarla al h1 estaria bien si uno cuenta con el posicionamiento de css y puede colocarla visualmente antes que el titulo pero screenreaders, celulares y browsers sin soporte para css TIENEN que renderizarla antes que el titulo sino dejaria de cumplir su objetivo. por eso, ante la carencia de mejores alternativas la marco con un p y le doy un póco de énfasis (em) para que no pase como un párrafo mas. Creo que la complicación se debe a que estás convencido de la volanta debe ir antes que el título. En realidad, en un artículo periodístico bien escrito, para entender la noticia, la volanta debe ser prescindible. Además, la lectura no comienza por allí sino por el título; justamente para eso lo ponemos en una tipografía más grande que el resto del texto de la página. La volanta es una herencia del periodismo gráfico, que por mi parte creo que puede obviar en periodismo digital. No puedo explicar en profundidad porqué, porque necesito tiempo para estudiarlo mejor, pero hay que tener en cuenta que el diario de papel y el diario digital se leen distinto. En síntesis, si ponés volanta, debe ir con p a continuación del hn correspondiente. También deberías obviar el em porque no es necesario enfatizar el texto. la bajada no es un párrafo común sino que es un resumen de todo el cuerpo del articulo. tampoco subordina contenidos asi que descarto los hN. nuevamente me quedo sin opciones y uso p. en este caso agrego strong para enfatizar. despues de todo uno podria leer solo la bajada y saltearse el resto del articulo. este parrafo tiene que tener importancia. La bajada es un párrafo, no hay vuelta que darle. En cuanto al contenido de la bajada, según el estilo de redacción puede ser un resumen, como en el periodismo gráfico, o directamente la cabeza de la noticia. También porque la lectura es diferente, creo que la tendencia en medios digitales es la segunda. Por otra parte, tampoco necesitás strong, porque la bajada se destaca sola, por ser el primer párrafo del texto o estar en la portada. Más bien, depende de la redacción que sea efectiva en invitar al lector a seguir leyendo. el copete no es mas que el primer párrafo del cuerpo al que se le pueden dar estilos visuales pero semanticamente es igual al resto del cuerpo. No he visto muchos medios digitales que diferencien copete de bajada, por lo que se suele llamar de las dos maneras a lo que más arriba llamábamos bajada. tomando la estructura anterior podemos, ahora si, agregarle bloques lógicos y clases: div class=articulo p class=volantaemVolanta o antetítulo/em/p h1Titulo principal/h1 p class=bajadastrongBajada/strong/p p class=copeteCopete, lead o entrada/p pCuerpo del articulo/p h2Títulos interiores o subtitulos/h2 /div a esta misma estructura se le puede agregar la informacion de la seccion a la que pertenece, el autor, la fecha, etc.: h1sección/h1 div class=articulo p class=volantaemVolanta o antetítulo/em/p h2Titulo principal/h2 p class=bajadastrongBajada/strong/p p class=copeteCopete, lead o entrada/p pCuerpo del articulo/p h3Títulos interiores o subtitulos/h3 p class=firmaAutorbr /Fecha/p /div Una última acontación: creo que te conviene usar h1 para el nombre del sito y no para el título de la noticia. Y el nombre de la sección, si la página es del artículo, subordinado al título, con p class=seccion/p. Parece que esto va a seguir, y está interesante. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
El 31/08/05, Manuel González Noriega[EMAIL PROTECTED] escribió: - El elemento cite para el autor me parece inadecuado. Saludos Manuel, ¿A qué se debe que concideres el elemento cite inadecuado? Leyendo la especificación no me aclaro en su uso, y googleando he terminado más confundida (no llegando a diferenciar entre dicho elemento y q), pero de alguna parte saqué, y me pareció lo más lógico, que cite debe usarse cuando nos referimos a un ente o entidad. Si es así, ¿por qué en este caso no debiese usarse? Y si estoy equivocada, ¿para que diablos sirve entonces? Gracias desde ya. -- Desde GNU (Ubuntu 5.04, Linux 2.6), Tae «Taecilla» Sandoval Murgan, a.k.a. Eleniel Taurendil Blogs: http://atravesdelmonitor.lamatriz.org/ http://estudiosdedalo.zoomblog.com/ Jabber ID: [EMAIL PROTECTED] [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
aprovecho para hacer una aclaracion: los tags h1-6 no deberian usarse para significar importancia sino mas bien para estructurar un documento. si tomo un documento y le saco todo el contenido salvo los h1-6 deberia poder visualizar una especie de lista de items y subitems con titulos, subtitulos, etc. todo anidado logicamente. http://www.andybudd.com/archives/2004/07/heading_for_trouble/ Muy interesante la aclaración, aunque me pregunto como lo deben interpretar los buscadores. -- Francesc Rosàs [EMAIL PROTECTED] http://strut.ath.cx/ [EMAIL PROTECTED] (IM) GPG ID: 0xFC84EFAB ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
El problema es interesante ya que el marcado semantico es uno de mis eternos problemas. Os apunto algunas ideas: - Si presentamos los articulos ordenados por sección, me parece correcto, usar h2 en sección y h3 en artículo, pero si presentamos los articulos por fecha, Sección, no es mas que un atributo del artículo, asi que no debería tener una h2 superior al articulo. Si la sección se repite para cada articulo, creo que es un atributo. - Yo pensaria en una estructura con 3 bloques del tipo: div class=articulos h1...ultimas noticias, seccion internacional.h1 div class=articulo div class=titulares../div div class=descripcion../div div class=cuerpo../div /div /div En la página del articulo usaria la misma estructura: div class=articulo div class=titulares../div div class=descripcion../div div class=cuerpo../div /div - Cada bloque seria algo asi: div class=titulares ...antetitulo... -este nunca se como resolverlo h2Titulo/h2 ó h2emantetitulo/emTitulo/h2 /div div class=descripcion div class=autor../div div class=fecha../div div class=resumen../div /div - Parece complicado, pero me permite definir como quiero presentar los elementos, y separar visualmente cada bloque. Dentro de descripcion por ejemplo, puedo hacer que fecha y autor se presenten en la misma linea, o anteponer fecha, o usar una linea para autor y en la siguiente linea poner la fecha en gris, seguida (sin salto) por el texto en negrita. - Creo que estais presuponiendo como es la información: autor es una linea, fecha tiene formato xx/xx/. ¿y si autor es nombre, referencia y foto? ¿y si la fecha es ciudad-fecha? - La solución peca de 'divismo' y es muy cuadrada... ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
On 01/09/05, Víctor Pimentel [EMAIL PROTECTED] wrote: No sé si estoy interpretando mal o qué, pero, al ser los p elementos que se van a repetir en varios articulos... ¿no debería utilizar clases en vez de identificadores, siendo estos últimos reservados para los elementos únicos? Es decir, en vez de p id=fechafecha/p, poner p class=fechafecha/p Si no es así, pido perdón por mi error, maestro Manuel ;) Asumí que era una página de artículo, no un listado. Si se repiten, obviamente son clases, maese Victor ;) -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
On 01/09/05, roger [EMAIL PROTECTED] wrote: Os apunto algunas ideas: - Si presentamos los articulos ordenados por sección, me parece correcto, usar h2 en sección y h3 en artículo, pero si presentamos los articulos por fecha, Sección, no es mas que un atributo del artículo, asi que no debería tener una h2 superior al articulo. Si la sección se repite para cada articulo, creo que es un atributo. Sí bueno, yo al menos, en mi solución me ceñí a lo que creí entender que Init describía, una página de vista de artículo. Si la página es otra, pues el marcado será otro :) - Yo pensaria en una estructura con 3 bloques del tipo: div class=articulos h1...ultimas noticias, seccion internacional.h1 div class=articulo div class=titulares../div div class=descripcion../div div class=cuerpo../div /div /div En la página del articulo usaria la misma estructura: div class=articulo div class=titulares../div div class=descripcion../div div class=cuerpo../div /div - Cada bloque seria algo asi: div class=titulares ...antetitulo... -este nunca se como resolverlo h2Titulo/h2 ó h2emantetitulo/emTitulo/h2 /div Yo siempre creo que lo óptimo es dejar el antetítulo como un párrafo subordinado al h2 (a continuación) y luego posicionarlo por encima de este con margin-top negativo, por ejemplo. Lo de aparecer por encima me parece visual y no estructural. div class=descripcion div class=autor../div div class=fecha../div div class=resumen../div /div - Parece complicado, pero me permite definir como quiero presentar los elementos, y separar visualmente cada bloque. Dentro de descripcion por ejemplo, puedo hacer que fecha y autor se presenten en la misma linea, o anteponer fecha, o usar una linea para autor y en la siguiente linea poner la fecha en gris, seguida (sin salto) por el texto en negrita. - Creo que estais presuponiendo como es la información: autor es una linea, fecha tiene formato xx/xx/. ¿y si autor es nombre, referencia y foto? ¿y si la fecha es ciudad-fecha? ¿Y si hay un error en el CMS y el artículo no carga? Entonces no hay artículo ;) Asumo que Init lo diría y hablariamos de otro marcado, pero en un proyecto de verdad tienes los detalles de la estructura , o si puede variar, trabajas os if, elseif y else. Si no, nos plantamos pronto en otro tagsoup, pero de divs. - La solución peca de 'divismo' y es muy cuadrada... 'Divismo' me gusta mucho más que 'divitis' :D Si, a mi juicio no hace falta generalmente buscar tanta flexibilidad, sobre todo al hablar de estos casos de marcado ideal -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
creo que va a ser mejor dejar de lado lo mas posible el uso de clases, ids y de divs y spans. antes de ponernos a definir bloques logicos o de aplicar semantica mediante una clase lo mejor es tener una estructura solida. voy a intentar pasar un poco en limpio algunas cosas. empecemos por los elementos base que tiene un articulo de periodico: 1. Volanta o antetítulo 2. Titulo principal 3. Bajada 4. Copete, lead o entrada 5. Cuerpo del articulo 6. Títulos interiores o subtitulos a su vez cada articulo tiene informacion agregada: 1. Seccion/categoria a la que pertenece 2. Autor 3. Fecha entonces, hago un primer intento: pVolanta o antetítulo/p h1Titulo principal/h1 pBajada/p pCopete, lead o entrada/p pCuerpo del articulo/p h2Títulos interiores o subtitulos/h2 puede mejorarse, segundo intento: pemVolanta o antetítulo/em/p h1Titulo principal/h1 pstrongBajada/strong/p pCopete, lead o entrada/p pCuerpo del articulo/p h2Títulos interiores o subtitulos/h2 la volanta en si no es un titulo (no subordina contenidos), tampoco es un parrafo por lo que ni hN ni p son realmente elementos correctos. subordinarla al h1 estaria bien si uno cuenta con el posicionamiento de css y puede colocarla visualmente antes que el titulo pero screenreaders, celulares y browsers sin soporte para css TIENEN que renderizarla antes que el titulo sino dejaria de cumplir su objetivo. por eso, ante la carencia de mejores alternativas la marco con un p y le doy un póco de énfasis (em) para que no pase como un párrafo mas. la bajada no es un párrafo común sino que es un resumen de todo el cuerpo del articulo. tampoco subordina contenidos asi que descarto los hN. nuevamente me quedo sin opciones y uso p. en este caso agrego strong para enfatizar. despues de todo uno podria leer solo la bajada y saltearse el resto del articulo. este parrafo tiene que tener importancia. el copete no es mas que el primer párrafo del cuerpo al que se le pueden dar estilos visuales pero semanticamente es igual al resto del cuerpo. tomando la estructura anterior podemos, ahora si, agregarle bloques lógicos y clases: div class=articulo p class=volantaemVolanta o antetítulo/em/p h1Titulo principal/h1 p class=bajadastrongBajada/strong/p p class=copeteCopete, lead o entrada/p pCuerpo del articulo/p h2Títulos interiores o subtitulos/h2 /div a esta misma estructura se le puede agregar la informacion de la seccion a la que pertenece, el autor, la fecha, etc.: h1sección/h1 div class=articulo p class=volantaemVolanta o antetítulo/em/p h2Titulo principal/h2 p class=bajadastrongBajada/strong/p p class=copeteCopete, lead o entrada/p pCuerpo del articulo/p h3Títulos interiores o subtitulos/h3 p class=firmaAutorbr /Fecha/p /div alguien ya antes se horrorizo ante el uso del br /. simplemente quiero aclarar que esta mal usarlo para simular párrafos o espaciar contenido pero en casos como una poesía, una firma, una direccion postal, el encabezado de una carta, etc. esta muy bien justificado y es completamente semantico. por algo este tag sigue estando presente en xhtml 1 strict. tambien se podría solucionar el tema de la volanta (como alguien dijo antes) gracias al br: h2em class=volantaVolanta o antetítulo/embr /Titulo principal/h2 queda medio raro pero me parece aceptable. inti castro [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Hola Inti y todos, Inti Castro escribió: tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. La estructuro que uso casi siempre es: Página de la nota: div id=nota h2Título/h2 p class=bajadaLorem ipsum dolor sit amet/p p class=seccionAgro/p p class=fecha31 de diciembre/p pLorem ipsum dolor sit amet... /p pLorem ipsum dolor sit amet... /p pLorem ipsum dolor sit amet... /p /div Lista de notas: h2Sección/h2 div class=nota h3Título/h3 p class=bajadaLorem ipsum dolor sit amet/p p class=seccionAgro/p p class=fecha31 de diciembre/p /div También suelo usar una lista de definición para sección, fecha, autor. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] estructura semantica ideal de un articulo de diario online
tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. la estructura semantica que tengo que armar es esta: sección a la que pertenece el articulo volanta titulo general bajada (parrafo destacado a modo de resumen) autor fecha cuerpo del articulo cual les parece que serían los tags ideales para armar esta estructura y que faciliten lo mas posible la aplicacion de diseño agragando la menor cantidad de clases posibles? gracias. inti castro [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Se me ocurre algo así: div class=articulo h2seccion/h2 div class=enc-articulo p class=volantastrongvolanta/strong/p h3Titulo/h3 p class=bajadastrongBajada/strong/p pspan class=autorautor/span-span class=fechaxx/xx//span/p /div div class=cuerpo-articulo particulo/p petc.../p /div /div aunque no creo que este muy semantico que digamos, pero bueno, me interesa la opinio de el restos sobre este tema. Es interesante ya que hay mucho blogs y cms en general y por lo que estuve viendo al boleo no e encontrado que pueda decir: pucha, que semantico! Con esto me sumo a tu pregunta para que entre todos podamos sacar algo en claro. Un Saludo. -- Federico. http://wiwi.com.ar El 31/08/05, Inti Castro[EMAIL PROTECTED] escribió: tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. la estructura semantica que tengo que armar es esta: sección a la que pertenece el articulo volanta titulo general bajada (parrafo destacado a modo de resumen) autor fecha cuerpo del articulo cual les parece que serían los tags ideales para armar esta estructura y que faciliten lo mas posible la aplicacion de diseño agragando la menor cantidad de clases posibles? gracias. inti castro [EMAIL PROTECTED] ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Ya me lo he preguntado antes, me sumo a lo que dice Federico, seguramente entre todos podamos sacar algo en limpio... yo he dado vueltas en torno a esto: div id=artxxx class=articulo h2seccion/h2 pemvolanta/em/p h3titulo/h3 pstrongbajada/strong/p divarticulo/div h4autor/h4 h5fecha/h5 /div Aplicando en la hoja estilos específicos para h2, h3, em, p, strong, etc. de la clase articulo. También he probado con dlddetc. Saludos Alejandro Mensaje citado por: Federico Santoalla [EMAIL PROTECTED]: Se me ocurre algo así: div class=articulo h2seccion/h2 div class=enc-articulo p class=volantastrongvolanta/strong/p h3Titulo/h3 p class=bajadastrongBajada/strong/p pspan class=autorautor/span-span class=fechaxx/xx//span/p /div div class=cuerpo-articulo particulo/p petc.../p /div /div aunque no creo que este muy semantico que digamos, pero bueno, me interesa la opinio de el restos sobre este tema. Es interesante ya que hay mucho blogs y cms en general y por lo que estuve viendo al boleo no e encontrado que pueda decir: pucha, que semantico! Con esto me sumo a tu pregunta para que entre todos podamos sacar algo en claro. Un Saludo. -- Federico. http://wiwi.com.ar El 31/08/05, Inti Castro[EMAIL PROTECTED] escribió: tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. la estructura semantica que tengo que armar es esta: sección a la que pertenece el articulo volanta titulo general bajada (parrafo destacado a modo de resumen) autor fecha cuerpo del articulo cual les parece que serían los tags ideales para armar esta estructura y que faciliten lo mas posible la aplicacion de diseño agragando la menor cantidad de clases posibles? gracias. inti castro [EMAIL PROTECTED] ___ 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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
On Thu, 01 Sep 2005 01:10:42 +0200, Manuel González Noriega [EMAIL PROTECTED] wrote: Resumiendo h2sección/h2 div class=articulo h3titulo/h3 p id=volantavolanta/p p id=bajadabajada/p p id=autorpor spanautor/span/p p id=fechafecha/p div id=cuerpo pcuerpo/p pcuerpo/p pcuerpo/p /div /div Mucho mejor No sé si estoy interpretando mal o qué, pero, al ser los p elementos que se van a repetir en varios articulos... ¿no debería utilizar clases en vez de identificadores, siendo estos últimos reservados para los elementos únicos? Es decir, en vez de p id=fechafecha/p, poner p class=fechafecha/p Si no es así, pido perdón por mi error, maestro Manuel ;) -- Usando el revolucionario cliente de correo de Opera: http://www.opera.com/m2/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Manuel González Noriega wrote: h2sección/h2 div class=articulo h3titulo/h3 p id=volantavolanta/p p id=bajadabajada/p p id=autorpor spanautor/span/p p id=fechafecha/p div id=cuerpo pcuerpo/p pcuerpo/p pcuerpo/p /div /div Los id no se pueden repetir en una misma página, así que esta estructura solo sirve para presentar un articulo a la vez. Tampoco me parece adecuado usar p ya que indicas de que tipo es el bloque. Usa mejor div. ___ 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://ovillo.org/mailman/listinfo/ovillo