Kompozer (Investigación)

1. Pasos para abrir una página nueva en Kompozer

1Abre Kompozer.
2. Elige Ver > Mostrar/Ocultar > Administrador de sitios o bien pulsa directamente la tecla de función <F9>
3. En el p. anel Administrador de sitios pulsa en el botón Editar sitios. 
4. En el cuadro Configuración de publicación introduce “MiSitio” en el cuadro de texto Nombre de sitio y pulsa el botón Seleccionar directorio para apuntar a la carpeta mi-web. Clic en el botónAceptar. 
5. En el Administrador de sitios ahora se muestra la rama MiSitio. Pulsa sobre el icono “+” para desplegar su contenido. Se muestra una estructura de árbol con las carpetas y archivos que contiene. 
6. En la parte superior derecha del Administrador se dispone de botones que permiten:

1) Recargar. Permite recargar o actualizar el listado de archivos y carpetas. Es útil cuando se añaden elementos utilizando el explorador de archivos de Windows o bien cuando se crea una página HTML nueva. 2) Nueva carpeta. Para crear una nueva carpeta dentro de la carpeta seleccionada en el árbol del Administrador de sitios. 3)Cambiar nombre. Facilita la modificación de nombre del archivo o carpeta seleccionado. 4) Eliminar. Elimina el archivo o carpeta seleccionada.

7. Utiliza estos botones para crear las carpetas de la imagen que falten: audios, css, descargas,pdf, plantillas, scripts, swf y vídeos.
8. A continuación vamos a crear la página index.htm de nuestro sitio web. Para ello seguiremos el procedimiento habitual: Archivo > Nuevo. 
9. Escribe "Mi página principal", selecciona el texto y elige como formato Título 
10. Pulsa la tecla <enter> para situarte en la siguiente línea y pulsa en el botón Viñetas de la barra de herramientas de Formato.

11. Escribe "Federico García Lorca", selecciona el texto y pulsa en el botón Enlace.

12. En el cuadro de diálogo Propiedades del enlace haz clic en el botón Elegir archivo … y localiza la página lorca.html situada en la carpeta miweb. Clic en Aceptar.

13. Repite los pasos 11 y 12 para crear los enlaces al resto de páginas : 

• Demografía: poblacion.html
• Escribe tu cuento: escribe.html
• Glosario: glosario.html

14. Selecciona Archivo > Guardar como.
15. Introduce el título: Mi página principal para guardar la página index.htm en la carpeta mi-web.
16. Para probar su funcionamiento pulsa en el botón Navegar.

2 Pasos para guardar una página en Kompozer

Guardar un documento

•

Si es la primera vez que lo guardamos, tenemos varias opciones:

1.

Pulsar sobre el botón

Guardar.

2.

Menú

Archivo > Guardar

3.

Control + S

.

En cualquiera de los casos, en la ventana que se abre buscamos y abrimos la carpeta donde

queremos guardarlo, escribimos en Nombre:

nombre_archivo.html

, y pulsamos el botón

Guardar

.

•

Si no es la primera vez que lo guardamos, el procedimiento es el mismo que el anterior, pero

en esta ocasión no aparece ninguna ventana, puesto que el archivo se guarda con el mismo

nombre que ya tiene y en el mismo lugar.

•

Si queremos guardar el documento con otro nombre, en otro lugar, o ambas cosas: menú

Archivo > Guardar como...

En la ventana que se abre buscamos y abrimos la carpeta

donde queremos guardarlo, escribimos en Nombre:

nombre_nuevo_archivo.html

, y pulsamos el botón

Guardar

 3. Pasos para abrir una página existente en Kompozer

Si se trata de un archivo almacenado en nuestro ordenador, tenemos varias posibilidades:

4.

Pulsar sobre el botón

Abrir.

© Pedro J. Castela

1

/

6

Guía rápida para KompoZer

5.

Menú

Archivo > Abrir archivo

.

6.

Control + O

(letra O de

Open

).

En cualquiera de los casos, en la ventana que se abre buscamos y abrimos la carpeta donde

esté el archivo, hacemos clic sobre el mismo y pulsamos en el botón

Abrir

.4. Pasos para insertar una imagen en Kompozer 

1. Crea la imagen con su enlace mediante el diálogo de la opción de menú Insertar → Imagen...
2. Una vez de nuevo en la pantalla principal, haz clic una vez en la imagen.
3. Fíjate en la barra de estado de KompoZer, donde se ve la ruta de etiquetas hasta la imagen (<img>). Justo a su izquierda debes ver una etiqueta de enlace (<a>). Haz clic en esa etiqueta en la barra de estado.
4. Ahora, ve a la opción de menú Formato → Propiedades de enlace.
5. Se abrirá el diálogo de propiedades del enlace, donde ya puedes escoger que se abra en una ventana nueva.

Además de esa manera, hay otras dos formas de hacerlo: 

• Haz clic con el botón derecho sobre la etiqueta de enlace <a> en la barra de estado y escoge Propiedades avanzadas. En ese diálogo, selecciona del desplegable de la izquierda "target" y en el de la derecha "_blank".
• Pasa a la vista de código fuente y escribe ahí, dentro de la etiqueta <a href="..."> del enlace que quieres que se abra en otra ventana e incluye en ella la propiedadtarget="_blank". 
•  5. Pasos para colocar un color de fondo a la página en Kompozer 
•  
  La utilización correcta del color en una página Web es uno de los aspectos claves en el diseño de la misma. Nos podemos encontrar con páginas cuyo contenido es muy interesante, pero que no podemos leer debido a que las letras se confunden con el texto, o porque los colores elegidos cansan a nuestra vista,......
  Por lo tanto, la elección de los colores de los distintos elementos de nuestra página (fondo, letras, enlaces,...) va a constituir el primer paso en el diseño de la página Web. Para ello iremos al siguiente apartadoFormato --> Colores y Fondo de Página, desde donde abriremos la siguiente ventana:

6. Pasos para introducir textos en Kompozer

 1- Inicia KompoZer y pulsa "CTRL" y "N" para abrir una ventana de diálogo. Haz clic en "Crear" para crear un nuevo documento HTML. Este documento aparece en la ventana de edición.

2-Haz clic en "Normal" en la parte inferior de KompoZer para colocar el programa en modo de diseño. Haz clic en cualquier lugar dentro del documento y escribe: "Esto es una prueba". El cuadro de texto que añadas aparecerá debajo de este texto.

3 Haz clic en "Insertar" y haz clic en "Formato" y luego haz clic en "campo de formulario". En "Propiedades de campo de formulario" se abre una ventana de diálogo. Esta ventana te permite configurar un cuadro de texto y definir sus propiedades

4Haz clic en botón desplegable "campo_tipo" y haz clic en "Texto". Escribe un nombre para el cuadro de texto en el "Nombre_de_campo" y escribe "Hola" en la caja "Valor_inicial".

5Escribe "100", sin las comillas en la caja "Tamaño del campo". Esto le ordena a los navegadores crear un cuadro de texto para 100 caracteres de ancho. Haz clic en "Aceptar". KompoZer coloca un nuevo cuadro de texto que contiene la palabra "Hola" por debajo del texto que has escrito en la página.

6Haz clic en "Fuente" para ver el código fuente HTML. Verás una nueva etiqueta de "Entrada" que define el cuadro de texto. El cuadro de texto es de 100 caracteres de ancho. Agrega cuadros de texto adicionales al documento siguiendo estos pasos.
 7. Pasos para dar formato a los textos en Kompozer como (Cambiar tipo de letra, Colocar tamañode letra, Colocar color de letra)
Utiliza estos botones para crear las carpetas de la imagen que falten: audios, css, descargas, pdf,plantillas, scripts, swf y videos.
 . Pasos para hacer una vista previa de la página realizada en Kompozer

#Kompozer

*Botones Kompozer*