hecho con NvuCreación de Páginas Web con Nvu/KompoZer
Página de inicio                                                                                                                                                                  Curso de Formación TIC 2007-2008

La primera página web

1. Crear una página web

Crear una página nueva es tan simple como elegir la opción Nuevo en el menú Archivo o pulsar las teclas CTRL-N.



Aparece un cuadro de diálogo en el que podemos elegir:

  • Crear una página vacía, en la que podemos elegir si queremos que cumpla el estándard XHTML y usar el formato Strict DTD.
  • Crear un documento a partir de una plantilla previamente creada.
  • Crear una plantilla vacía. Es útil cuando queremos dar un aspecto uniforme a nuestro trabajo, por ejemplo para que todas las páginas de un sitio web presenten un mismo aspecto.
El nuevo documento puede crearse en una nueva pestaña o en una ventana nueva de programa. Si usamos el botón Nuevo de la barra de botones se crea directamente una página web vacía.

2. Escribiendo en la página web

La inserción de textos no tiene ninguna dificultad, es exactamente igual a como lo haríamos en cualquier procesador de textos, solamente señalar que los caracteresespeciales como vocales acentuadas, eñes, paréntesis, etc. en HTML se escriben de una forma especial, utilizando códigos. Si trabajamos en el modo de edición normal, la aplicación NVU se encargara de traducir los caracteres especiales que escribamos al modo de código de caracteres en HTML. Los espacios en blanco también tienen untratamiento especial. También podemos insertar otros caracteres especiales o símbolos no disponibles a través del teclado, desde el menú Insertar y escogiendo la opción Caracteres y Símbolos. Para una lista completa de caracteres especiales y su representación en HTML ver la Referencia de Entidades. Podemos igualmente dar formatos personalizados a los textos, colores, insertar imágenes, tablas, elementos multimedia... en suma crear una página web con todos sus elementos, a lo que nos dedicaremos en los próximos apartado de este tutorial del curso.


3. Guardando el documento

Bien sea con el menú o con el botón de gardar, siempre debemos guardar nustra página para evitar que se pierda al apagar el programa. Al igual que antes podemos usar el menú Archivo (o la combinación de teclas CTRL+S). Si no lo hemos guardado antes al cerrar el programa nos pedirá si queremos guardarlo y con qué nombre.


En cualquier caso accederemos a la ventana donde se nos solicita un título para nuestra página, OJO no se trata del nombre de la página.



Y justo antes de guardar el documento debemos teclar el nombre del archivo en el que guardamos la página web, para este nombe es conveniente seguir estos consejos:



  • Utilizar siempre letras minúsculas.
  • No emplear caracteres "extraños" como eñes, tildes, espacios...
  • No usar caracteres reservados como asteriscos, signos de interrogación, paréntesis, etc.
  • No dejar espacios en blanco entre las distintas palabras del título, si queremos separarlas podemos utilizar el guión bajo ( _ ).

4. Configurar las propiedades de la página

Las propiedades de la página se configuran desde la opción Título y propiedades de página que se encuentra en el menú Formato.


  • En el área relativa a Información personal debemos introducir el Titulo de la página, el nombre del Autor y una breve Descripción del contenido de la página. Es recomendable rellenar todos estos datos ya que algunos buscadores los utilizaran para indexar la página en sus bases de datos.
  • Disponemos de la opción para indicar que la página se trata de una plantilla que utilizaremos como base en futuros diseños. Las plantillas se guardan con una extensión del tipo archivo.mzt
  • Además podremos introducir en el área llamada Internacionalización las opciones referentes al idioma y juego de caracteres utilizados en la página.


Estos datos son importantes para que los buscadores sepan clasificar el idioma de nuestra página y para que los caracteres se muestren correctamente en ordenadores configurados con otros idiomas distintos al nuestro. Podemos configurar otras propiedades de la página accediendo al menú Formato y escogiendo la opción Colores y fondo de página.



Disponemos de dos opciones para establecer los colores de la página: Usar Colores predeterminados o Usar colores personalizados. Si elegimos usar Colores predeterminados, los textos, enlaces y el color de fondo de fondo se mostraran con los colores configurados en el navegador.



Con Usar colores personalizados, podemos definir el color en que se mostraran los textos, enlaces y fondo de la página independientemente de los colores configurados en nuestro navegador.


5. Trabajar con pestañas

Nvu permite editar varios documentos al mismo tiempo. En lugar de cambiar de una ventana a otra para editar más de un documento, NVu ofrece la posibilidad de las Pestañas, por lo que se pueden abrir varios documentos al mismo tiempo con NVu en la misma ventana pero en distintas pestañas. Las pestañas pueden abrirse usando Ctrl+T, o bien seleccionando Crear en: Nueva pestaña dentro del cuadro de diálogo Crear un nuevo documento o plantilla. Aunque se tengan varias pestañas abiertas, cada una es gestionada independientemente. 

Se indica el estado de cada documento; por ejemplo, si ha sido modificado y necesita ser guardado, aparecerá un icono de un disquete rojo en la pestaña correspondiente.

5.Visualización del trabajo realizado
Una vez que hemos creado nuestra página, podemos visualizarla desde el programa navegador (recomendamos Mozilla Firefox). Para esto arrancamos el navegador por defecto que tengamos en nuestro ordenador desde NVU de varias formas:

1. Seleccionando la opción Visualizar página en el navegador desde el menú Archivo



2. Pinchando el botón Navegar situado en la Barra de herramientas.



También se puede abrir desde el navegador seleccionando el archivo de nuestra página Web. Hay que tener en cuenta que cada vez que realice modificaciones en su página, podrá ver reflejados los cambios en el programa navegador, por lo que se guardará la página antes de verla. En la metodología de trabajo para la edición de páginas Web es importante trabajar siempre con las dos aplicaciones abiertas: el programa que permite crear las páginas (en nuestro caso, NVU) y la aplicación que permite visualizarlas (el navegador).


[ir arriba]

José Manual Lara Fuillerat - 2008 - I.E.S. Carbula (Almodóvar del Río, Córdoba)