Informatica

Curso Diseño Web con Software libre, VNU

Manual NVU

1. - ¿QUE ES VNU?
NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin costo alguno, incluyendo su código fuente por si necesita hacer cambios especiales. NVU esta diseñado para ser extremadamente fácil deusar, haciéndolo ideal para los usuarios menos experimentados que quieran crear una web atractiva y de diseño profesional sin necesidad de conocer HTML o código web. La página principal del proyecto es http://www.nvu.com/. NVU es un programa relativamente nuevo, del que aun no existe una versión estable, la última apareció el 14 de Abril de 2005: Nvu 1.0 Preview Release Entre sus característicasdestacan las siguientes:

• • • • •

Multiplataforma (Windows, Mac OS X, OS2, muchas variantes de Linux) Modo WYSIWYG (What You See Is What You Get/lo que ves es lo que obtienes) Gestor de archivos vía FTP integrado Soporte para formularios, tablas, plantillas de diseño, hojas de estilo CSS, etc El código HTML creado funcionará en los navegadores web más habituales

2. - ENTORNO DE TRABAJO DENVU
En la ventana de trabajo de VNU nos encontramos los siguientes elementos (de arriba abajo): Barra de titulo: 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. Barra de menús: Con los menúsArchivo, Ver, Insertar, Formato, Tabla, Herramientas, Ayuda. A través de estos menús podemos acceder a todas las opciones del programa. Barra de redacción: En ella aparecen botones con las opciones de uso más habitual que se encuentran en la barra de menú. A través de estos botones accedemos más rápidamente a estas opciones. Barras de Formato: Con botones que nos permiten acceder a opciones másbásicas de formato de texto y párrafos. Estas son similares a las de cualquier procesador de textos. Bajo esta tenemos otra barra con más opciones de formatos y además de otras relacionadas con el formato aplicando estilos y las capas. Ventana administración sitios web: Esta situada a la izquierda y en ella configuraremos nuestros sitios web, para poder acceder de forma rápida a sus

Raúl SánchezDomínguez

Página 1

Curso Diseño Web con Software libre, VNU

Manual NVU

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 detrabajo. 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 modo de edición: Aparecen cuatro pestañas con las que podremos cambiar el modo de edición:
• • •

•Normal (o modo Wysiwyg) Etiquetas HTML (muestra de forma esquemática las etiquetas utilizadas) Código Fuente (acceso al código HTML de la página) Vista Preliminar (Como se vería la pagina en el navegador)

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 accionessobre ellos como dar formatos, eliminar, etc.

3. - CREAR UN SITIO LOCAL
Un sitio local es un conjunto de páginas que aun no han sido publicadas en Internet, es decir páginas guardadas en carpetas de nuestro disco duro. Para crear un sitio local basta con ir creando páginas y guardándolas en alguna carpeta. Las imágenes utilizadas en las páginas es aconsejable colocarlas en una carpeta...