|
|
|
Ahora comenzaremos a revisar cada imagen que debe llevar el diseño, asumo que ya descargaron estas imágenes y las tienen en vuestros PC para apreciarlas en tamaño real.
Es muy importante, recuerden, respetar los tamaños de cada imagen que crearán, he antecedido un número a cada una de estas imágenes, esto dado que en los códigos css van en ese mismo orden.
Revisamos ahora las primeras cinco imágenes con sus respectivas medidas y funciones dentro del diseño, también colocaré el link de cada imagen
Nota: te recomiendo ir guardando las imágenes en tu ordenador para utilizarlas con posterioridad y tenerlas a mano ante posibles dudas, sobretodo en las medidas que estas deben llevar, cada imagen está alojada en PWG
Descripción de Imágenes
01 Fondo Web (1024 X 768)
Esta imagen corresponde al fondo utilizado en nuestro diseño, al menos en estos códigos css te recomiendo que sean de ese tamaño (1024 x 768) para que salga una sola imagen de fondo y no en mosaico. Muy importante es seleccionar un fondo que no tape la autopublicidad de PWG, el ocultarla es causal de baja inmediata sin previo aviso.
Pincha el link de la imagen
02 Cabezal (984 X 250)
Esta imagen corresponde al cabezal. Recuerda usar solo formatos permitidos por PWG para crear uno, respetando las medidas obviamente, esto dado que las imágenes las puedes subir, por razones de velocidad y seguridad a PWG, los servidores externos podrían fallar y sería muy perjudicial para el diseño. El formato que yo uso para el cabezal es el .png, en este ejemplo es con formato .gif
Pincha el link de la imagen
03 Botón 1 (183 X 33)
Esta imagen corresponde a la de los botones que se aprecian en el menu cuando ingresamos a ver el diseño de nuestra web, en lo posible que no sean muy animados, más bien estáticos, dependiendo de lo que quieras mostrar en tu trabajo del sitio web.
Pincha el link de la imagen
04 Botón 2 (183 X 33)
Esta imagen representa también a los botones del menu, la diferencia es que están ocultos y solo aparecen cuando pasas el ratón por encima de ellos y reemplazan al botón 1, aquí entonces podrías crear un botón distinto al primero para darle un gran efecto y lucirte ante tus visitantes, no olvidando tener cuidado de no tapar el color de texto que seleccionaste para mostrar el Menu, por ejemplo si el botón es negro, los textos no pueden ser del mismo color.
Pincha el link de la imagen
05 Fondo Box (228 X 1000)
Como se aprecia en la imagen, esta corresponde al fondo que le daremos a nuestras cajas (box), siempre debes elegir un color adecuado al diseño que estás creando, este no es el tamaño real de la imagen, por cierto no olvides respetar las medidas.
Pincha el link de la imagen
|
|
|
|
|
|
|
|
|
|
|
|