Costruire un sito web con il software Microsoft

April 3

Expression Web di Microsoft è il successore di FrontPage, progettato per consentire la creazione di pagine web molto più complesso tenendo gli standard web, che consente di creare siti di grande impatto visivo che appaiono lo stesso in tutti i browser web. Expression Web può essere utilizzato da coloro fluente in HTML e CSS di grande effetto, ma anche se sei solo agli inizi in creazione di siti web, si può ancora imparare rapidamente il programma e metterlo in uso.

istruzione

1 Aprire Expression Web e fare clic su "File">> "Sito Web ..." "Nuovo". Fai clic su "OK" nella finestra che appare per creare un nuovo sito vuoto.

2 Clicca su "Default.htm" nel riquadro Elenco cartelle sulla sinistra dello schermo. Si aprirà la pagina nel riquadro centrale in un splitscreen sia di codice HTML e un what-you-see-is-what-you-get editore. Le modifiche apportate in un pannello saranno aggiornati in un altro, in modo da poter modificare il tuo sito in qualunque modo si desideri.

3 Trascinare l'icona immagine dal pannello degli strumenti al tuo pannello di modifica visiva. Destro del mouse su di esso e selezionare "Proprietà immagine ..." Una nuova finestra pop-up. Fare clic sul pulsante "Browse" per sfogliare le cartelle sul disco rigido, e selezionare un'immagine per il logo. Gli altri campi e le schede della finestra permettono di aggiungere testo alternativo o un link, regolare la disposizione del testo dell'immagine e altre impostazioni. Modificare le proprietà, se lo desideri, e fare clic su "OK". Fare clic sul pulsante Testo Centro sulla barra degli strumenti per centrare il vostro logo.

4 Fare clic sotto l'immagine nell'editor e digitare un messaggio di benvenuto. Fai clic su "Crea nuovo stile" nel pannello Manage Styles, e il nome del tuo stile ".headertext". Modificare le proprietà di testo, assegnandole una famiglia di font, la dimensione, il colore e lo stile del testo. Fai clic su "OK". Con il punto ancora selezionato, fare clic destro sul .headertext e fare clic su "Applica stile". Questo darà il testo del nuovo stile. Utilizzare il pannello Proprietà CSS oi pulsanti della barra degli strumenti per applicare altre impostazioni, come ad esempio centrare il testo.

5 Fare clic sulla freccia a discesa accanto al nuovo icona sulla barra degli strumenti e selezionare "Pagina". Fai clic su "CSS layout" e scegliere "Intestazione, nav, 2 colonne, piè di pagina" dalla lista. Ciò fornirà una struttura di barebone per la tua pagina successiva. Aggiungi la tua immagine per l'intestazione e digitare le parole "Menu", "Pagina iniziale", e "Home" su tre righe nella casella di navigazione grigia. Pulsante destro del mouse su "Pagina iniziale" e fare clic su "Collegamento ipertestuale ...". Collegare il testo alla prima pagina creata. Link "Home" per la pagina stessa, se lo desiderano. Metti un po 'il testo contenuto nelle colonne.

6 Aggiungere un altro paragrafo del testo per la pagina iniziale, ad esempio "Enter Sito" o qualcosa di simile. Collegarlo al vostro Home Page. Fare clic sull'icona Salva e denominare i file HTML e CSS. Fai clic su "File"> "Anteprima nel browser" e selezionare un browser e una risoluzione per vedere che cosa il vostro nuovo sito si presenta come.

Consigli e avvertenze

  • Mentre il sito appena creato è estremamente semplice e non particolarmente attraente, si dovrebbe ora avere una conoscenza di base di Microsoft Expression Web ed è ora possibile passare a progetti più complessi. Guarda alcuni dei video tutorial collegate in Risorse e iniziare ad imparare HTML e CSS per migliorare le vostre abilità e l'aspetto del tuo sito web.