Lezioni Step-by-Step per Microsoft Expression Web

October 8

Lezioni Step-by-Step per Microsoft Expression Web


Microsoft Expression Web è un "ciò che vedi è quello che ottieni", o sito web editor WYSIWYG, basati su standard. È possibile creare siti con Expression Web in una varietà di formati web, tra cui CSS, XSLT, XHTML, ASPX e XML. Mentre molti utenti scelgono di usare il programma per creare siti web da zero, altri trovano utilizzando uno dei suoi modelli incorporati un modo più semplice per iniziare. Creazione e personalizzazione di un sito web utilizzando un modello di Expression Web e un formato di lezione di step-by-step è un buon modo per iniziare ad imparare ad utilizzare il software.

istruzione

Creazione di un nuovo sito web

1 Aprire la finestra di dialogo "Nuovo" selezionando ", Nuovo" quindi "Sito Web" dalla scheda "File" del menu principale Expression Web.

2 Selezionare la scheda "Sito Web" nella finestra di dialogo "Nuovo" e fare clic su "Modelli". Clicca sulla progettazione di modelli e vedere diversi nella sezione "Preview" sul lato destro della finestra. Scegliere un modello, come ad esempio "Small Business 5," e fare clic su "OK" per creare il sito.

3 Fare doppio clic sulla riga "default.htm" per aprire la pagina iniziale del vostro nuovo sito web. Se la pagina visualizza un pannello di divisione o visualizza solo il codice HTML per la pagina, fare clic sulla scheda "Design" in basso a sinistra della pagina Web per rimuovere la visualizzazione del codice.

Personalizzare contenuto della pagina

4 Modifica web intestazioni di pagina e paragrafi. Selezionare l'intestazione segnaposto o il testo che si desidera sostituire e entrambi i tipi o incollare il testo copiato da un'altra posizione, ad esempio un documento di Word.

5 Modificare il contenuto del menu dell'intestazione, piè di pagina e navigazione aprendo il file template web "master.dwt" dalla scheda "pagina Web". Selezionare il testo che si desidera sostituire e digitare il nuovo testo.

6 Modificare il logo del modello facendo clic destro sull'immagine segnaposto logo e selezionando "Mostra Immagini barra degli strumenti." Selezionare l'opzione "Inserisci immagine file da" opzione, che è la prima icona sulla barra degli strumenti. Passare alla posizione in cui è stato salvato l'immagine del logo, selezionare e inserire, quindi chiudere la barra degli strumenti immagine. Ridimensionare l'immagine del logo, se necessario, facendo clic per selezionare, poi manipolare l'immagine alla dimensione desiderata utilizzando le maniglie di ridimensionamento.

7 Salvare le modifiche apportate alla pagina HTML e il logo del modello selezionando "Modifica" dal menu principale, poi "Salva". Microsoft Expression Web si aggiorna file Web e visualizzare una finestra di messaggio quando il processo è completo. Fai clic su "Chiudi" per uscire dalla finestra di messaggio, fare clic sulla scheda "default.htm" per visualizzare la pagina web.

personalizzare l'aspetto

8 Aprire il file "master.dwt" e selezionare un'opzione styling, come il colore dei collegamenti nel menu di navigazione o intestazioni di pagina. Posizionare il cursore in qualunque link del menu di navigazione o qualsiasi intestazione di fare cambiamenti globali.

9 Modificare le proprietà di stile del "CSS Properties Task Pane" sul lato sinistro dello schermo. Selezionare la proprietà che si desidera modificare, come ad esempio il colore del carattere, e selezionare un nuovo colore dalla casella a discesa.

10 Salvare le modifiche come avete fatto nella sezione precedente.

Consigli e avvertenze

  • Modifica intestazioni web e il testo del paragrafo della pagina HTML per modificare le singole pagine, e altri elementi come le intestazioni, piè di pagina, menu di navigazione e di stile CSS opzioni dal file di modello Web o master.dwt, di apportare modifiche a livello di sito.
  • Per incollare il testo in una pagina Web HTML Expression, selezionare "Modifica" dal menu principale, quindi "incollare testo," e selezionare l'opzione "Testo normale". Scegliendo l'opzione "Testo normale" garantirà nessun stili nascosti o ai marcatori dal documento originale cambierà la visualizzazione del testo nel sito.