Kompozer: Añadir formato a la página y añadir imágenes

Transcripción

1 Kompozer: Añadir formato a la página y añadir imágenes En estos tutoriales hemos escogido el tema Asturias para hacer una página web con Kompozer. Para empezar, crea la carpeta Web Asturias en la carpeta Documents/Web de tu pendrive. En la carpeta Web Asturias crea una subcarpeta imagenes donde colocaremos todas las imágenes de la página web. En la carpeta Web Asturias iremos colocando también todas las páginas HTML que compondrán nuestra web. En la carpeta RECURSOS/WEB del curso encontrarás el fichero documentos Asturias.7z y el fichero imagenes Asturias.7z. 1.- Descomprime el fichero imagenes Asturias.7z en la carpeta Documents/Web/Web Asturias/imagenes de tu pendrive. 2.- Descomprime el fichero documentos Asturias.7z en la carpeta Documents/Web/ Web Asturias de tu pendrive. 3.- Abre el fichero arte asturiano.txt, selecciona todo el texto, cópialo y luego pégalo en el editor Kompozer. 1

2 4.- Selecciona el texto Arte Prerrománico y cambia el estilo de párrafo a Titulo Ahora selecciona la siguiente aparición de las palabras Arte Prerrománico para cambiarlas a negrita (pulsando sobre el botón B ). 6.- A continuación vamos a seleccionar las 4 últimas líneas para añadir una lista de viñetas. 2

3 7.- Para añadir una imagen pulsa el botón Imagen. Aparece una ventana para que indiquemos la ubicación de la imagen (pulsando sobre el icono de la carpeta). La ubicación de la imagen se marca como ruta absoluta si no hemos guardado el archivo html. Es recomendable utilizar rutas relativas, pues cuando subamos la página web a un servidor externo, dicho servidor buscará la imagen en G:/Documents/web/... y no la encontrará, al referirse dicha ubicación a nuestro pendrive. Por eso, seleccionaremos la primera parte de la ruta (hasta /imagenes/...) y la eliminaremos. Observa que ahora aparece marcada la casilla La URL es relativa a la dirección de la página. O bien, guarda primero el fichero html y vuelve a probar a insertar la imagen; comprobarás que ahora el editor ya encuentra la ruta relativa. 3

4 Como texto alternativo (texto que aparece cuando pasas el ratón por encima de la imagen) escribiremos Santa María del Naranco. 8.- Ahora vamos a guardar la página ( Archivo/Guardar como ). Aparece una ventana para que indiquemos el título de la página. 4

5 Luego indicamos dónde queremos guardar la página (en la carpeta Documents/Web/Web Asturias ) con el nombre arteprerromanico.html. 9.- Para ver el resultado podemos pulsar el botón Navegador, o bien hacer doble clic sobre el archivo arteprerromanico.html. El resultado, visto en el navegador predeterminado, sería: 5

6 Para la web no utilices imágenes que ocupen mucho espacio por los siguientes motivos: El espacio en disco del servidor donde alojarás la web es limitado. La descarga de las imágenes cuando estés visualizando la página será lenta, lo cual no es deseable. Además, no utilices imágenes de tamaño demasiado grande (píxeles de ancho) porque podrían salirse de la página. Por ese motivo, utiliza Irfanview para redimensionar tus fotos, antes de colocarlas en la web. Los formatos que se suelen utilizar para la web son JPEG o GIF, porque ofrecen una buena relación calidad-tamaño. 6