Xitrus está alojado en:
El tema que trataré en esta segunda parte será el del diseño y como tenemos que llevarlo a cabo de la forma más adecuada para que perdure joven unos cuantos años, ya que las tendencias cambian mucho.
Primero tenemos que crear el diseño correctamente, pensándolo todo y teniendo claro todo lo que haremos y después tenemos que llevarlo a cabo (esta seria la forma correcta).
El diseño es la parte más importante de una web a primera vista, incluso por encima del contenido, ya que vemos primero la parte visual y después lo que nos quieren transmitir, por eso debemos de cuidar mucho nuestro diseño y hacerlo útil, agradable y moderno.
Un aspecto que tenemos que tener en cuenta cuando estamos creando el diseño es que tiene que ser todo lo más fácil posible (por ejemplo: que no hayan cosas muy estrechas que nos sean difíciles de pulsar).
Antes de empezar el diseño de Xitrus mire muchísimas páginas webs con diseños innovadores, sobre todo buscando diseños como "impresos", con texturas y con colores marrones y ocres en general.
A partir de todo lo visto busqué algo que me inspirase para empezar (que es muy útil cuando no tienes claro el diseño, y a partir de esa inspiración hacerlo todo), y en mi caso fue el logotipo, que lo cree varios días antes de empezar con el diseño para pensarlo bien todo.
El maquetado no solo se basa en escribir el código HTML y CSS, sino en replanificarlo y distribuir los nombres de cada cosa (por ejemplo escribiéndolo en una hoja como referencia para crear la web).
Tampoco en necesario involucrar en esta fase temas de programación, ya que hay que crear muchas cosas antes de hacer que la web funcione, como donde irán los menús, como funcionará el diseño de los botones y demás.
Después de prepararnos para crear lo que sería el diseño pero en HTML y CSS podemos empezar escogiendo todo el contenido que hemos creado en la fase de diseño (imágenes, logotipos, degradados...) y meterlos en una carpeta para mantener todo bien organizado y posteriormente ir creando todo el código.
En la fase de maquetación tuve que poner en marcha el diseño, que a veces cuando hacemos o pensamos el diseño resulta fácil, pero para hacer que se adapte todo bien hay que probarlo y refinarlo mucho, por ejemplo en el contenedor principal donde está todo el contenido, el texto se adapta a la etiqueta que baja desde la cabecera de la página y también con la barra de la derecha (la de color gris colgada, medio torcida y pegada con un cacho de celo) lo que crea un efecto de página responsiva (o adaptable a distintos tamaños de pantalla, podéis probarlo haciendo la ventana más pequeñas y veréis como se adapta el contenido entre la tira de la derecha y la de la izquierda.
Xitrus está alojado en:
