Tutte le pagine web sono costruiti utilizzando una raccolta di Hypertext Markup Language (HTML) elementi noti come tag. Per default, i browser web si caricano questi tag nell'ordine in cui appaiono, a partire dalla prima riga di codice e di lavoro verso il basso. Questo comportamento è spesso indicato come il "flusso normale". Attraverso l'uso di fogli di stile codice (CSS) e le sue proprietà di posizionamento assoluto, si può tirare oggetti fuori del flusso normale e metterli qualsiasi punto della pagina, indipendentemente da dove si trovano i tag HTML. Una volta capito la sintassi corretta, posizionamento assoluto di un quadro utilizzando Microsoft FrontPage 2003 diventa un compito rapido.

istruzione

1 Aprire Microsoft FrontPage 2003.

2 Guardate verso l'angolo in basso a sinistra della finestra del programma e fare clic sul pulsante "Design".

3 Fai clic su "File" nella barra dei menu in alto e selezionare "Apri". Individuare la pagina Web nella finestra del file risultante e aprirlo con un doppio clic sulla sua icona.

4 Un clic l'immagine che si desidera assolutamente posizione. Se non hai ancora aggiunto l'immagine alla pagina, primo clic "Inserisci" nella barra dei menu in alto, selezionare "Immagine" e poi su "Da file". Individuare l'immagine nella finestra file risultante e aggiungerlo alla pagina facendo doppio clic sulla sua icona.

5 Guardate verso l'angolo in basso a sinistra della finestra del programma e fare clic sul pulsante "Codice". FrontPage passa alla modalità "Codice View", mettendo in evidenza il tag HTML che controlla il contenuto e l'aspetto dell'immagine selezionata in precedenza. Il tag sarà simile al seguente:

<Img src = "file_name.jpg" width = "400" height = "250">

6 Istruzioni appena prima del carattere ">" alla fine del tag e premere la barra spaziatrice una volta.

7 Inserire una dichiarazione di stile CSS nello spazio appena creato, in modo che il tag è simile al seguente:

<Img src = "file_name.jpg" width = "400" height = "250" style = "position: absolute; sinistra: 100px; top: 50px">

Questo esempio mette l'immagine a 100 pixel dal bordo sinistro della finestra del browser e 50 pixel dal bordo superiore della finestra. Per posizionare l'immagine rispetto al bordo destro della finestra, utilizzare la "destra" parametro invece di "sinistra" per posizionarlo rispetto al fondo della finestra, utilizzare il "bottom" parametro invece di "top"

8 Fai clic su "File" nella barra dei menu in alto e selezionare "Salva" per confermare le modifiche.