più collegamenti su una sola immagine

[bugbear]

ciao a tutti ragazzi!!
scusate se non mi sono presentato ma non ho trrovato la sezione...
cmq mi chiamo michele e sono felice di fare parte di questo magnifico forum interessantissimo su molti punti di vista!!

ho visto su molti siti
che sulle immagini in .gif o .jpg ci sono sormontate altre immagini, io vorrei fare un sito che su un unica
immagine gliene metto altre e vorrei creare dei collegameti su di esse, sò che è possibile perchè con expression web ho importato il sito ed è fatto così.. ma non so proprio come fare... perfavore è urgente se non capite qualcosa fatemelo sapere.

grazie in anticipo!! ciauZZ!!

[cyberman]

Originariamente inviato da bugbear


ho visto su molti siti
che sulle immagini in .gif o .jpg ci sono sormontate altre immagini, io vorrei fare un sito che su un unica immagine gliene metto altre e vorrei creare dei collegameti su di esse,

magari posta un esempio perché la domanda non è proprio cristallina
posta l'indirizzo di uno dei siti che hai visto così capiamo qualcosa

[bugbear]

ok.

nel immagine si vede una tabella con delle immagini sopra, è un immagine in jpg, se esporto l'intero sito web sulle immagini cè un collegamento, io vorrei fare lostesso con un altro sito,
come ha fatto a fare quel lavoro? che strumento ha usato?

[[P i X A R] 3D]

Originariamente inviato da bugbear
ok.

nel immagine si vede una tabella con delle immagini sopra, è un immagine in jpg, se esporto l'intero sito web sulle immagini cè un collegamento, io vorrei fare lostesso con un altro sito,
come ha fatto a fare quel lavoro? che strumento ha usato?

La tabella, è lo sfondo "background-image" mentre le immagini con hyperLink sono inserite come oggetto image.

Non so se è fatta con CSS o Tabelle e HTML, comunque ad ogni imagine che inserisci , come ad ogni parola, puoi associare un link.

Tu che conoscenze hai di HTML e CSS?

Ti consiglio di dare una studiata a questi tutorial di base, così molti aspetti di ciò che vedi visualizzato sul browser in rete ti appariranno più chiari:

GUIDA HTML di base
GUIDA XHtml
GUIDA CSS di base

Esistono anche degli editor visuali, con i quali chi non ha esperienza di codice può realizzare siti, appunto non sono molto efficaci e i risultati non proprio dei migliori.
Naturalmente dipende dal progetto che una persona ha in mente e dalle aspettative, che uno ha sul progetto.
Editor visuali HTML

Ciao e buona lettura

[bugbear]

di html non sò tantissimo anche perchè expression web fa quasi tutto da solo e di css non ne so nulla...

cmq dici che ha usato programmi specifici?

grazie per i link...

[[P i X A R] 3D]

Originariamente inviato da bugbear
di html non sò tantissimo anche perchè expression web fa quasi tutto da solo e di css non ne so nulla...

cmq dici che ha usato programmi specifici?

grazie per i link...

Secondo me ha usato un banale editor di testo, se mostrassi il codice di quella pagina, potrebbe essere una tabella HTML con dentro immagini linkate

[bugbear]

si giusto... faccio che lincarti il sito esempio...

http://www.unmilionedidollari.it/

io vorrei fare lostesso, però mettendoci dei braccialetti e altre cose che fa la mia fidanzata...

vedi se si può capire dal sorgente pagina, sembra fatto in html...

[LineaPixel]

  [img]img/grid.jpg[/img] 
  <map name="Map">
    <area shape="rect" coords="671,179,723,230" href="http://www.barramunuds.net" target="_blank" alt="MUnUds - soluzioni di comunicazione multimediali">
    <area shape="rect" coords="959,10,991,51" href="http://www.danieleneve.it" target="_blank" alt="EGG - Consulenza Comunicativa">
    <area shape="rect" coords="41,300,151,332" href="http://www.lineaviola.com" target="_blank" alt="Linea Viola">
    <area shape="rect" coords="540,70,630,101" href="http://www.dispariedispari.org" target="_blank" alt="Dispari &amp; Dispari Project">
    <area shape="rect" coords="401,230,441,261" href="http://www.toparte.it" target="_blank" alt="TopArte - Incontri artistici">
    <area shape="rect" coords="780,80,861,122" href="http://www.chiaraleonte.com" target="_blank" alt="Chiaraleonte - handmade artworks - shop on line">
    <area shape="rect" coords="661,591,712,691" href="http://www.centaura.org" target="_blank" alt="Centaura Associazione Sportiva">

    <area shape="rect" coords="169,440,221,491" href="http://www.softwaredelta.com" target="_blank" alt="Software Delta">
    <area shape="rect" coords="730,430,773,472" href="http://www.albergoconteverde.it" target="_blank" alt="Hotel Conte Verde">
    <area shape="rect" coords="271,330,313,372" href="http://www.cittaarchitettura.it" target="_blank" alt="Cittaarchitettura - studio di architettura">
    <area shape="poly" coords="679,330,678,290,692,290,691,300,721,300,722,330" href="http://www.byblosartgallery.it" target="_blank" alt="Byblos Art Gallery">
    <area shape="rect" coords="489,549,542,601" href="http://www.castagnettiec.it" target="_blank" alt="Castagnetti e C - Mondo Etnico">
    <area shape="rect" coords="30,369,90,422" href="http://www.fuoristrada4x4uisp.it/tte" target="_blank" alt="Trofeo Tosco-Emiliano 4x4 velocit&agrave; fuoristrada">
    <area shape="rect" coords="551,461,592,503" href="http://www.maestrinarte.com" target="_blank" alt="Carlo Maestri - fotografo">
    <area shape="rect" coords="938,490,980,540" href="http://www.barramundus.it" target="_blank" alt="bArrAmunDus - Il portale dedicato alla comunicazione">
    <area shape="rect" coords="129,62,200,132" href="http://www.sarconegroup.it" target="_blank" alt="Sarcone Group - Costruzioni Edili">

    <area shape="rect" coords="121,670,181,721" href="http://www.vrmotors.it" target="_blank" alt="VR Motors - Show room auto sportive nuove ed usate">
    <area shape="rect" coords="808,800,901,832" href="http://www.mecsport.it" target="_blank" alt="MeC Sport - OMP official dealer">
    <area shape="poly" coords="322,860,360,860,360,870,369,870,370,929,310,929,311,891,320,890" href="http://www.aprisacco.it" target="_blank" alt="L'APRISACCO - l'attrezzo per la raccolta delle foglie in giardino">
    <area shape="rect" coords="280,700,372,791" href="http://stores.lulu.com/d4vide" target="_blank" alt="Tutti i sogni che abbiamo imparato">
  </map>

Semplice mappatura dell'immagine con tag html.
Dreamweaver di certo lo fa con facilità, altri software non so perchè è una pratica a cui sono contro

[bugbear]

e con Dreamweaver dici che lo mappa automaticamente o me lo devo riscrivere io?

cmq grazie mi sei stato di grande aiuto!!

[LineaPixel]

Se non ricordo male c'è uno strumento apposta con cui definisci delle aree cliccabili sopra l'immagine.
Il principio è:
- crei l'immagine totale
- crei la pagina web e inserisci l'immagine che hai creato
- definisci delle aree cliccabili in corrispondenza degli elementi della tua immagine