ubiquitour.com

Cómo crear un sitio web de una imagen fija

Para crear un sitio web de una imagen fija, puede utilizar mapas de imagen a través de la superficie de la gráfica de su sitio Web. Un mapa de imagen es un área en la página web designada como un "punto caliente". Los visitantes haga clic para acceder a la página siguiente en su sitio. Porque una imagen fija que llena una página web es probable que sea grande y lento para cargar en el navegador, también tienes que cortar la imagen en secciones para optimizar la velocidad de tu sitio Web.

Instrucciones

Cortar la imagen

1 Abra sus software de edición de gráficos. El ejemplo mostrado aquí utiliza Adobe Fireworks, un uso gráfico diseñado específicamente para trabajar con gráficos web.

2 Abre la imagen que desea utilizar para su sitio web y cambiar el tamaño a las dimensiones que necesita. En Fireworks, el comando para cambiar el tamaño de una imagen se encuentra bajo el mando de lienzo en el menú modificar.

3

Utilice la herramienta de texto en su programa de gráficos para añadir etiquetas o un título de página web a la imagen para que los visitantes sepan que haga clic en si no es evidente de la imagen.

4Cómo crear un sitio web de una imagen fija

Utilice la herramienta de corte en su caja de herramientas de software de gráficos para dividir la imagen en secciones más pequeñas. En Fireworks, esto se hace haciendo clic y arrastrando la herramienta de corte para marcar las áreas en figuras geométricas: rectangulares predeterminada.

5 Mantenga las áreas que se desean estar activo como rebanadas solo el mapa de imagen no tiene que ir a través de múltiples sectores para crear un hot spot.

6 Haga doble clic en la etiqueta de la rebanada y cámbiele el nombre si su programa de gráficos de la web te da la posibilidad de etiquetar sus rebanadas. En fuegos artificiales, las etiquetas están en la paleta capa de Web en el lado derecho de la pantalla. Etiquetas ayuda identificar las diferentes rodajas si ver el código HTML de su página web más adelante y necesita modificar algo.

7Cómo crear un sitio web de una imagen fija

Crear suficiente rodajas para cubrir todo el gráfico.

8Cómo crear un sitio web de una imagen fija

Guarde el archivo, luego exportarlo, utilizando el menú archivo. Seleccione HTML e imágenes en la pantalla de exportación si está usando Adobe Fireworks. Esto crea una página web con código HTML para armar tus rebanadas de nuevo en una sola imagen en la página web.

Añadir los mapas de imagen

9Cómo crear un sitio web de una imagen fija

Abra la página web exportada con tus láminas en una web editar herramienta como Dreamweaver de Adobe. Usted notará que su imagen ha sido elaborado nuevamente por las tablas sin bordes si utiliza Fireworks para exportar las rebanadas.

10Cómo crear un sitio web de una imagen fija

Añadir mapas de imagen en la página web utilizando la herramienta mapa de imagen en tu web, software de edición. Si utiliza Adobe Dreamweaver, la herramienta de mapa de imagen se encuentra en la barra de herramientas de elementos comunes bajo el comando de insertar imagen, que es un menú desplegable.

11Cómo crear un sitio web de una imagen fija

Introduzca la dirección de la página web que el visitante se haga clic en el punto caliente, generalmente otra página en su sitio Web.

12 Seguir añadiendo imagen mapa puntos hasta que tenga todas las áreas de cobertura de la imagen que desea ser clickable.

13 Guardar los cambios de página web, luego subir a la página web y los archivos gráficos asociados (rodajas) a su servidor web. Utilice un navegador web para probar su página y ver cómo funcionan los puntos calientes.