Descargar como PPS, PPTX
Más contenido relacionado
Similar a Trabajando con kompozer
Trabajando con kompozer
- 1. TRABAJANDO CON KOMPOZER PROFESORA ALICIA BARBA
- 2. Antes de comenzara utilizar Kompozer vamos a crear una carpeta en nuestra memoria externa, podes poner tu nombre y dentro de la misma crearemos tres carpetas denominadas:
- 3. Esta es laapariencia de Kompozer
- 4. Lo primero que tenemos que hacer antes de comenzar a trabajar con el editor de html será establecer un título y unas propiedades para la pagina
- 5. Escribimos: 1-Un título: MICROEMPRENDIMIENTO 2-Autor/a: 3-Descripción:
- 6. Si nos fijamosen la parte superior observaremos que aparece el título que le habíamos dado anteriormente
- 7. En la parteinferior del editor podremos ver que hay varias pestañas que serán los tipos de vistas que podemos utilizar, pinchando en 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 HTML
- 8. Este es elcódigo fuente que existe de momento de mi página html:
- 9. Un fichero html siempre comienza por <html> y termina en </html> ¿En qué partes se divide? <html> <head> Encabezamiento: mostrará el título, la descripción del fichero html, el autor y la información adicional que queremos insertar </head> <body> Cuerpo: aparecerá los contenidos de mi página web: texto, imagen, video, audio… </body> </html>
- 10. A continuación guardaremoslos cambios y le daremos un nombre a nuestro fichero html: index
- 11. Cualquier página web está formada por varios ficheros html y el principal se denominada “index”.
- 12. FONDOS Y COLORES ¿Cómo cambio el fondo y los colores de mi página html?
- 14. Vamos a personalizarlos colores
- 15. Vamos a comenzara escribir, elegimos Título 1:
- 16. Insertamos un segundotexto, para ello elegimos Título 2:
- 17. CAMBIO DE TEXTO ¿Cómo cambio el tamaño del texto o añado negrita, cursiva o subrayado? ¿Se puede alinear el texto?
- 18. IMAGENES ¿Cómo inserto una imagen?
- 19. Aparecerá la siguienteventana
- 20. Buscaremosla imagen escudo.png que tenemos en nuestra carpeta imagenes. El texto alternativo sirve por un lado por si falla nuestra imagen y por otro lado facilita información porque cuando situamos el puntero del ratón sobre la imagen aparece el nombre que le hemos dado. Y nos queda así:
- 21. o insertándola enuna tabla
- 22. VISUALIZAR EL FICHERO Me gustaría previsualizar mi fichero index en el navegador ¿qué tengo que hacer? 1. Requisito imprescindible: guardar 2. Pinchar en navegar
- 23. SEGUNDA PAGINA Vamosa crear una segundo fichero html denominado pagina2 y escribimos “Esta es mi segunda página” eligiendo título 2
- 24. Cuidado: No debemosponer acentos ni dejar espacios en blanco en los documentos que de una página web
- 26. TABLAS ¿Cómo creo una tabla?
- 27. Las columnas ylas filas se pueden desplazar,insertar y eliminar
- 28. ENLACES ¿Cómo se crean los enlaces?
- 29. Enlace a unapágina web
- 30. Vamos a convertirTexto 2 en un enlace a un documento pdf
- 31. Aparecerá la mismaventana y tendremos que pinchar en el icono carpeta para buscar donde tenemos el fichero pdf denominado “documento.pdf Cuidado: Está predeterminado en el programa que solo aparezcan los archivos html así que tendremos que desplegar y pinchar en todos los archivos.
- 32. INSERTAR FLECHAS UOTRAS SIGNOS Insertamos una flecha izquierda
- 33. Y convertimos esaimagen en un enlace al fichero index:
- 34. Nos vamos denuevo al fichero index y creamos un enlace en la flecha hacia la derecha que abra nuestro fichero pagina2
- 35. VIDEOS ¿Puedo insertar un video de YouTube en mi página web?
- 36. YA ESTA LA PAGINA QUE LA DISFRUTEN!!!