|
Entorno gráfico
Una vez instalado el
programa, nos enfrentamos a la pantalla inicial tal y como podemos
apreciar en la siguiente imagen. Desde este momento ya podemos empezar
a crear nuestra web como si de un procesador de texto se tratara,
simplemente escribiendo en el espacio en blanco que se nos presenta,
pero esto lo vamos a dejar para más adelante; ahora detengámonos para
observar esta pantalla con mas detalle y ver cada una de sus partes.
1. Pantalla inicial
Vemos
las disposiciones habituales de los programas de windows y linux
gráfico, con las distintas áreas de trabajo, herramientas e
información. Distintas versiones y configuraciones del sistema
operativo mostrarán una estética algo diferente, pero los elementos
permanecen.
2. Barra de menus
La primera barra que vemos es la
"barra de menús", en ella aparecen las cabeceras de los menús que se
irán desplegando a medida que hagamos clic en ellas. La disposición es
la habitual en la mayoría de los programas windows: Archivo, Edición,
Ver, Inserta, Formato, Tabla, Herramientas, etc. Algunas de estas
opciones se repiten en la barra de botones o pueden ejecutarse mediante
una composición de teclas.
3. Barra de composición
La
segunda es la "barra de composición", permite atajar las operaciones
más usadas en la creación y el diseño, entre los botones más usuales
están:
- Nuevo:
La
utilizaremos para crear un documento o página nueva, abrirá a
su vez, un cuadro de diálogo donde deberemos señalar algunas opciones.
- Abrir:
Nos
abre una página ya creada y guardada previamente.
- Guardar:
Guarda la página que estamos creando en ese momento, se abre
primero un cuadro de diálogo donde deberemos ponerle un nombre si no lo
tiene.
- Publicar:
Este botón hará que la página se guarde en el servidor de
internet desde será vista por los navegantes.
- Enlace interno:
Como su nombre indica sirve para crear enlaces dentro
de la propia página.
- Enlace: Esta
opción permite crear enlaces a otras páginas.
- Imagen: Abre
la ventana de propiedades de la imagen, para permitir
localizar el archivo que la contiene e insertarla en el documento.
- Tabla: Abre
la ventana insertar tabla, donde elegiremos el número de
filas y columnas que tendrá nuestra tabla.
- Formulario:
Abrirá la ventana propiedades del formulario.
- Ortografía:
Realiza la corrección ortográfica de nuestro texto abriendo
la ventana revisar ortografía.
- Imprimir:
Imprime la página que estamos creando.
4. Barra de formato
Otra
de las barras a la que también vamos a dar bastante uso es la de
Formato, si
miramos de izquierda a derecha, sus elementos más notables
son:
- Formato
de párrafo: Es un menú
desplegable donde se muestran los distintos formatos que podremos dar a
los párrafos del documento.
- Fuente
o tipo de letra: También como menú desplegable nos
presenta el tipo de letra que estamos utilizando.
- Color:
Nos
permite cambiar el color del texto para resaltar alguna palabra o
párrafo.
- Tamaño:
permite ampliar o reducir el tamaño del texto.
- Negrita
(B),
Cursiva
(I)
y Subrayado
(U): Son estilos de presentación
de las fuentes, para resaltar o destacar, determinadas palabras.
- Listas:
permite la creación de listas jerarquizadas, utilizando números o
viñetas.
- Justificación:
Alinea el texto a izquierda, centro, derecha, o lo
"justifica", o sea, distribuye por igual entre los dos márgenes,
derecho e izquierdo.
- Sangrías:
Definen los límites izquierdo y derecho de los párrafos seleccionados
dentro de un documento.
5. Modos de edición
A la hora de editar una
página web, hay varios modos de editar la página:
- :
en este modo se muestra la página como un WYSIWYG (lo que ves es lo que
obtienes), permitiendo una edición normal, insertando texto, imágenes,
tablas, etc. Se ve la apariencia final de la página, pero las zonas y
los objetos están recuadrados para facilitar su manipulación. Los
objetos dinámicos no se ven.
- : en esta
vista, se muestran las “etiquetas”
del lenguaje HTML en fondo amarillo, viendo la estructura de la página
de una manera visual.
- : en esta
vista se puede editar directamente el código HTML de la página en texto
plano.
- :
vista previa de la página prácticamente igual a como se verá en el
navegador. Desde esta vista también puede editarse el texto y el
formato de los objetos.
En
cualquiera de estos modos se puede editar el contenido de la página.
Mediante las solapas ubicadas en la zona inferior, se puede cambiar
fácilmente de un modo a otro.
6. Otras barras.
- Barra de
titulo: Es la barra
superior de la pantalla de NVu. A la izquierda de esta barra aparece el
título de la página web que estamos editando y el nombre del archivo en
caso de que ya lo hayamos guardado con anterioridad. A la derecha los
botones de control de la venta minimizar, maximizar/restaurar y cerrar.
- Ventana
administración sitios web:
Accedemos a ella mediante la opción Ver
--> Mostrar/Ocultar
---> Administrador
de sitios. Se sitúa a la izquierda de la pantalla y en
ella configuraremos nuestros sitios
web, para poder acceder de forma rápida a sus distintas páginas web. A
través de ella también podremos publicar en Internet nuestras Webs y
editar directamente las paginas ya publicadas sin necesidad de tenerlas
guardadas en nuestro disco local.
Ventana de área de edición:
En esta área es donde diseñáramos y editaremos nuestras páginas. Es
nuestro espacio de trabajo. Cada página que estemos editando se
mostrara en esta área, pudiendo cambiar de una a otra mediante las
pestañas que se muestran en la parte superior con el titulo de cada
página. También podemos mostrar las reglas en esta área, que nos
ayudaran a dimensionar diversos objetos.
Barra de estado:
Proporciona información como la relativa a dentro de que etiqueta nos
encontramos. Además a través de ella podemos seleccionar etiquetas con
sus contenidos para realizar acciones sobre ellos como dar formatos,
eliminar, etc.
[ir arriba]
|
|
Creación de Páginas Web con
NVu/KompoZer
