1. Kompozer
El propósito de este actividad es diseñar tu primera página con Kompozer. El tema elegido es una
breve pincelada del poeta Federico García Lorca. En este documento se utilizarán: encabezado,
texto, imagen y un enlace a una página externa.
1. Vamos crear una carpeta de nombre miweb.
Si utilizas Ubuntu se propone crear esta carpeta dentro de la carpeta personal del usuario.
1.1 Desde el escritorio elige Lugares > Carpeta personal. Se abre el explorador de
archivos mostrando el contenido de la carpeta /home/<usuario>/
1.2 Clic derecho sobre un espacio del explorador y elige Crear una carpeta. Introduce
el nombre de la nueva carpeta: "miweb". Doble para situarte dentro de esta carpeta.
1.3 Repite el paso anterior para crear una subcarpeta con el nombre images dentro de
miweb.
2. Extrae a la carpeta miweb el contenido del archivo comprimido que se adjunta: lorca.zip. Como
resultado de la extracción encontrarás dos archivos: una imagen (lorca.gif) y un archivo de texto
(lorca.txt).
3. Arrastra el icono de la imagen para soltarlo dentro de la subcarpeta images. De esta forma este
archivo se mueve para situarse dentro ella. En lo sucesivo la carpeta images contendrá todas las
imágenes que se integren en las páginas web creadas.
1. Inicia el programa Kompozer dese Aplicaciones/Programación/Kompozer.
2. Minimiza esta ventana y utiliza el explorador de archivos para abrir (doble clic) el archivo de
texto lorca.txt. Se abrirá el Bloc de Notas o editor de textos por defecto mostrando su contenido.
3. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este
archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra
la ventana del Bloc de Notas
2. 4. Pincha en Kompozer para maximizar la ventana de este programa.
5. Clic sobre el nuevo documento HTML que estamos editando y en la barra de menús selecciona
Editar > Pegar. De esta forma podrás disponer del texto de la página sin necesidad de teclearlo.
6. Antes de continuar conviene guardar el archivo en la carpeta miweb que hemos creado. Para ello
pulsa en el botón Guardar o bien elige Archivo > Guardar.
7. En el cuadro de diálogo Título de la página introduce su título y haz clic en el botón Aceptar.
8. Se muestra el cuadro de diálogo Guardar página como donde debes desplegar la lista Guardar
en para localizar la carpeta miweb. En la casilla Nombre introduce el nombre del archivo: lorca.
3. 9. Clic en el botón Guardar
10. Título. Pulsa y arrastra para seleccionar la primera línea de texto: "Federico García Lorca". En
la barra de Formato despliega el cuadro de estilos de párrafo y elige Título 1. Si deseas regresar al
estilo normal, marca el texto que desees y selecciona en esta lista: Texto del cuerpo.
Nota:
Es muy recomendable utilizar las distintas opciones de formato de esta lista para destacar frases y
párrafos.
1. Clic debajo del título anterior y pulsa la tecla <enter> para definir el punto donde se insertará la
imagen. En la barra de Redacción pulsa en el botón Imagen.
2. Se muestra el cuadro de diálogo Propiedades de imagen. Pulsa en el botón Elegir archivo …
para localizar el archivo que contiene la imagen.
3. Despliega la lista Buscar en: para abrir la carpeta miwebimages donde hemos situado
anteriormente el archivo lorca.jpg. Clic sobre este archivo y pulsa en el botón Abrir.
4. 4. Al regresar de nuevo al panel Propiedades de imagen conviene introducir el Texto alternativo.
En este caso teclea "Federico García Lorca". Se trata de un texto descriptivo que contribuye a la
accesibilidad de nuestra página y que se mostrará cuando el usuario sitúe el ratón sobre ella.
5. Observa que en la casilla Ubicación de la imagen se indica la ruta relativa para localizar la
imagen desde la página actual: images/lorca.jpg. Para terminar clic en el botón Aceptar.
5. Insertar un hipervínculo
1. Pulsa y arrastra para seleccionar el texto "Más información" situado al final del documento. A
continuación en la barra de Redacción pulsa en el botón Enlace.
2. En el cuadro de diálogo Propiedades del enlace sitúa el cursor en la casilla Ubicación del
enlace y pega la siguiente dirección: http://www.google.es/search?q=Federico+García+Lorca. Para
terminar pulsa en el botón Aceptar.
1. Clic en el botón Guardar.
2. Minimiza la ventana de Kompozer para situarte en la carpeta miweb. Doble clic sobre el archivo
lorca.html creado para ver su aspecto con el navegador web instalado por defecto. Otra opción es
pulsar en el botón Navegar que se muestra en la barra de Redacción de Kompozer. No obstante
esta opción sólo funciona si tienes configurado en tu equipo Mozilla Firefox como navegador por
defecto.
3. No olvides eliminar el archivo lorca.txt una vez que has terminado.
4. Si es necesario abrir el archivo selecciona Archivo > Abrir.