Dream Weaver

Primer hem de portar totes le imatges que adjuntarem al document a "Documents" i a la carpeta "_web", per així crear el sitio al DreamWeaver. Després d'haver posat tot el text a la seva cel·la corresponent, hi posarem els enllaços adients, per així poder obrir informació de la zona que hagim posat l'enllaç.
Anem a la imatge del mapamundi a color inicial, la seleccionem, i anema a "Zona interactiva poligonal". Acte seguit reseguim amb aquesta eina les diferents zones. Havent fet això, seleccionarem, per exemple, la regió 1, després anirem a la Regió 1, i anem a "Seleccionar archivo", i arroseguem el ratolí fins a l'ancla que hem posat a la Regió 1. Amb això conseguirem que cada cop que anem a la pàgina web i hi seleccionem una zona del mapamundi inicial, ens portarà directament a la regió corresponent.

Després d'haver fet tot això, hi adjuntarem les imatges, per fer aquest procediment, seguirem una série d'instruccions:
1- Adjuntarem la imatge amb el background, que serveix perquè l'imatge no ocupi espai i es pugui posar una altre a sobre.
2- Obrirem la imatge principal, la del mapamundi, al Photoshop. Només deixarem el color d'una regió, com ara la 1, i anirem a "Ventana" i seleccionarem "Animaciones", per fer un gif
3- Anem a "Guardar para web y dispositivos", i la guardem en .gif, perquè és el mode que menys pesa i adient per a una animació
4- Quan ja hagim fet l'anterior procediment en totes les regions, guardarem les imatges animades a la carpeta que vam crear a documents a la carpeta _web, on tenim les imatges del mapamundi en color i en gris
5- Anem al DreamWeaver, a sitios, i l'actualitzem. Aleshores veurem les imatges animades. Les arrosseguem a la imatge del amapamundi gris, ja amb el background, de la regió corresponent

Aquó us deixo l'enllaç de l'aquesta pàgina web:
file:///Users/agm2/Desktop/m2m8uf302.html