Si utiliza el programa de edición de HTML KompoZer para desarrollar páginas Web y desea hacer un vídeo u otro elemento aparezcan centradas en la pantalla, es posible buscar en vano un botón equivalente a "Centro de este objeto." Sin embargo, el centrado no está integrado en HTML, y la mayoría de los programas de edición no proporcionan un acceso directo para realizar esta tarea. Para centrar un video en una página Web, utilizar KompoZer para rodear el código de inserción con un elemento en bloque, como un DIV. A continuación, puede aplicar una propiedad CSS "text-align" para el DIV que se centra este elemento y de todo lo que contiene.
Instrucciones
1 Lanzar KompoZer y abra el documento HTML que muestra un video. Haga clic en la etiqueta "Fuente" en la parte inferior de KompoZer para ver el código HTML del documento.
2 Localiza la sección del cuerpo del documento, y encontrar el código que incrusta el vídeo en la página.
3 Pegue la siguiente línea antes del código que incrusta el vídeo:
<Div class = "Videostyle">
Esto define el comienzo de un bloque "DIV". Se hace referencia a una clase CSS que se centra el DIV y todo el interior de la DIV.
4 Pegue la línea se muestra a continuación después del código que incrusta el vídeo:
</ Div>
Esta es la etiqueta de "terminación". Se completa el bloque DIV. Al rodear el código de video con estas dos etiquetas, colocar ese código dentro de este bloque DIV. El navegador se centra algo en el interior del bloque. El siguiente ejemplo muestra lo que el bloque de código final se vería como el uso de un bloque de código de ejemplo YouTube "iFrame":
<Div class = "Videostyle">
<Iframe width = "660" height = "349"
frameborder = "0"> </ iframe>
</ Div>
Tenga en cuenta que las dos etiquetas DIV encierran el código que incrusta el vídeo de YouTube.
5 Agregue el siguiente código CSS a la sección cabeza de su documento:
<Style type = "text / css" ">
.videoStyle {width: 600; margin: 0 auto; text-align: center;}
</ Style>
Esto crea la clase "Videostyle" al que hace referencia el DIV creado en el último paso. Establecer el valor de ancho a un valor que sea al menos tan ancha como el vídeo. Las propiedades de los márgenes y de texto Alinear al centro del DIV.
6 Haga clic en el menú "Archivo" en la parte superior de KompoZer, y luego haga clic en "Guardar" para guardar el documento. Abrirlo en un navegador. Un video centrada aparece en la página Web.
Consejos y advertencias
- Hay muchas maneras de añadir vídeo a una página web. En función de cómo insertar el vídeo, el código de inserción puede aparecer en uno de varios formatos en su HTML. El código de inserción puede consistir en una etiqueta de "objeto", una etiqueta de "embed" o incluso una etiqueta de "marco flotante" como la producida por el generador de código automático de YouTube. De hecho, si crea páginas Web usando la última especificación de HTML 5, incluso se puede insertar vídeos usando la etiqueta de nuevo "video". Usted debe ser capaz de identificar el código que incrusta vídeo mediante la búsqueda de "objeto", "embed" o "video" en el código HTML de la página. Si no ha creado la página web, pedir al desarrollador que codifica para localizar el código de video incorporado. Después de encontrarlo, rodear el código por las dos etiquetas DIV como se describe en los siguientes pasos.