Se si utilizza il programma di editing HTML di KompoZer per sviluppare pagine Web e vuole fare un video o altro elemento appariranno centrate sullo schermo, potrebbe cercare invano per un pulsante equivalente al "Centro questo oggetto". Tuttavia, centratura non è incorporato in HTML e programmi di editing più non forniscono un collegamento per eseguire questa operazione. Per centrare un video in una pagina Web, utilizzare KompoZer per racchiudere il codice embed con un elemento a livello di blocco come un DIV. È quindi possibile applicare una proprietà CSS "text-align" per il DIV che centra quell'elemento e tutto ciò che esso contiene.

Istruzioni

1

Avviare KompoZer e aprire il documento HTML che visualizza un video. Fare clic sul tag "Source" nella parte inferiore di KompoZer per visualizzare il codice HTML del documento.

2

Individuare la sezione del corpo del documento e trovare il codice che consente di incorporare il video nella pagina.

3

Incollare la seguente riga prima del codice che incorpora il video:

< div class = "videoStyle" >

Questo definisce l'inizio di un blocco "DIV". Fa riferimento a una classe CSS che centra il DIV e tutto all'interno del DIV.

4

Incollare la riga mostrata di seguito dopo il codice che incorpora il video:

< / div >

Questo è il tag "finale". Completa il blocco DIV. Racchiudendo il codice dei video con questi due tag, è inserire tale codice all'interno di questo blocco DIV. Il browser centri nulla all'interno del blocco. Nell'esempio seguente viene illustrato ciò che il blocco di codice finale sarà simile utilizzando un blocco di codice campione "iFrame" di YouTube:

< div class = "videoStyle" >

< iframe larghezza = "660" height = "349"

frameborder = "0" >< / iframe >

< / div >

Si noti che i due tag DIV racchiudono il codice che consente di incorporare il video di YouTube.

5

Sezione head del documento, aggiungere il seguente codice CSS:

< style type = "text/css" ">

.videoStyle {Larghezza: 600; margin: 0 auto; text-align: center;}

< / stile >

Questo crea la classe "videoStyle" a cui fa riferimento il DIV creato nell'ultimo passaggio. Impostare il valore di larghezza su un valore che è largo almeno quanto il tuo video. Il margine e testo-Allinea al centro della proprietà DIV.

6

Fare clic sul menu "File" nella parte superiore di KompoZer e quindi fare clic su "Salva" per salvare il documento. Aprirlo in un browser. Un video centrato viene visualizzato nella pagina Web.

Consigli & Avvertenze

• Ci sono molti modi per aggiungere video a una pagina Web. A seconda di come si incorpora il video, il codice di incorporamento potrebbe essere visualizzato in uno dei diversi formati nel codice HTML. Il codice di incorporamento può essere costituito da un tag "object", un tag "embed" o anche un tag "iFrame" come prodotto dal generatore di codice automatico di YouTube. Infatti, se si creano pagine Web utilizzando le ultime specifiche di HTML 5, è possibile incorporare anche i video utilizzando il nuovo tag "video". Si dovrebbe essere in grado di identificare il codice che incorpora video cercando "oggetto", "incorporare" o "video" nel codice HTML della pagina. Se non è stato creato la pagina Web, è possibile chiedere allo sviluppatore che codificato per individuare il codice del video incorporato. Dopo averlo trovato, è necessario racchiudere il codice per i due tag DIV come descritto nella procedura.