Konsiletoj por krei bildan mapon kun Dreamweaver

La avantaĝoj kaj malavantaĝoj uzi bildajn mapojn

Estis punkto en la historio de dezajno retejo kie multaj retejoj uzis trajton konatan kiel "bildaj mapoj". Jen listo de koordinatoj kunigitaj al specifa bildo sur paĝo. Ĉi tiuj koordinatoj kreas hiperligajn areojn sur tiu bildo, esence aldonante "varmajn lokojn" al grafikaĵo, ĉiu el kiuj povas esti kodita por ligi al malsamaj lokoj. Ĉi tio estas multe pli malsama ol nur aldonante ligilon al bildo, kio kaŭzus ke la tuta grafikaĵo fariĝos unu granda ligo al unu sola celloko.

Ekzemploj - imagu havi grafikan dosieron kun bildo de Usono. Se vi volus, ke ĉiu ŝtato estu "klaksebla" do ili iru al paĝoj pri tiu specifa stato, vi povus fari ĉi tion kun bildo de bildo. Simile, se vi havis bildon de muzika bando, vi povus uzi bildan bildon por ke ĉiu membro mem estu klakebla al posta paĝo pri tiu grupo-membro.

Ĉu bildaj mapoj sonas utila? Ili certe estis, sed ili malhelpis la hodiaŭan Retejon. Ĉi tio estas, almenaŭ parte, ĉar bildaj mapoj postulas specifajn koordinatojn por labori. Lokoj hodiaŭ estas konstruitaj por esti respondemaj kaj bildaj skalo bazitaj sur la grandeco de ekrano aŭ aparato. Ĉi tio signifas, ke antaŭordigitaj koordinatoj, kiel bildoj de bildoj funkcias, falas aparte, kiam retejo skaloj kaj bildoj ŝanĝiĝas. Jen kial bildaj mapoj malofte uzas en produktadaj ejoj hodiaŭ, sed ili ankoraŭ havas avantaĝojn por donoj aŭ ekzemploj, kie vi devigas la grandecon de paĝo.

Ĉu vi volas scii krei bildan bildon, specife kiel fari tion kun Dreamweaver? . La procezo ne estas speciale malfacila, sed ankaŭ ne facile, do vi havu iun sperton antaŭ ol vi komenciĝos.

Komencante

Komencu. La unua paŝo, kiun vi devas preni estas aldoni bildon al via retpaĝo. Vi tiam klakos sur la bildo por reliefigi ĝin. De tie, vi devas iri al la propraĵoj menuo (kaj alklaku unu el la tri hotspot-desegnaj iloj: rektangulo, cirklo aŭ plurangulo. Ne forgesu nomi vian bildon, kiun vi povas fari en la nemoveblaĵo. ĉion ajn vi volas. Uzu "mapo" kiel ekzemplo.

Nun, desegni la formon, kiun vi volas sur via bildo, uzante unu el ĉi tiuj iloj. Se vi bezonas rektangulajn makulojn, uzu la rektanĝon. Sama por la cirklo. Se vi deziras pli kompleksajn hotspotformojn, uzu la plurangulon. Ĉi tio vi verŝajne uzos en la ekzemplo de la usona mapo, ĉar la plurangulo ebligos al vi faligi punktojn kaj krei tre kompleksajn kaj malregulajn formojn sur la bildo

En la fenestraĵoj por la hotspot, tajpu aŭ foliumu al la paĝo, al kiu la hotspot devus ligi. Jen kio kreas tiun ligan areon. Daŭrigu aldonajn makulojn ĝis via mapo estas kompleta kaj ĉiuj ligiloj vi volas aldoni.

Fojo farita, rigardu vian bildan mapon en retumilo por certigi, ke ĝi funkcias ĝuste. Alklaku ĉiun ligilon por certigi, ke ĝi iras al la ĝusta rimedo aŭ retpaĝaro.

Malavantaĝoj de Bildaj Mapoj

Denove, konsciu, ke bildaj mapoj havas plurajn konsilojn, eĉ ekster la menciita manko de subteno kun respondaj retejoj. Abeloj, malgrandaj detaloj povas esti obskuritaj en bildo de bildo. Ekzemple, geografiaj bildaj mapoj povas helpi por determini kiun kontinento uzas de uzanto, sed ĉi tiuj mapoj ne povas esti sufiĉe detala por indiki la landon de la uzanto. Ĉi tio signifas, ke bildo de bildo povas helpi determini ĉu uzanto estas el Azio, sed ne de Kamboĝo en aparta.

Bildaj mapoj ankaŭ povas ŝarĝi malrapide. Ili ne devus esti uzataj multfoje en retejo ĉar ili okupas tro multe da spaco por esti uzata en ĉiu paĝo de retejo. Tro multe da bildaj mapoj en unuopa paĝo kreus seriozan bukon kaj amasan efikon sur reteja agado .

Fine, bildaj mapoj ne povas esti facile por uzantoj kun vidaj problemoj aliri. Se vi uzis bildajn mapojn, vi ankaŭ devus krei alian navigacion-sistemon por ĉi tiuj uzantoj kiel alternativon.

Fundo Linio

Mi uzas bildajn mapojn de tempo al tempo kiam mi provas kunmeti rapidan demo de dezajno kaj kiel ĝi funkcias. Ekzemple, mi eble mokos dezajnon por poŝtelefono kaj mi volas uzi bildajn mapojn por krei hotspots por simuli la interagadon de la programo. Ĉi tio multe pli facilas ol kodi la appon, aŭ eĉ konstrui manikajn retpaĝojn konstruitajn al aktualaj normoj kun HTML kaj CSS. En ĉi tiu specifa ekzemplo, kaj ĉar mi scias, kian mekanismon mi pruvos la dezajnon kaj povas grimpi la kodon al tiu aparato, bildo de bildoj funkcias, sed meti ilin en produktad-ejon aŭ aplikaĵon estas tre malfacila kaj eble verŝajne evitas la hodiaŭan tagon. retejoj.

Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 9/7/17.