De nuevo por estos lares, esta vez para comentar que ya he empezado a desarrollar en gran medida lo que en un futuro será mi web.
Lo primero, he reorganizado la estructura de directorios y los archivos, porque ya empieza a haber algo más que un html y su css cutre. Ahora cada cosa esta en su sitio, con una carpeta para los CSS, otra para los Javascript, otra para las imagenes, y cuando incluya contenido habrá otra para las secciones y sucesivas entradas que vaya haciendo. El tema del contenido no me preocupa de momento ya que por la temática de la web debería estar actualizándose con cierta frecuencia.
Respecto a los dos estilos, como ya dije en la entrada anterior, he basado cada estilo en función de una paleta de colores seleccionada mediante kuler a partir de una imagen. La principal diferencia entre estos dos estilos es, por supuesto, el color, ya que es lo que más choca al cambiar de uno a otro. Pero voy a cambiar bastantes cosas más.
En el estilo con los colores más oscuros, mi idea es introducir la imagen que tengo de portada en el div de la izquierda, con el menú a las distintas secciones. PERO, todavía no he conseguido ajustar el tamaño de una imagen al de una div, por lo menos no en este caso que el div es escalable, por lo que seguramente tenga que utilizar medidas fijas para este estilo. De momento queda esbozado, con el div principal y otro a la izquierda, dónde de momento están el enlace a este mi blog y el conmutador de estilos.
En el otro estilo, tengo un menú horizontal en la parte superior izquierda, con los enlaces a distintas secciones. Al pasar el ratón sobre cada uno de ellos (hover) aparece un icono ilustrativo. Mi idea es que estos enlaces los pienso usar no como enlaces sino, mediante livequery, para que simplemente cargue el contenido de la sección en el div principal (en este caso a la izquierda). En el div de la derecha me pasa lo mismo que con el otro estilo, todavía no puedo poner la imagen que tengo pensada, de todas formas ya la tengo en el directorio de las imágenes (img).
Respecto a los scripts, he utilizado uno para redondear algunos divs, y desde luego otro para el conmutador de estilo. El del conmutador de estilo es más complicado ya que tiene en cuenta que debe mantener el último estilo aún cuando se cierre la página. Esto lo consigo con una cookie.
Y por último, y ya que este es mi blog, termino dando mi opinión:
-Lo cierto es que me hubiese gustado haber avanzado algo más para esta entrega, pero me está gustando el aspecto que va tomando (poco a poco a mi pesar) la web, y si sigo inspirado creo que puede quedar bastante bonita al final.
¡Ah! y por supuesto, un pantallazo de como va quedando cada estilo, para ir "abriendo boca" XD
viernes, 25 de noviembre de 2011
jueves, 3 de noviembre de 2011
Selección de la paleta de colores para la web
Como ya dice el título, esta vez me voy a dedicar a elegir los colores para cada uno de los dos estilos que va a tener la web.
En primer lugar, he decidido los colores a partir de la foto de la portada, utilizando kuler.
Como resultado he obtenido la siguiente paleta:
La idea que tengo (o por lo menos de momento) es hacer dos estilos algo así como "noche" y "día", por lo que utilizaré los 3 colores de la izquierda para el estilo oscuro y los dos de la derecha para el estilo más claro.
De cara a crear contrastes, he decidio utilizar el verde que aparece en la falda de la chica:
Y para las partes con el fondo más oscuro, también usaré el mismo que usé para la lista de secciones:
En primer lugar, he decidido los colores a partir de la foto de la portada, utilizando kuler.
Como resultado he obtenido la siguiente paleta:
La idea que tengo (o por lo menos de momento) es hacer dos estilos algo así como "noche" y "día", por lo que utilizaré los 3 colores de la izquierda para el estilo oscuro y los dos de la derecha para el estilo más claro.
De cara a crear contrastes, he decidio utilizar el verde que aparece en la falda de la chica:
Y para las partes con el fondo más oscuro, también usaré el mismo que usé para la lista de secciones:
Suscribirse a:
Entradas (Atom)





