|
cargando... |
|
cargando... |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Puedes guardar las imágenes en tu PC con el botón derecho del ratón y seleccionar "Guardar imagen como" Las imágenes de color rojo puede que sean un poco pequeñas pero las podéis crear vosotros a vuestro gusto. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Este ejemplo está creado en una tabla al 100% en el ancho.
Se adapta a cualquier tipo de resolución pero el inconveniente es que se deforma el contenido.
Si mantienes pulsado el puntero en el borde o lateral de la ventana y modificas su anchura lo podrás comprobar.
Por este motivo hemos creado los demás ejemplos con un tamaño de 770 Píxeles que
nos servirá para los dos tipos de resoluciones más usadas (hasta el momento) que son
la de 1024X768 y la de 800X600 además de usar un estilo de página para que el
tamaño de la fuente no cambie.
 |
Texto de cabecera o Banner
Agregar a favoritos Página de inicio Principal E-Mail Foro Mapa Web |
 |
|||||||||||||
|
|||||||||||||||
Este tamaño es con el que trabajaremos los ejemplos que nos servirá para los dos
tipos de resoluciones más usadas (hasta el momento)
que son la de 1024X768 y la de 800X600
|
Texto de cabecera o Banner
Agregar a favoritos Página de inicio Principal E-Mail Foro Mapa Web |
|
|||||||||||||
|
|||||||||||||||
Aquí le hemos
añadido una columna para insertar publicidad o temas que queramos que
destaquen...
|
Texto de cabecera
|
Texto 1
|
Texto 2
|
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||||||
En esta hemos añadido una imagen de remate en la parte superior de dicha columna
de publicidad y unos botones que harán más atractiva la página.
Los detalles, en ocasiones, son muy importantes para
definir un buen acabado o estilo.
|
Texto de cabecera o Banner
Agregar a favoritos Página de inicio Principal E-Mail Foro Mapa Web |
|
||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||
Aquí le hemos añadido un banner de publicidad y columnas con bordes para destacar
la información que nos interese más.
|
Texto de cabecera
|
|
|||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||
Aquí le hemos
puesto el banner en la parte superior y el texto de título de la página debajo.
|
Texto de cabecera |
|
|||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||
Aquí le hemos
añadido unos fondos a las celdas.
|
Texto de cabecera |
|
|||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||
Aquí le hemos añadido unos botones para enlaces que destaquen sobre
los demás y para que la página tenga más vista, más
atractiva...
|
Texto de cabecera |
|
|||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||
Y por último, hemos mejorado los vínculos de la barra de navegación acoplándoles
una pequeña imagen junto a los vínculos...
|
Texto de cabecera |
|
||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||
|
Como habréis comprobado, hemos ido añadiendo pequeñas imágenes y recuadros que van haciendo más atractivas nuestras páginas, o al menos eso pensamos nosotros...
Espero que estos ejemplos os puedan dar ideas de como poder crear templates con unas cuantas imágenes, colorido y distribución del contenido.
Tened en cuenta que ponerles colorido a las páginas es bueno pero siempre con armonía y que no llegue a ser cargante. |
