Come modificare un HTML Image mappa in Ubuntu

April 22

Come modificare un HTML Image mappa in Ubuntu


Immagini mappe sono un metodo di creazione di aree cliccabili su un'immagine senza usare le tabelle. Il codice utilizza le coordinate all'interno dell'immagine per definire queste aree. Modifica di una mappa immagine sul vostro sistema Ubuntu deve essere gestita all'interno del codice stesso. Anche se questo richiede una certa conoscenza del codice coinvolti nella creazione di una mappa immagine, che può essere gestito in qualsiasi editor di testo o il programma di Web authoring Kompozer.

istruzione

Editor di testo

1 Aprite il vostro editor di testo predefinito - sia Gedit o Kate sarà disponibile con il sistema operativo a seconda se si sta eseguendo Gnome o KDE.

2 Verificare la presenza di sintassi rotto o tag. Una staffa o virgoletta mancante può rompere la vostra intera mappa. Entrambi i redattori colorare il vostro codice HTML in modo che sia facile dire gli attributi e le impostazioni a parte - e se si perde una virgoletta o una staffa terminando i colori renderà più facile distinguere.

3 Modificare i tuoi attributi mappa dell'area. È possibile aggiungere testo alternativo, modificare l'URL (o impostare la zona di non avere alcun URL per l'area) e anche modificare la forma e le coordinate della zona cliccabile.

4 Salvare il file e aprire il file HTML nel browser Web per verificare la vostra opera.

Kompozer

5 Vai su "File"> "Apri File" e selezionare il file HTML in cui la mappa immagine è codificata.

6 Fai clic su "Source" solo per visualizzare il codice HTML della pagina. È possibile fare clic sulla scheda "Split" per visualizzare sia il codice HTML e l'anteprima della pagina, ma non mostrerà la "<map>" HTML.

7 Modificare gli attributi per l'area del sulla mappa come si farebbe con l'editor di testo. È possibile modificare la forma, le coordinate della zona cliccabile, l'URL per il collegamento (se applicabile) e il target per il link.

8 Salvare il file e visualizzare in anteprima le modifiche cliccando su "F5". Si aprirà la pagina nel browser Web predefinito.

Consigli e avvertenze

  • Non c'è nessun metodo conveniente per trattare con mappe immagine in Kompozer, ma Kompozer rende più facile per visualizzare in anteprima i risultati.
  • Il tag mappa supporta anche alcuni script, di solito riservati ai mouse sopra gli effetti.
  • È necessario conoscere i pixel esatte per le coordinate della zona; è possibile utilizzare un editor di immagini come Gimp per trovare le coordinate giuste.