Hablando de diseño, me gusta mucho más el que estaba en flash. En ese caso sería mejor agrandar el layout y permitir obtener una vista ampliada de las imágenes; ya que esa, en parte, es la información que se desea presentar. Ese mismo diseño en flash lo puedes lograr con xhtml y css.
El diseño actual tampoco está mal y vas por buen camino; aunque, igualmente, hay que mejorar algunos aspectos. La página es navegable y fácil de usar, falta diseño. Podrías resaltar, por ejemplo, el menu del panel izquierdo un poco más, porque de esa manera se ve escondido; lo lograrías incrementándoles el height a cada uno de los elementos de la lista y resaltando con otros colores y fuentes que vayan con el estilo de la página.
El fondo chilla con el otro que ya presentas en el contenido principal. Te sugiero utilizar sólo un diseño y si te decides por los dos, trata de que el otro sea muy tenue. Te recomiendo aplicarle un borde o una sombrita al layout principal para que marque sus límites con el fondo de la página.
Podrías agrandar un poco la fuente a 12px para que la página sea más legible y a la vez, también no sería mala idea, agregarle un padding al div contenedor del texto, así éste (el texto) no se vería tan pegado a los bordes (en otras palabras, agregarle un márgen).
Algo que me parece muy importante es el header. Es muy simple y poco llamativo a comparación con todo lo demás que muestras en la página. Se vería mucho mejor si lo agrandaras un poco y, por qué no, agregarle algúnas imágenes (que no impidan o dificulten la lectura del título) de las propiedades que se desean alquilar.
Veo que el header está hecho en flash, mejor presentar una imágen. Nisiquiera una imágen, un fondo. Me explico: En esa sección, donde está ubicado el header, podrías localizar un div y a éste aplicarle la imagén, de la cual te hablo en el párrafo anterior, como fondo; esto lo haces con la propiedad background (es sólo por si no lo sabías o no entendías la idea que te estaba presentando)
Código :
#header {
background: url("ruta_de_la_imagen") no-repeat;
}
Una vez hecho eso, dentro de ese div, podrías meter un elemento h1 y ahí escribir el título, así
Código :
<div id="header">
<h1>Aguas verdes... ...Punto límite</h1>
</div>
Luego anexas esto a tu hoja de estilos:
Código :
#header h1 {
display: none;
}
Así se verá la imagen de fondo y el título escrito dentro de h1 no será visto.
¿Por qué te digo esto? Ya que en el post dices que la página no se indexaba como se pensaba y si se quiere mejorar en ese aspecto, el título debe estar disponible para que los motores de búsqueda lo indexen y sobre todo dentro de unas etiquetas h1. En última instancia si te decides por sólo una imágen (o unas), no se te olvide utilizar el atributo alt, ya que éste sería la única fuente para que un motor de busqueda pueda saber de lo que se trata.
También puedes quedarte con el header el flash (anímalo por lo menos) y localiza en alguna parte del código html (preferiblemente en la parte superior) el título para que pueda ser indexado. Con el elemento <title>, aunque muy importante, no es suficiente.
elfleat escribió:
Es legal incrustar en etiquetas "no script" el contenido que tengas en tu web en flash para los buscadores en el html....
o.O
Aja, y no sólo con noscript. Con muchas otras se puede lograr el mismo efecto.
Escrito el 28 Jun 2007 06:19 pm
