Cómo editar los colores de plantillas en Kompozer

Las plantillas ayudan a los diseñadores Web ahorrar tiempo mediante la reutilización de los elementos HTML. Un sitio de venta de cámaras, por ejemplo, puede ser necesario para mostrar la misma partida y el color de fondo en todas las páginas en el sitio. En lugar de establecer esas propiedades para cada página HTML, desarrolladores de sitios crean una sola plantilla y hacer que cada página de referencia de dicha plantilla. Si más adelante deciden crear páginas con diferentes colores, que puedan actualizar la plantilla. Si utiliza KompoZer, un editor HTML gratuito, cambiar el color de una plantilla existente utilizando "cascadas" el editor del programa.

Instrucciones

crear plantilla

1 KompoZer lanzar y haga clic en "Archivo". Haga clic en "Nuevo" y luego haga clic en "una plantilla en blanco." Una plantilla HTML en blanco aparece en la ventana de edición.

2 Pulse la tecla "Ctrl" y "S" y tipo "Plantilla de prueba 1" en el cuadro de texto "Título". Haga clic en Aceptar." La ventana "Guardar página como" abre y muestra las carpetas de su disco duro. Haga clic en una de las carpetas y, a continuación, escriba una "plantilla de prueba 1" en el cuadro de texto "Nombre de archivo". Clic en Guardar." KompoZer crea una plantilla nueva y la guarda en la carpeta seleccionada.

3 Haga clic en el botón de "cascadas" en la parte superior de KompoZer para abrir la ventana de hojas de estilo CSS. Esta ventana le permite crear una nueva hoja de estilo para la plantilla.

4 Haga clic en "hoja de estilo interna," y luego haga clic en el cuadro desplegable que se encuentra en el lado derecho de la ventana para ver una lista de los elementos HTML que pueda estilo. Haga clic en el elemento de "cuerpo" y haga clic en "Crear regla."

5 Haga clic en "Antecedentes", y luego haga clic en el botón "Color" para mostrar la ventana de color. Haga clic en uno de los colores en la ventana y haga clic en "Aceptar". KompoZer establece color de la carrocería de la hoja de estilo para el color seleccionado. Debido a que la plantilla utiliza la hoja de estilo, su color también mostrará ese color.

6 Haga clic en "Insertar". Aparece un menú desplegable. Haga clic en HTML y escriba el código siguiente en el cuadro de texto que aparece:

<H1> Esta es la plantilla título </ h1>

Haga clic en "Insertar" de nuevo. KompoZer añade un encabezado para la plantilla. En este punto, la plantilla contiene un encabezamiento y un color de fondo a juego con el color seleccionado para la hoja de estilos de la plantilla.

7 Pulse "CTRL" y "N" para abrir la ventana Crear un nuevo documento. Haga clic en "un nuevo documento basado en una plantilla," y luego haga clic en el botón "Carpeta" para mostrar la ventana "Seleccionar archivo". Busque el archivo de plantilla que ha creado y haga doble clic en dicho archivo.

8 Haga clic en "Crear". Una nueva página HTML aparece en el editor. Debido a que utiliza la plantilla, esta página se mostrará la plantilla de encabezado y color de fondo. Cualquier página que cree que las referencias de esta plantilla se mostrarán de la plantilla de encabezado y color de fondo. Si más adelante decide que necesita para crear páginas que tienen diferentes colores, que puede hacer que al cambiar la plantilla como se muestra en la siguiente sección.

Colores Cambio de plantilla

9 Pulse "CTRL" y "O" para mostrar la ventana Abrir archivo HTML.

10 Haga clic en el "Archivos HTML" flecha desplegable y haga clic en "plantillas HTML." Una lista de las plantillas existentes aparece en la ventana.

11 Haga doble clic en la plantilla que ha creado para abrirlo en el editor. Su color de fondo coincide con el color se establece al crear la plantilla.

12 Haga clic en el botón de "cascadas" para abrir la ventana de hojas de estilo CSS. Haga clic en el enlace "cuerpo" que se encuentra en el panel izquierdo de la ventana y haga clic en "Antecedentes".

13 Haga clic en el botón "Color" para mostrar la ventana de color. Haga clic en el nuevo color que desea utilizar para la plantilla y haga clic en "Aceptar". KompoZer cambia de color de la plantilla a la seleccionada. Cualquier nuevos documentos HTML que se crea sobre la base de esta plantilla usarán el nuevo color.

Consejos y advertencias

• En este ejemplo se crea una plantilla simple que establece el color de fondo de un documento HTML. Se pueden utilizar los mismos principios para establecer los colores de otros elementos como botones, etiquetas, párrafos y cuadros de texto. páginas HTML que hacen referencia a la plantilla se aplicarán los colores de los elementos HTML apropiados. Más tarde, puede cambiar los colores de la plantilla como se muestra en los siguientes pasos. Los nuevos documentos HTML que cree que la referencia de la plantilla utilizará los nuevos colores. página web KompoZer