Foros del Web » Creando para Internet » Diseño Gráfico »

Logotipo y H1

Estas en el tema de Logotipo y H1 en el foro de Diseño Gráfico en Foros del Web. Holas Amigos Bien estaba discrepando respecto al h1 y el logotipo. El h1 hasta h6, según tengo entendido es para poder jerarquizar la información de ...
  #1 (permalink)  
Antiguo 25/02/2008, 10:31
 
Fecha de Ingreso: enero-2008
Ubicación: #Callao {Lima:Perú;}
Mensajes: 144
Antigüedad: 16 años, 10 meses
Puntos: 7
Logotipo y H1

Holas Amigos

Bien estaba discrepando respecto al h1 y el logotipo.

El h1 hasta h6, según tengo entendido es para poder jerarquizar la información de vuestro contenido.

Entonces sabiendo eso el logotipo es parte del contenido, pero no tan importante que el titulo del contenido. Entonces como podria poner el logo.

Haber un ejemplo:

<p>Logotipo</p>
<h1>Titulo del Contenido</h1>
<p>.....</p>
<h2>Subtitulo</h2>
<p>.....</p>
<h3>Otro Subititulo</h3>
<p>.....</p>

Entonces la pregunta si con el logo deberia de ser así

<h1>Logotipo</h1>
<h2>Descripción de la empresa</h2>
<h3>Titulo del contenido</h3>
<p>.....</p>

Quisiera saber cual es la forma correcta de poner la información. o si me estoy equivocando.

Saludos
  #2 (permalink)  
Antiguo 25/02/2008, 12:15
 
Fecha de Ingreso: enero-2007
Mensajes: 405
Antigüedad: 17 años, 10 meses
Puntos: 3
Re: Logotipo y H1

puedes poner el logotipo como fondo del h1 ... y el texto del h1 sería el titulo


o poner una capa con el fondo del logotipo y dentro un h1 con el titulo, aunque prefiero la primera ya que te ahorras la capa

Ten en cuenta, que H1 sólo puede haber uno en el documento. Sin embargo, los demás (H2,H3,...) puede existir varios. es decir:

<h1> XXXX </h1>

<h2>Noticia1</h2>
<p> texto noticia 1</p>

<h2>Noticia2</h2>
<p> texto noticia 2</p>

Saludos
  #3 (permalink)  
Antiguo 25/02/2008, 13:44
 
Fecha de Ingreso: enero-2008
Ubicación: #Callao {Lima:Perú;}
Mensajes: 144
Antigüedad: 16 años, 10 meses
Puntos: 7
Re: Logotipo y H1

Cita:
puedes poner el logotipo como fondo del h1 ... y el texto del h1 sería el titulo


o poner una capa con el fondo del logotipo y dentro un h1 con el titulo, aunque prefiero la primera ya que te ahorras la capa
Pues creo que eso no se debe de hacer, ya que el logo es parte del contenido de la web, y por ende no debe de estar como fondo.

Cita:
Ten en cuenta, que H1 sólo puede haber uno en el documento. Sin embargo, los demás (H2,H3,...) puede existir varios. es decir:
Si en eso tienen razón, pero ahi va mi pregunta entonces el logo donde iria?

Saludos
  #4 (permalink)  
Antiguo 25/02/2008, 15:51
 
Fecha de Ingreso: enero-2007
Mensajes: 405
Antigüedad: 17 años, 10 meses
Puntos: 3
Re: Logotipo y H1

Si lo pones como IMG, simplemente poner la etiqueta IMG de HTML, imprescindible completar el atributo ALT de dicha etiqueta.

En mi opinión la etiqueta IMG no hace falta que este dentro de H1.


Un Saludo
  #5 (permalink)  
Antiguo 25/02/2008, 20:35
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Re: Logotipo y H1

Hola

Los encabezados son una cosa y el logotipo es otra, cada uno tiene su valor semántico y no debe ser mezclado.

Como dicen, el h1 indica el título de la página, es decir, del contenido que tenemos en pantalla, dicho titular, no tiene porque estar vinculado a nada, por no decir, que no es normal vincularlo a nada.

Por otro lado, el logotipo, es una imagen con diferentes sentidos semánticos, entre ellos, identificar a la empresa, organización o sitio y servir de vínculo a la portada o inicio del sitio.

El tema de vincular el logotipo a la portada no es una regla, sin embargo, es lo que un usuario espera, es lo que todos esperamos, por lo tanto, no hacerlo, se puede considerar una deficiencia o un error de usabilidad.

Desde el punto de vista de presentación, el logotipo es algo que va en la parte superior, preferiblemente a la izquierda, aunque puede ir en otra parte. A su vez, el título, es algo que suele ir centrado o destacado con letras grandes bajo las zonas de navegación o decorativas.

Así que recapitulando, dados los diferentes usos que tiene cada elemento y lo que el usuario espera de ellos, no hay forma lógica de relacionarlos.

En cualquier caso, no hay reglas sobre esto, es decir, como todo en la web, cada uno puede hacer lo que prefiera, sin embargo, la semántica y la usabilidad ti tienen sus "preferencias".

Felicidad
__________________
¡ hey, hou, hou, hey !
  #6 (permalink)  
Antiguo 27/02/2008, 19:51
 
Fecha de Ingreso: enero-2008
Ubicación: #Callao {Lima:Perú;}
Mensajes: 144
Antigüedad: 16 años, 10 meses
Puntos: 7
Re: Logotipo y H1

Holas PatomaS

De acuerdo a la semántica como sería el uso correcto de poner el logo, vale decir que quedaría de está forma.

<div id='header'>
<img alt='logo' src='images/logo.png' />
</div>

Hay muchas maneras de englobar esa etiqueta img, he visto que le ponen dentro de <p></p> ó los <hx></hx>

Bueno entonces como seria la etiqueta semantica correcta?.

Saludos
  #7 (permalink)  
Antiguo 27/02/2008, 23:30
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Re: Logotipo y H1

Hola

La imagen del logo, junto con su vínculo, podrían ir en cualquier contenedor que se ajuste a tu diseño o estética, en líneas generales, un <div> es lo más común, sin embargo, contenedores como <p>, <span> o algún otro según sea el caso serían igual de correctos.

Personalmente me decanto por el uso de div.

En cualquier caso, nunca dentro de un <h?>. Los encabezados son eso, encabezados y deben aportar información de secciones, el logo no es un contenido ni una sección de la página desde ese punto de vista, es un elemento más (objeto). Obviamente con características propias diferentes a otros objetos.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #8 (permalink)  
Antiguo 28/02/2008, 01:44
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años, 5 meses
Puntos: 832
Re: Logotipo y H1

Cita:
Iniciado por PatomaS
En cualquier caso, nunca dentro de un <h?>. Los encabezados son eso, encabezados y deben aportar información de secciones, el logo no es un contenido ni una sección de la página desde ese punto de vista, es un elemento más (objeto). Obviamente con características propias diferentes a otros objetos.
Creo que te voy a recordar tu mismo consejo:
Cita:
Iniciado por PatomaS
En cualquier caso, no hay reglas sobre esto, es decir, como todo en la web, cada uno puede hacer lo que prefiera, sin embargo, la semántica y la usabilidad ti tienen sus "preferencias".
Hay casos de casos PatomaS. Por ejemplo existen quienes utilizan el H1 (y me cuento) para colocar el título de la web, y por lo tanto aprovechan la etiqueta para el logo. No lo veo ni contra-semántico ni nada por el estilo.
  #9 (permalink)  
Antiguo 28/02/2008, 04:55
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Re: Logotipo y H1

Hola

Bueno, mis comentarios no son contradictorios si no complementarios.

Ciertamente no hay reglas que digan "haga tal y cual", sin embargo, podemos decir que si hay sugerencias o recomendaciones, por ejemplo estas:
Agreguemos la definición de semántica según la RAE y la wikipedia, total, ya puestos a poner vínculos, que no falten.

Obviamente pueden maquetarse como uno guste y pude modificarse su presentación como uno desee, sin embargo, si se va a colocar el logotipo de la página o empresa en el h1, no está bien hacerlo a la ligera y hay que tener en consideración varios elementos o circunstancias, por ejemplo:

1. Reemplazar el texto por la imagen:
Esto definitivamente no es accesible a menos que sea hecho de forma que, en caso de que no se pueda cargar la imagen, o se detecte una aplicación utilizada por una persona con minusvalías visuales, cargue en su lugar un texto. Las evidentes complicaciones de esta tesis la hacen muy poco práctica.

2. Poner texto y sustituirlo por imágenes según convenga:
Es el caso opuesto del anterior, obviamente igual de complejo.

3. Usar la imagen para reemplazar el logo:
En este caso, el contenido semántico del título general de la página se pierde ya que queda cubierto o reemplazado por la imagen, siempre igual que es el logotipo.

Cada página trata de una temática diferente, en teoría, y por lo tanto, cada una debe tener su propia jerarquía de encabezados, siendo siempre el h1 el primero y por lo tanto el que indique la temática tratada.

Si se emplea el mismo texto en todas las páginas, semánticamente estamos diciendo que cada página habla de lo mismo y seguramente ese no es el caso.

Y hablando de usabilidad, si el h1 no tiene un vínculo, no puede vincularse a la portada; si lo tiene, quedará reemplazado por la imagen al igual que el texto. Y en cualquier caso, para lograr que el logo quede vinculado a la portada, habrá que usar algún truco, otra etiqueta o una alteración en tiempo de ejecución de la página.

4. Poner un título diferente por página y reemplazarlo por técnicas avanzadas como sIFR:
Esto no es exactamente lo mismo, pero combinado adecuadamente, puede hacer que el logotipo pueda estar conectado con un texto semántico en un mismo objeto y no perder su sentido.

Es una práctica común en CMS, foros y sistemas de gestión de datos de este tipo usar el h1 con la finalidad relacionada al logotipo, eso hace que podamos citar miles de casos, sin embargo, no lo hace más correcto.

Por ejemplo:
1. Si llegamos a esta página (tema) directamente des Google ¿cuál es la temática que se trata desde el punto de vista de una persona?. Logotipo y H1, ¿cuál es la temática que se trata desde la perspectiva de un robot?. Foros del web, para los que viven de bits. ¿Cuál es más acertado? ¿Cuántas páginas en todo este foro tratan de este tema? En teoría una, obviamente podemos entrar en detalles; es un foro, temas se repiten, etc. ¿cuántas páginas tratan de la temática vista por el robot? ¿1000, 10.000, 100.000?

Podemos agregar que foros como este parecen carecer de cualquier estructura semántica.

Obviamente me faltan casos y ejemplos por mostrar.

Finalmente, el que alguien haga uso de una técnica no la hace más valedera, a lo sumo más popular.

Agrego finalmente y antes de despedirme, que en algunas partes, se habla de la web semántica como el cúmulo de metadatos que identifican la información en la web. Este enfoque, en sus inicios se basaba en el aporte de metatags para hacer el trabajo, sin embargo, como se ha demostrado con el tiempo y el uso, la metainformación también está dada por las estructuras que acompañan a las información en si. Así que desde el punto de vista estructural (html), semántico (rae) y web semántica, no veo motivo ni argumento lógico para poner el logotipo con el h1.

Sin embargo, cada uno es libre de hacer las cosas como mejor le parezca. Esa es una de las ventajas del mundo en que vivimos.

Felicidad
__________________
¡ hey, hou, hou, hey !

Última edición por PatomaS; 28/02/2008 a las 09:47 Razón: Eliminar fragmentos que desvirtuan el hilo.
  #10 (permalink)  
Antiguo 28/02/2008, 05:52
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años, 5 meses
Puntos: 832
Re: Logotipo y H1

Cita:
Cita:
Iniciado por PatomaS
2. Si entramos en la página de tu firma (Diseño Joomla en Venezuela) y vamos, por ejemplo a "servicios ofrecidos", podemos dilucidar claramente que el tema es: servicios ofrecidos (menos mal), sin embargo, si pedimos ver un árbol de esa misma página, vemos que la misma habla de "desarrollo web" y que tiene dos divisiones principales y de igual importancia, una es "Darío Ferrer" y la otra es "Servicios Ofrecidos", aun más, el único subpunto de tercer nivel, es "Cuando nada le resulte, contácteme". ¿es esto una estructura semántica?. Obviamente no.
Bueno jeje, ahí ya te estás pelando un poco. Ese sitio está hecho con Joomla, un software un poco difícil de dominar hasta para un erudito como tú, al cual le llegaría el fin de año y aún estarías batallando con el menú principal. Esto es: primero entérate del tema y luego opina con propiedad. Para serte franco resulta un poco molesto que alguien muestre tu web tan deportivamente cuando no se lo has solicitado.

Ah! ya sé . Quizás te confundiste de foro y pensaste que era "Sugerencias para tus trabajos". O seguro pensaste "Bah! Le mostraré lo que digo y pondré de ejemplo su propio sitio para que no se le olvide"... Y de verdad desagrada porque la intención de tal hecho es eso mismo, molestar. Pues te felicito, lograste molestarme.

Yo siendo tú primero ocuparía mi tiempo en los errores de mi propia web ante que las de los demás, por ejemplo tu página que -siendo estática- aún no valida correctamente ("Conflict between Mime Type and Document Type"). Ahora bien, ya que te gusta tanto burlarte de las webs ajenas te encomendaré una tarea: Vuelve a mi web, valídala y te doy todo el tiempo que quieras para que busques otra web con Joomla! (donde sea) que valide XHTML 1.0 Strict. Si lo logras te regalo un chicle, vale?


PD: Para tu información (por si no lo notaste) el sitio está en remodelación.
Editado el 29/02: Lo siento mucho.

Última edición por metacortex; 29/02/2008 a las 05:42 Razón: Retiro lo dicho
  #11 (permalink)  
Antiguo 28/02/2008, 09:44
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Re: Logotipo y H1

Hola

Bueno, mi intención no era molestar, eso es algo definitivo.

Si lo hice lo siento, en serio.

No usé tu web para molestarte sino justamente porque está hecha con un sistema popular.

Considero tu forma de hablar bastante inadecuada.

1. no soy un erudito.
2. no espero dominar joomla ni ninguna otra cosa por el estilo porque considero que tienen un nivel de programación muy superior al que puedo lograr. Aunque eso no los libera de errores.
3. Tu comentario sobre mi capacidad o falta de ella es definitivamente insultante.
4. mi página tiene errores, seguro que si, y no me importa que me los muestren, me encantaría dedicarle tiempo y mejorarla, es algo que llevo tiempo queriendo hacer. De hecho, para que veas que mi página es peor de lo que piensas, porque lo que habrás visto es la de digitalicon, la cual no es realmente mía, pásate por patomas.ws y verás cómo es mi página ... ha sido así muchos años, con una u otra prueba, pero nunca mejor.
5. jamás me he burlado de nadie y jamás lo haría.
6. sobre el error que mencionas, debo decir que no es tal, es un warning y si te tomas el tiempo de analizar las cosas, incluso de mirar un poco en el foro, encontrarás un tema que he publicado 2 veces comentando lo que se ha discutido en las listas del w3c y en un bug del validador y es justamente la falta de envío de encabezados http a fin de poder enviarle el contenido y la codificación correcta. este fue el segundo. La primera vez quedó mucho mejor explicado, pero no lo encuentro ahora.

Yo no tengo problemas contigo, a pesar de que ya te has dirigido a mi de forma irrespetuoso en más de una ocasión, por no mencionar que algunos mensajes privados (uno que yo recuerde ahora mismo) no los has respondido, ni por cortesía.

Si quieres, puedes bloquearme en el foro para no ver mis mensajes. Yo, aunque quisiera, no puedo.

No creo que nadie tome las palabras que puse en mi anterior mensaje de forma tan drástica como lo has hecho, pero siempre puedo eliminar esa cita y mencionar cualquier oitra página hecha con joomla, xoops, bitweaver o el sistema que prefieras. ¿Eso haría que volvamos al tema del mensaje y que tanto tu mensaje anterior como este sean borrados para así no dañar un tema que puede resultar interesante a otras personas?. Yo creo que sería lo mejor.

De hecho, en cuanto envíe esta respuesta, borro esa cita.

Finalmente, te comento otra vez, si tienes problemas de tipo personal conmigo, el sitio para resolverlo no son temas públicos.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #12 (permalink)  
Antiguo 29/02/2008, 05:38
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años, 5 meses
Puntos: 832
Re: Logotipo y H1

Tienes razón PatomaS, discúlpame esa. A quien pueda interesar ya intercambiamos privados. Espero que mi estupidez no haya afectado el tópico y pueda seguir desarrollándose con normalidad. Cosas de momento que garantizo no se repetirán, al menos de mi parte.

Un saludo pana, y mis respetos a tu profesionalismo y calidad participativa, de los cuales he tomado bastante.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 05:33.