Kompozer
El propósito de este actividad es diseñar tu primera página con Kompozer. El tema elegido es una
breve pincelada ...
4. Pincha en Kompozer para maximizar la ventana de este programa.
5. Clic sobre el nuevo documento HTML que estamos editan...
9. Clic en el botón Guardar
10. Título. Pulsa y arrastra para seleccionar la primera línea de texto: "Federico García Lorc...
4. Al regresar de nuevo al panel Propiedades de imagen conviene introducir el Texto alternativo.
En este caso teclea "Fede...
Insertar un hipervínculo
1. Pulsa y arrastra para seleccionar el texto "Más información" situado al final del documento. A...
Próxima SlideShare
Cargando en…5
×

Pagina Kompozer

2.467 visualizaciones

Publicado el

Explicación de cómo insertar título, texto e imagen en Kompozer.

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
2.467
En SlideShare
0
De insertados
0
Número de insertados
8
Acciones
Compartido
0
Descargas
23
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Pagina Kompozer

  1. 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. 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. 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. 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. 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.

×