Come Centro video Nella KompoZer

December 9

Se si utilizza il programma di editing HTML KompoZer per sviluppare pagine Web e vuole fare un video o un altro elemento appaiono al centro dello schermo, si potrebbe cercare invano un tasto equivalente al "Centro di questo oggetto." Tuttavia, centratura non è costruito in HTML, e la maggior parte dei programmi di editing non forniscono una scorciatoia per eseguire questa operazione. Per centrare un video su una pagina Web, utilizzare KompoZer per circondare il codice embed con un elemento a livello di blocco, come un DIV. È quindi possibile applicare un CSS proprietà "text-align" al DIV che i centri che elemento e tutto ciò che esso contiene.

istruzione

1 Avviare KompoZer e aprire il documento HTML che consente di visualizzare un video. Fare clic sul tag "Source" in fondo KompoZer per visualizzare il codice HTML del documento.

2 Individuare la sezione corpo del documento, e trovare il codice che incorpora il video sulla pagina.

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

<Div class = "Videostyle">

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

4 Incollare la linea mostrato di seguito dopo il codice che incorpora il video:

</ Div>

Questo è il tag "fine". Completa il blocco DIV. Circondando il codice video con questi due tag, che si inserisce codice all'interno di questo blocco DIV. Il browser centra nulla all'interno del blocco. L'esempio seguente mostra ciò che il blocco di codice finale sarà simile utilizzando un campione di YouTube blocco di codice "iFrame":

<Div class = "Videostyle">

<Iframe width = "660" height = "349"

frameborder = "0"> </ iframe>

</ Div>

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

5 Aggiungere il seguente codice CSS per la sezione testa del documento:

<Style type = "text / css" ">

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

</ Style>

Questo crea la classe "Videostyle" a cui fa riferimento il DIV creato nell'ultimo passaggio. Impostare il valore della larghezza di un valore che è almeno largo quanto il video. Le proprietà dei margini e text-align centro della DIV.

6 Fare clic sul menu "File" nella parte superiore della KompoZer, e quindi fare clic su "Salva" per salvare il documento. Aprire in un browser. Un video centrato appare sulla pagina Web.

Consigli e avvertenze

  • Ci sono molti modi per aggiungere video a una pagina Web. A seconda di come si incorpora il video, il codice di incorporamento può apparire in uno dei diversi formati di codice HTML. Il codice embed può essere costituito da un tag "oggetto", un tag "embed" o anche un tag "iFrame", come prodotto da generatore di codice automatico di YouTube. Infatti, se si creano pagine Web utilizzando l'ultima specifica HTML 5, si può anche incorporare i video utilizzando il nuovo tag "video". Si dovrebbe essere in grado di identificare il codice che incorpora il video con la ricerca di "oggetto", "embed" o "video" nel codice HTML della pagina. Se non è stato creato la pagina Web, chiedere lo sviluppatore che codificato per individuare il codice video incorporato. Dopo averlo trovato, circondare il codice da parte dei due tag DIV come descritto in questi passaggi.