Microsoft FrontPage 2003 consente alle persone con poca o nessuna conoscenza di progettazione web di creare, pubblicare e amministrare siti Web. Fornisce semplici modi per inserire testo e collegamenti ipertestuali, immagini di aggiungere e modificare i colori e i font del documento. Il programma offre anche funzionalità di pulsante interattivo, consentendo agli utenti di generare automaticamente gli elementi di navigazione senza l'uso di una programma di editing delle immagini. Tuttavia, i pulsanti interattivi richiedono sei immagini per ogni stile di pulsante, una limitazione impraticabile per i progettisti che cercano una soluzione HTML pura. Per fortuna, Creazione pulsanti solo HTML in FrontPage è un compito relativamente semplice.

Istruzioni

1

Aprire la pagina che si desidera modificare. Con FrontPage 2003 aperta, selezionare \"File\" dal menu nella parte superiore della schermata, quindi fare clic su \"Open.\" individuare la pagina che si desidera modificare. Aprirlo facendo doppio clic sull'icona corrispondente.

2

Aggiornare il collegamento che si desidera trasformare in un pulsante. Scansione la tua pagina, trovare il link che si desidera trasformare in un pulsante, quindi evidenziarlo. Fare clic sul pulsante nella parte inferiore dello schermo con l'etichetta \"Code.\" Questa azione viene visualizzata la modalità di visualizzazione del codice di FrontPage, che vi mostra il codice HTML della tua pagina. Il tuo link apparirà evidenziato e simile al seguente: < un href=\"contact.html\" > Scrivici < /a >

Aggiornare il link in modo che il tag di apertura viene visualizzato come questo: < un href=\"contact.html\" classe = \ "button" > Scrivici < /a >. La proprietà della classe aggiunto consente di cambiare il look di questo link.

3

Creare una regola di stile per il pulsante. Scorrere fino all'inizio della pagina in visualizzazione codice e individuare il tag con etichettato < / head >. Aggiungere una riga vuota immediatamente di sopra di questo tag. Copiare il codice riportato di seguito e incollarlo in questa riga vuota:

< stile tipo = \ "testo/css\" >
<!...
a.Button () {
background-color: grigio
VAI
colore: bianco
VAI
padding: 10px
VAI
Proprietà Text-decoration: none
VAI
}

hover {
colore di sfondo: arancione
VAI
colore: nero
VAI
padding: 10px
VAI
Proprietà Text-decoration: none
VAI
}
-->
< / stile >

Questo codice imposta gli stili associati il tuo pulsante. Chiama per un pulsante con 10 pixel di riempimento su tutti i lati che è grigio quando la pagina viene caricata, ma diventa arancione quando l'utente sposta il mouse su esso. Modificare questi parametri per creare un pulsante con i colori di riempimento e sfondo di vostra scelta.

4

Salvare la pagina e visualizzare il pulsante nel tuo browser. Selezionare \"File\" dal menu nella parte superiore dello schermo, quindi selezionare \"Save.\" avviare il browser e aprire la pagina appena modificato in FrontPage. Il tuo link ha ora l'aspetto di un pulsante, ma il suo aspetto è controllato esclusivamente attraverso HTML; Nessuna immagine sono necessaria.