Embed Size (px)
Citation preview
TRABAJANDO CON KOMPOZERTRABAJANDO CON KOMPOZERPROFESORA ALICIA BARBAPROFESORA ALICIA BARBA
Antes de comenzar a utilizar Kompozer vamos a crear una carpeta en nuestra Antes de comenzar a utilizar Kompozer vamos a crear una carpeta en nuestra memoria externa, podes poner tu nombre y dentro de la misma crearemos memoria externa, podes poner tu nombre y dentro de la misma crearemos
tres carpetastres carpetasdenominadas:denominadas:
Esta es la apariencia de Kompozer Esta es la apariencia de Kompozer
Lo primero que Lo primero que tenemos que hacer tenemos que hacer antes de comenzar a antes de comenzar a trabajar con el editor trabajar con el editor de html será de html será establecer un título y establecer un título y unas propiedades unas propiedades para la paginapara la pagina
Escribimos:Escribimos:1-Un título: MICROEMPRENDIMIENTO1-Un título: MICROEMPRENDIMIENTO
2-Autor/a:2-Autor/a:3-Descripción:3-Descripción:
Si nos fijamos en la parte superior observaremos que Si nos fijamos en la parte superior observaremos que aparece el título que le habíamos dado anteriormenteaparece el título que le habíamos dado anteriormente
En la parte inferior del editor podremos ver que hay varias pestañas En la parte inferior del editor podremos ver que hay varias pestañas que serán los tipos de vistas que podemos utilizar, pinchando en que serán los tipos de vistas que podemos utilizar, pinchando en
código fuente observaremos donde se ha insertado la información que código fuente observaremos donde se ha insertado la información que habíamos escrito sobre el autor y la descripción de nuestra página habíamos escrito sobre el autor y la descripción de nuestra página
HTMLHTML
Este es el código fuente que existe de momento de mi Este es el código fuente que existe de momento de mi página html:página html:
Un fichero html siempre comienza por <html> y termina enUn fichero html siempre comienza por <html> y termina en </html> ¿En qué partes se divide?</html> ¿En qué partes se divide? <html><html> <head><head> Encabezamiento: mostrará el título, la descripción del fichero html, Encabezamiento: mostrará el título, la descripción del fichero html,
el autor y la información adicional que queremos insertarel autor y la información adicional que queremos insertar </head></head> <body><body> Cuerpo: aparecerá los contenidos de mi página web: texto, imagen, Cuerpo: aparecerá los contenidos de mi página web: texto, imagen,
video, audio…video, audio… </body></body> </html></html>
A continuación guardaremos los cambios y le daremos un A continuación guardaremos los cambios y le daremos un nombre a nuestro fichero html: indexnombre a nuestro fichero html: index
Cualquier página web está formada por Cualquier página web está formada por varios ficheros html y el principal se varios ficheros html y el principal se denominada “index”.denominada “index”.
FONDOS Y COLORESFONDOS Y COLORES
¿Cómo cambio el fondo y los colores de mi ¿Cómo cambio el fondo y los colores de mi página html?página html?
Vamos a personalizar los colores Vamos a personalizar los colores
Vamos a comenzar a escribir, Vamos a comenzar a escribir, elegimos Título 1: elegimos Título 1:
Insertamos un segundo texto, para Insertamos un segundo texto, para ello elegimos Título 2:ello elegimos Título 2:
CAMBIO DE TEXTOCAMBIO DE TEXTO
¿Cómo cambio el tamaño del texto o ¿Cómo cambio el tamaño del texto o añado negrita, cursiva o subrayado?añado negrita, cursiva o subrayado?
¿Se puede alinear el texto?¿Se puede alinear el texto?
IMAGENESIMAGENES
¿Cómo inserto una imagen?¿Cómo inserto una imagen?
Aparecerá la siguiente ventana Aparecerá la siguiente ventana
Buscaremos la imagen escudo.png que Buscaremos la imagen escudo.png que tenemos en nuestra carpeta imagenes.tenemos en nuestra carpeta imagenes.
El texto alternativo sirve por un lado por si El texto alternativo sirve por un lado por si falla nuestra imagen y por otro lado falla nuestra imagen y por otro lado facilita información porque cuando facilita información porque cuando situamos el puntero del ratón sobre la situamos el puntero del ratón sobre la imagen aparece el nombre que le hemos imagen aparece el nombre que le hemos dado.dado.
Y nos queda así:Y nos queda así:
o insertándola en una tabla
VISUALIZAR EL FICHEROVISUALIZAR EL FICHERO
Me gustaría previsualizar mi fichero index Me gustaría previsualizar mi fichero index en el navegador ¿qué tengo que hacer?en el navegador ¿qué tengo que hacer?
1. Requisito imprescindible: guardar2. Pinchar en navegar
SEGUNDA PAGINASEGUNDA PAGINA
Vamos a crear una segundo fichero html Vamos a crear una segundo fichero html denominado pagina2 ydenominado pagina2 y
escribimos “Esta es mi segunda página” escribimos “Esta es mi segunda página” eligiendo título 2 eligiendo título 2
Cuidado: No debemos poner acentos ni dejar espacios en blanco en los documentos que de una página web
TABLASTABLAS
¿Cómo creo una tabla?¿Cómo creo una tabla?
Las columnas y las filas se pueden desplazar,insertar y eliminar
ENLACESENLACES
¿Cómo se crean los enlaces?¿Cómo se crean los enlaces?
Enlace a una página webEnlace a una página web
Vamos a convertir Texto 2 en un Vamos a convertir Texto 2 en un enlace a un documento pdfenlace a un documento pdf
Aparecerá la misma ventana y tendremos que pinchar en el Aparecerá la misma ventana y tendremos que pinchar en el icono carpeta para buscar donde tenemos el fichero pdf icono carpeta para buscar donde tenemos el fichero pdf
denominado “documento.pdfdenominado “documento.pdf
Cuidado: Está predeterminado en el programa que solo aparezcan los archivoshtml así que tendremos que desplegar y pinchar en todos los archivos.
INSERTAR FLECHAS U OTRAS INSERTAR FLECHAS U OTRAS SIGNOSSIGNOS
Insertamos una flecha izquierda Insertamos una flecha izquierda
Y convertimos esa imagen en un Y convertimos esa imagen en un enlace al fichero index:enlace al fichero index:
Nos vamos de nuevo al fichero index y creamos un enlace Nos vamos de nuevo al fichero index y creamos un enlace en la flecha hacia la derecha que abra nuestro fichero en la flecha hacia la derecha que abra nuestro fichero
pagina2pagina2
VIDEOSVIDEOS
¿Puedo insertar un video de YouTube en ¿Puedo insertar un video de YouTube en mi página web? mi página web?
YA ESTA LA PAGINA QUE LA YA ESTA LA PAGINA QUE LA DISFRUTEN!!!DISFRUTEN!!!
