Marcador (Arrastra con el ratón)
Este código os vale para mostrar, Gráficos,
Fotos, Trabajos, Tutoriales, etc
Abrimos en el
frontpage la base1.htm que tenemos guardada
En el zip
de materiales van dos códigos, es uno mismo
partido en dos
Primera parte del código, en vista código, pegar entre
<head> y </head>
Por ejemplo: debajo del titulo
( Ojo, pegar los códigos en este orden, o de lo contrario os
dará error,
un error que a veces os obliga a cerrarlo todo )
Vamos a vista diseño, ponemos el cursor
centrado y creamos una tabla
Tabla / insertar tabla
Tendremos esto
Segunda parte del código, debe ir pegada dentro del body, esta tabla que
hemos creado esta dentro de el, por tanto si ponemos el cursor en la fila
del centro y centrado, solo tendremos que ir a vista código y donde parpadea
el cursor, veréis este espacio en su lugar pegamos la segunda parte
del código
Vamos a vista diseño y veremos esto
Ahora si vamos a vista previa, veremos esto, al
pasar el ratón por cada miniatura, se abrirá la imagen grande, de momento se
vera así hasta que pongamos las URL
de nuestras imágenes
Lo guardamos como
basealbum.htm, así podremos
usarlo tantas veces como queramos
Ahora tenemos que personalizarlo, tenemos que
tener dos imágenes del mismo grafico una mini, y otra grande,
subidas al photobucket, para poder tener su
URL,
La mini la pegamos en la segunda parte del
código,
La grande en la primera parte del código,
este código ya esta preparado para meter las
URL y cambiar colores, ahora
lo explico por partes, os digo como lo hago yo
me voy a centrar en las tres primeras, para el resto es lo mismo, vosotros
ya completáis
(Lo bonito es que todas las miniaturas tengan el mismo tamaño, las grandes
también)
Yo he tomado estas imágenes de mis trabajos para el ejemplo, ya las tenia
hechas, así que las abro en el paint shop pro y modifico tamaños, el tamaño
original era de 650 x 450
he redimensionado las minis a 160 de ancho y me da un alto de 111
(estas medidas son las importantes)
ya que las miniaturas van metidas en celdas de
ahí su importancia a que se vean todas iguales
las grandes a 500 de ancho y me da un alto de 346
aquí no importa tanto la medida, si se puede poner iguales mejor, pero lo
importante es que no sean demasiado grandes.
Al redimensionar pierden nitidez, así que les doy acentuar
En la misma carpeta de vuestra Web, crear otra que sea para fotos de
álbum, yo lo tengo así
Ya tenemos nuestras imágenes preparadas , las guardamos, empezamos por 0, yo las guardo
así
|
f-0grand
f-0mini
f-1grand
f-1mini
f-2grand
f-2mini
|
las subimos al
photobucket
Copiamos la
URL de la imagen f-0mini,
seleccionamos el primer cuadrado picando encima de el
Vamos a vista código y veremos la
x
seleccionada, en su lugar pegamos la
URL de nuestra miniatura
Estas son las partes que se modifican
Vamos a la parte alta del código, copiamos la
URL, de la imagen grande,
f-0grand
donde están las
xx es donde va la
URL de vuestra imagen grande
Estas son las partes que se modifican
Lo que señalo en verde es la parte a copiar y
volver a pegar en la fila de mas abajo en caso de querer agregar mas
cambiando el numero en caso de agregar mas, de momento este dato es solo
información,
ya que el código va preparado para poner 15 grafico o imágenes, la fila de
las tres ultimas tienen diferente tamaño,
eso da igual ya que vosotros, adaptareis este código a las vuestras
Todo este proceso tenemos que
hacerlo para cada recuadro, me refiero a una vez pegado las dos partes del
código
las modificaciones de copiar URL,
colores etc
No olvidéis cambiar el color del
borde de la celda del texto, en propiedades de celda
( SI NO QUERÉIS PONER TEXTO O TÍTULO, PODÉIS BORRAR LA
CELDA CON EL BORRADOR )
Cuando este todo completado
guardamos esta pagina, le damos el nombre acorde con lo que hayamos metido
Por ejemplo: si son fotos, lo llamamos
fotos.htm
si lo que queremos mostrar son trabajos, se puede llamar,
galeria.htm
Subimos la pagina al dominio,
para después enlazarla a nuestro menu
Vista general
AQUI
Ver en
GALERIA
