COLEGIO PABLO DE TARSO IED

CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS

NVU - PRCTICAS DOC RAUL MONROY PAMPLONA


INTRODUCCIN AL CURSO DE NVU

nvu es un editor de pginas web
wysiwyg multiplataforma basado en
mozilla composer, pero de ejecucin
independiente. aade caractersticas
nuevas como soporte integrado de css
y mejor gestin del soporte ftp para
actualizacin de los ficheros.
este editor facilita el desarrollo de pginas web, gracias
a las diferentes visualizaciones disponibles en su interfaz (cdigo fuente, ventana
wysiwyg, visin con tags de html realzados), entre los cuales es posible cambiar
mediante un sistema de pestaas.
incluye tambin otras caractersticas como gestin de trabajo mediante proyectos,
cliente ftp integrado para subir la pgina directamente desde nvu y soporte para todos
los elementos tpicos: marcos, formularios, tablas,
plantillas de diseo, hojas de estilo css, etc.

Iniciamos nvu
para arrancar nvu podemos hacer dos cosas: hacer
doble clic sobre el icono de acceso directo que nos crea
en el escritorio. o bien pinchar en el men inicio
todos los programas nvu icono nvu. en la
ventana de trabajo de nvu nos encontramos los siguientes elementos (de arriba abajo):


Barra de ttulo: a la izquierda de esta barra aparece el ttulo de la pgina 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 mens: con los mens archivo, ver, insertar, formato, tabla, herramientas,
ayuda. a travs de estos mens podemos acceder a todas las opciones del programa.



Barra de redaccin: en ella aparecen botones con las opciones de uso ms habitual
que se encuentran en la barra de men. a travs de estos botones accedemos ms
rpidamente a estas opciones.



Barras de formato: con botones que nos permiten acceder a opciones ms bsicas de
formato de texto y prrafos. estas son similares a las de cualquier procesador de textos.
bajo esta tenemos otra barra con ms opciones de formatos y adems de otras
relacionadas con el formato aplicando estilos y las capas.



Ventana administracin sitios web: esta situada a la izquierda y en ella
configuraremos nuestros sitios web, para poder acceder de forma rpida a sus distintas
pginas web. a travs de ella tambin podremos publicar en internet nuestras webs y
COLEGIO PABLO DE TARSO IED
CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS
NVU - PRCTICAS DOC RAUL MONROY PAMPLONA

editar directamente las paginas ya publicadas sin necesidad de tenerlas guardadas en
nuestro disco local. (f9)


Ventana de rea de edicin: en esta rea es donde diseramos y editaremos nuestras
pginas. es nuestro espacio de trabajo. cada pgina que estemos editando se mostrara
en esta rea,




Barra de modo de edicin: aparecen cuatro pestaas con las que podremos cambiar el
modo de edicin:
normal (o modo wysiwyg)
o etiquetas html (muestra de forma esquemtica las etiquetas utilizadas)
o cdigo fuente (acceso al cdigo html de la pgina)
vista preliminar (como se vera la pagina en el navegador)



Barra de estado: proporciona informacin como la relativa a dentro de que etiqueta nos
encontramos adems a travs de ella podemos seleccionar etiquetas con sus
contenidos para realizar acciones sobre ellos como dar formatos, eliminar, etc.

Comencemos por preguntarnos qu secciones tendr nuestra web, nmero de
pginas, la organizacin de las mismas, los mecanismos que permitirn la
exploracin del web, etc. las etapas que se desarrollan en esta fase de diseo son
las siguientes:

Fragmentacin de los contenidos en bloques de informacin. consiste decidir
qu va en cada pgina del web.
Definicin de las relaciones entre los bloques de informacin (construccin
de una estructura jerrquica). una vez que se ha establecido qu debe ir en
cada pgina, es necesario determinar las relaciones que existen entre las pginas
en trminos jerrquicos.
Creacin de un sistema de navegacin. el sistema de navegacin de una web
es el conjunto de elementos que permiten explorar las pginas. los elementos
bsicos del sistema son los hipervnculos; las conexiones que stos crean
constituyen autnticas rutas de exploracin, caminos o atajos.
El objetivo de esta etapa no es crear los hipervnculos sino planear las rutas de
exploracin de los contenidos, decidir cul ser el punto de partida que se desea
dar al usuario del web y cules los puntos de llegada; dnde situar las
bifurcaciones de los recorridos; qu herramientas de navegacin se
proporcionarn, etc., de forma que las conexiones entre las pginas deben
permitir la exploracin de la totalidad el web de forma lgica y transparente.
Una buena forma de comenzar a plantearse la web de un asignatura puede ser
(de hecho lo es) ver qu estn haciendo otros compaeros.



COLEGIO PABLO DE TARSO IED
CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS
NVU - PRCTICAS DOC RAUL MONROY PAMPLONA

modos de edicin con nvu

Modo de edicin normal: en este modo
se muestra la pgina como un wysiwyg
(lo que ves es lo que obtienes),
permitiendo una edicin normal,
insertando texto, imgenes, tablas, etc.
se ve la apariencia final de la pgina,
pero las zonas y los objetos estn
recuadrados para facilitar su
manipulacin. los objetos dinmicos no
se ven.


Etiquetas html: en esta vista, se muestran las etiquetas
del lenguaje html en fondo amarillo, viendo la estructura de la
pgina de una manera visual.


Cdigo fuente html: en esta vista se
puede editar directamente el cdigo html de la
pgina en texto plano.


Vista previa: vista previa de la pgina prcticamente igual a como se ver en el
navegador. desde esta vista tambin puede editarse el texto y el formato de los
objetos. en cualquiera de estos modos se puede editar el contenido de la pgina.
mediante las solapas ubicadas en la zona inferior, se puede cambiar fcilmente
de un modo a otro.



Elementos bsicos de una pgina web

Independientemente del programa que se use para la creacin de pginas web, stas
pueden contener los mismos elementos, por ejemplo:
texto: esttico o en movimiento.
imgenes: fijas o animadas.
sonidos.
secuencias de vdeo.