Ancoraggio Creazione e collegamento in Adobe CS5 Dreamweaver - dummy

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver supporta la creazione di ancore sulla tua pagina web. Ancore sono un collegamento a una sezione specifica di una pagina, nella stessa pagina del collegamento o in un'altra pagina. Probabilmente hai visto e usato gli ancoraggi, ad esempio, quando fai clic su un pulsante Torna all'inizio. Le ancore sono estremamente utili per gli spettatori e dovrebbero essere implementate ogni volta che è possibile.

Per creare un semplice ancoraggio in Dreamweaver, attenersi alla seguente procedura:

1. Inserisci il cursore in una posizione sulla pagina a cui vuoi collegarti.

   L'ancoraggio può essere posizionato prima di una riga di testo o sulla propria linea.

2. Fare clic sul pulsante Ancoraggio con nome nella categoria Comune del pannello Inserisci.

   Puoi evitare di fare clic sul pulsante Ancora utilizzando la scorciatoia da tastiera Ctrl + Alt + A (Windows) o Comando + Opzione + A (Mac).

3. Digitare un nome breve pertinente al contenuto o alla posizione sulla pagina (ad esempio, TopOfPage).

   Le ancore fanno distinzione tra maiuscole e minuscole, quindi tienilo a mente quando decidi un nome.

4. Fare clic su OK.

   Il nuovo ancoraggio appare nella tua pagina.

   

   In alto: crea un semplice nome di ancoraggio nella finestra di dialogo Ancoraggio con nome. In basso: l'ancora completata.

Hai creato l'ancora ma non hai ancora alcun link diretto. È possibile definire manualmente un ancoraggio come collegamento, tramite la finestra di ispezione Proprietà o utilizzando lo strumento Puntatore su file

Collegamento manuale dell'ancora

Collegando manualmente a un'ancora, è possibile creare un collegamento all'interno della pagina su cui si sta lavorando oppure indirizzare il collegamento a un'ancora su una pagina completamente diversa.

1. Seleziona il testo che diventerà il collegamento.

2. Se la finestra di ispezione Proprietà non è aperta, selezionare Finestra → Proprietà.

3. Selezionare il testo che si desidera collegare al nuovo ancoraggio con nome e fare clic sul pulsante Collegamento ipertestuale situato nel pannello Inserisci.

4. Nella finestra di dialogo Collegamento ipertestuale, individuare il campo Collegamento e fare clic sull'elenco a discesa direttamente accanto ad esso.

   L'ancoraggio con nome viene visualizzato come selezione.

5. Seleziona il tuo ancoraggio per applicarlo e quindi fai clic su OK.

   

   Selezionare il nome dell'ancora nella finestra di dialogo Collegamento ipertestuale.

Collegamento ancoraggio ispettore proprietà

È inoltre possibile collegare a una pagina e aggiungere un riferimento di ancoraggio ad esso dalla finestra di ispezione Proprietà. Ad esempio, se vuoi collegarti a questo punto da un'altra pagina, selezioni un elemento su quella pagina e nella casella di testo Link (nella vista HTML) scrivi il nome della pagina, un cancelletto (#) e il nome dell'ancora - per esempio, uccelli. html # canarino .

Questa azione indirizza il browser alla pagina degli uccelli e quindi all'ancora canarino all'interno di quella pagina.

Spesso si vedono le ancore separate dal segno del tubo (|). Puoi creare questo tipo di carattere premendo MAIUSC +. Il tasto backslash si trova direttamente sopra il tasto Invio (Windows) o Return (Mac).

Punta a File anchor linking

Puoi usare la stessa icona di Point to File che hai usato in precedenza per creare collegamenti ipertestuali per la creazione di ancore. L'icona Punta su file nella finestra di ispezione Proprietà può anche scegliere come target le ancore create sulla pagina.

1. Seleziona il testo che vuoi utilizzare come link sulla tua pagina.

2. Nella finestra di ispezione Proprietà, trovare l'icona Punto su file situata accanto al campo Collegamento, fare clic e trascinare sopra l'icona e rilasciare la freccia direttamente sopra un'icona di ancoraggio sulla pagina.

   Il testo è ora collegato all'ancora e il nome dell'ancora viene visualizzato nel campo di testo Link dell'ispettore Proprietà preceduto da un cancelletto (come #canale ).