Frontpage Web Design Tutorial

August 14

Frontpage Web Design Tutorial


Se si desidera creare pagine web, ma semplicemente non hanno l'esperienza, Frontpage è lo strumento perfetto per i principianti. Frontpage è conosciuto come un editor WYSIWYG che significa che quello che vedi è quello che si ottiene. Come costruire la vostra pagina web, si vede che la pagina web sarà simile a coloro che vederlo.

La creazione di pagine web con FrontPage

Coloro che hanno familiarità con le applicazioni di Microsoft Office avranno un tempo più facile la navigazione Frontpage, anche se è abbastanza facile da imparare per chiunque.
Aprire un nuovo documento pagina Web selezionando "File" nell'angolo in alto a sinistra e "Nuovo". FrontPage aprire un nuovo documento in vista combinata che mostra il "Codice View" nella parte superiore e la "Visualizzazione Struttura" in fondo. Notate come sono già aggiunti i principali tag HTML per <html>, <head>, <body> ei tag chiusi. Se si ha familiarità con HTML è possibile codificare la tua pagina web utilizzando il Visualizza codice.

visione in tempo reale della tua pagina web come si progetta

Frontpage Web Design Tutorial


Fare clic sulla scheda "Visualizzazione Struttura", se non si ha familiarità con l'HTML. Utilizzare il menu nella Frontpage per aggiungere elementi alla pagina, come immagini e tabelle. Posizionare il cursore del mouse sulla pagina se si desidera aggiungere del testo alla tua pagina web. Notate come un sacco di scelte di menu sembrano quelli disponibili in Word, come la dimensione del carattere, il tipo di font, trattino e altro ancora. HTML è scritto automaticamente da FrontPage mentre si aggiungono elementi alla tua pagina in modalità Visualizzazione Struttura.

Vedere ciò che la pagina sarà simile ad altri

Fare clic su Anteprima in modo da avere un'idea di ciò che la vostra pagina web sarà simile a un browser. Rientro in vista Codice se si desidera modificare manualmente qualsiasi del codice HTML che è stato scritto, mentre in visualizzazione Se si sceglie di Split View è possibile visualizzare le modifiche di seguito come si modifica il codice di cui sopra.