Kompozer.

Presentación del tema: "Kompozer."— Transcripción de la presentación:

1 kompozer

2 Lo primero que debemos hacer para hacer nuestra pagina web en kompozer es crear una carpeta donde guardaremos todos los archivos html y las imágenes que utilizamos para nuestra pagina. Es necesario que todo se guarde sin espacios ni mayúsculas. Cada modificación que hagamos la tenemos que guardar para poder ver los resultados.

3 Pagina principal La pagina principal siempre la guardaremos como “index”, que significa inicio. Al dar la opción “guardar” o “guardar como” nos aparecera el siguiente recuadro

4

5 Como colocar una imagen de fondo
Lo primero que debemos hacer es in a la barra de herramientas, seleccionar la opcion “formato”, y una de las ultimas opciones es “colores y fondo de pagina”

6

7 Damos click en la carpeta y exploramos la imagen que queremos de fondo; damos click en aceptar y listo.

8 Como insertar una imagen en nuestra pagina
Seleccionamos la opción “imagen” que se encuentra en la barra de herramientas; en el recuadro que nos aparece seleccionamos la carpeta para explorar en nuestro computador la imagen que queremos y le damos aceptar. Es importante seleccionar la opción “no usar texto alternativo”

9

10 Como crear un enlace a otras paginas a otros archivos HTML que hemos creado
Lo primero que debemos hacer es guardar los archivos HTML con un nombre. Resaltamos la palabra o la imagen que queremos que tenga el vinculo. Lo siguiente es dar click en la opción “enlace” que se encuentra en la barra de herramientas (es importante que seleccionemos “enlace” y no “enlace interno”) Seleccionamos la carpeta para explorar y seleccionar en nuestro computador el archivo HTML

11

12 Como crear enlaces a paginas web ya establecidas
Subrayamos la palabra o la imagen que queremos que tenga el enlace Damos click en “enlace” que se encuentra en la barra de herramientas y en el cuadro “ubicación del enlace” y escribimos el URL de la pagina web (ejemplo:

13

14 Enlace a correo electronico
Subrayamos la palabra o la imagen que queremos que tenga el enlace al correo Damos click en “enlace” que se encuentra en la barra de herramientas y en el cuadro “ubicación del enlace” y escribimos el correo electrónico y señalamos la opción “lo anterior es una opción de correo electrónico”

15

16 Enlace interno Este enlace interno sirve para movilizarnos en la pagina automáticamente, ya sea ir de la parte inferior de la pagina a la parte superior .

17 Primero seleccionamos el sitio donde queremos el enlace, o donde queremos que se desplace, en el siguiente ejemplo va a ser en la parte superior de la pantalla. Una ves seleccionado el sitio damos click en “enlace interno” que se encuentra en la barra de herramientas y le damos aceptar, podemos dejar el nombre que tiene automáticamente o escribir uno nuevo.

18

19 En el sitio donde hicimos el enlace, aparecerá un ancla.
Después seleccionamos la otra parte del enlace, que en este caso es en la parte inferior de la pantalla; y damos click en “enlace” (no en “enlace interno”) y en la barra desplegable seleccionamos el enlace interno que habíamos creado anteriormente.

20

21 Como crear una tabla Nos ubicamos donde queremos tener la tabla
Damos click en la opción “tabla” en la barra de herramientas Seleccionamos el numero de casillas que queramos

22