asdf
Páginas: 8 (1891 palabras)
Publicado: 9 de diciembre de 2014
Guía rápida para KompoZer
GUÍA RÁPIDA PARA KOMPOZER
Configuración inicial
•
Menú Herramientas > Preferencias > General. Desactivar la casilla: Usar estilos CSS en
lugar de aytributos y elementos HTML.
•
Menú Herramientas > Preferencias > Config. Nuevas páginas. Autor: Nombre y apellido
del alumno. Elegir idioma: Español [es].
•
Menú Herramientas > Preferencias > Avanzado.Marcado: a) Lenguaje: XHTML 1;
b)DTD: Transitional.
Crear un documento nuevo
•
Cada vez que abrimos el programa nos aparece un documento nuevo.
•
Si necesitamos abrir otro documento nuevo, tenemos varias opciones:
1. Pulsar sobre el botón Nuevo.
2. Menú Archivo > Nuevo.
3. Control + N.
Guardar un documento
•
Si es la primera vez que lo guardamos, tenemos varias opciones:
1.Pulsar sobre el botón Guardar.
2. Menú Archivo > Guardar
3. Control + S.
En cualquiera de los casos, en la ventana que se abre buscamos y abrimos la carpeta donde
queremos guardarlo, escribimos en Nombre: nombre_archivo.html, y pulsamos el botón
Guardar.
•
Si no es la primera vez que lo guardamos, el procedimiento es el mismo que el anterior, pero
en esta ocasión no aparece ningunaventana, puesto que el archivo se guarda con el mismo
nombre que ya tiene y en el mismo lugar.
•
Si queremos guardar el documento con otro nombre, en otro lugar, o ambas cosas: menú
Archivo > Guardar como... En la ventana que se abre buscamos y abrimos la carpeta
donde queremos guardarlo, escribimos en Nombre: nombre_nuevo_archivo.html, y
pulsamos el botón Guardar.
Abrir un documento
•Si se trata de un archivo almacenado en nuestro ordenador, tenemos varias posibilidades:
4. Pulsar sobre el botón Abrir.
© Pedro J. Castela
1/6
Guía rápida para KompoZer
5. Menú Archivo > Abrir archivo.
6. Control + O (letra O de Open).
En cualquiera de los casos, en la ventana que se abre buscamos y abrimos la carpeta donde
esté el archivo, hacemos clic sobre el mismo y pulsamosen el botón Abrir.
4. Si se trata de un archivo usado recientemente podemos abrirlo mediante el menú
Archivo > Páginas recientes y en la lista que se despliega elegimos el archivo.
Crear un contenedor DIV con un atributo ID
•
Desde la vista Código: sitúa el cursor en el lugar en el que quieras insertar el div y escribe
el siguiente código:
Contenido
Sustituye “identificador” por elnombre del div que corresponda. El texto Contenido
es para que el div no esté vacío; después se cambia por el contenido real.
•
Desde la vista Normal: sitúa el cursor en el punto en el quieras insertar el div y escribe
cualquier texto, por ejemplo Contenido. A continuación, haz clic en el menú Formato >
Párrafo > Contenedor genérico (DIV), o elige esa opción en la lista desplegablecorrespondiente al formato de párrafo.
Para asignarle el atributo id desde la vista Normal:
1. Coloca el cursor dentro del contenedor div correspondiente.
2. Haz clic sobre la etiqueta correspondiente en la barra de estado (parte inferior)
3. Pulsa en el botón derecho del ratón y en el menú de contexto selecciona
Propiedades avanzadas.
© Pedro J. Castela
2/6
Guía rápida para KompoZer4. En la ventana que se abre, selecciona el atributo id y escribe el valor que
corresponda, por ejemplo: encabezado.
Nota: como puedes observar, es mucho más fácil realizar esta tarea desde la vista código.
Crear varios contenedores DIV dentro de otro contenedor DIV
Supongamos que queremos crear los contenedores div con id=”hijo1” y con id=”hijo2” dentro del
div con id=”padre”.
•Desde la vista Código: sitúa el cursor en el lugar en el que quieras insertar el div y escribe
el siguiente código:
Padre
Hijo 1
Hijo 2
•
Desde la vista Normal: sitúa el cursor en el punto en el quieras insertar el div y crea un
primer div con id=”padre” como se indica en el apartado anterior. Como contenido inicial
escribe el texto Padre. Después, pulsa la tecla Intro para pasar a la...
GUÍA RÁPIDA PARA KOMPOZER
Configuración inicial
•
Menú Herramientas > Preferencias > General. Desactivar la casilla: Usar estilos CSS en
lugar de aytributos y elementos HTML.
•
Menú Herramientas > Preferencias > Config. Nuevas páginas. Autor: Nombre y apellido
del alumno. Elegir idioma: Español [es].
•
Menú Herramientas > Preferencias > Avanzado.Marcado: a) Lenguaje: XHTML 1;
b)DTD: Transitional.
Crear un documento nuevo
•
Cada vez que abrimos el programa nos aparece un documento nuevo.
•
Si necesitamos abrir otro documento nuevo, tenemos varias opciones:
1. Pulsar sobre el botón Nuevo.
2. Menú Archivo > Nuevo.
3. Control + N.
Guardar un documento
•
Si es la primera vez que lo guardamos, tenemos varias opciones:
1.Pulsar sobre el botón Guardar.
2. Menú Archivo > Guardar
3. Control + S.
En cualquiera de los casos, en la ventana que se abre buscamos y abrimos la carpeta donde
queremos guardarlo, escribimos en Nombre: nombre_archivo.html, y pulsamos el botón
Guardar.
•
Si no es la primera vez que lo guardamos, el procedimiento es el mismo que el anterior, pero
en esta ocasión no aparece ningunaventana, puesto que el archivo se guarda con el mismo
nombre que ya tiene y en el mismo lugar.
•
Si queremos guardar el documento con otro nombre, en otro lugar, o ambas cosas: menú
Archivo > Guardar como... En la ventana que se abre buscamos y abrimos la carpeta
donde queremos guardarlo, escribimos en Nombre: nombre_nuevo_archivo.html, y
pulsamos el botón Guardar.
Abrir un documento
•Si se trata de un archivo almacenado en nuestro ordenador, tenemos varias posibilidades:
4. Pulsar sobre el botón Abrir.
© Pedro J. Castela
1/6
Guía rápida para KompoZer
5. Menú Archivo > Abrir archivo.
6. Control + O (letra O de Open).
En cualquiera de los casos, en la ventana que se abre buscamos y abrimos la carpeta donde
esté el archivo, hacemos clic sobre el mismo y pulsamosen el botón Abrir.
4. Si se trata de un archivo usado recientemente podemos abrirlo mediante el menú
Archivo > Páginas recientes y en la lista que se despliega elegimos el archivo.
Crear un contenedor DIV con un atributo ID
•
Desde la vista Código: sitúa el cursor en el lugar en el que quieras insertar el div y escribe
el siguiente código:
Contenido
Sustituye “identificador” por elnombre del div que corresponda. El texto Contenido
es para que el div no esté vacío; después se cambia por el contenido real.
•
Desde la vista Normal: sitúa el cursor en el punto en el quieras insertar el div y escribe
cualquier texto, por ejemplo Contenido. A continuación, haz clic en el menú Formato >
Párrafo > Contenedor genérico (DIV), o elige esa opción en la lista desplegablecorrespondiente al formato de párrafo.
Para asignarle el atributo id desde la vista Normal:
1. Coloca el cursor dentro del contenedor div correspondiente.
2. Haz clic sobre la etiqueta correspondiente en la barra de estado (parte inferior)
3. Pulsa en el botón derecho del ratón y en el menú de contexto selecciona
Propiedades avanzadas.
© Pedro J. Castela
2/6
Guía rápida para KompoZer4. En la ventana que se abre, selecciona el atributo id y escribe el valor que
corresponda, por ejemplo: encabezado.
Nota: como puedes observar, es mucho más fácil realizar esta tarea desde la vista código.
Crear varios contenedores DIV dentro de otro contenedor DIV
Supongamos que queremos crear los contenedores div con id=”hijo1” y con id=”hijo2” dentro del
div con id=”padre”.
•Desde la vista Código: sitúa el cursor en el lugar en el que quieras insertar el div y escribe
el siguiente código:
Padre
Hijo 1
Hijo 2
•
Desde la vista Normal: sitúa el cursor en el punto en el quieras insertar el div y crea un
primer div con id=”padre” como se indica en el apartado anterior. Como contenido inicial
escribe el texto Padre. Después, pulsa la tecla Intro para pasar a la...
Leer documento completo
Regístrate para leer el documento completo.