Come centrare layout di espressione

February 24

Quando si pianifica il layout di una pagina Web realizzata con Microsoft Expression Studio, uno dei fattori che è necessario prendere in considerazione è il modo in cui la pagina apparirà nel browser del visitatore. Con diverse risoluzioni dello schermo, una finestra del browser a schermo intero potrebbe essere di 800 pixel di larghezza o quasi 2000 pixel di larghezza. Un modo per rendere la larghezza della pagina completamente visibile, senza la necessità di utilizzare la finestra di barra di scorrimento in basso è quello di centrare la pagina o il layout, che si può fare con la configurazione margini in Expression.

istruzione

1 Aprire Expression Studio. Fai clic su "File" e aprire una pagina Web esistente o creare una nuova pagina.

2 Fare clic sulla scheda "Manage Styles" nel riquadro attività Manage Styles. Fare clic con il tag div del layout che si desidera centrare nel pannello "Stili CSS" e fare clic su "Modifica stile." Fare clic con il tag div superiore per centrare l'intera pagina.

3 Fai clic su "Posizione" nella finestra Modifica stile. Inserire la larghezza desiderata della pagina, in pixel, nella casella di testo "Larghezza". Una larghezza di 800 o 1024 pixel renderà la vostra pagina accessibile ai visitatori con piccoli monitor o bassa risoluzione.

4 Fai clic su "Casella" nella finestra Modifica stile. Fai clic sul menu a discesa accanto a "destra" nel pannello Margini e selezionare "Auto." Fare clic sul menu a discesa accanto a "sinistra" e selezionare "Auto." Fare clic su "OK" per applicare e salvare i nuovi margini.

Consigli e avvertenze

  • Potete vedere in anteprima i nuovi margini se si apre la pagina in un browser Web. Se la pagina centrato sembra troppo piccolo o troppo grande, tornare a Expression Web e regolare la larghezza.