12
NVU COMO HERRAMIENTA PARA EL DESARROLLO DE PÁGINAS WEB UNIVERSIDAD NACIONAL ABIERTA PROGRAMA DE POSTGRADO ESPECIALIDAD EN TELEMÁTICA E INFORMÁTICA PARA LA EDUCACIÓN A DISTANCIA NUEVAS TECNOLOGÍAS EN LA EDUCACIÓN A DISTANCIA EXTENSIÓN TRUJILLO PARTICIP Ing. M ing.margaretmart Facilit Valera, Mayo del 2014

Instrucción nvu

Embed Size (px)

Citation preview

Page 1: Instrucción nvu

NVU COMO HERRAMIENTA PARA EL DESARROLLO DE PÁGINAS WEB

UNIVERSIDAD NACIONAL ABIERTAPROGRAMA DE POSTGRADO

ESPECIALIDAD EN TELEMÁTICA E INFORMÁTICA PARA LA EDUCACIÓN A DISTANCIANUEVAS TECNOLOGÍAS EN LA EDUCACIÓN A DISTANCIA

EXTENSIÓN TRUJILLO

PARTICIPANTE: Ing. Martínez Margaret CI: 16.881.803

[email protected] Facilitadora: Prof. Msc. Glorycé Torres

Valera, Mayo del 2014

Page 2: Instrucción nvu

Prólogo

Si deseas adquirir conocimientos sobre herramientas para el desarrollo de páginas web, entonces escogiste la presentación adecuada. En este

espacio se explicara una novedosa herramienta llamada NVU, con la que podrás diseñar rápidamente tu páginas ó sitios web sin necesidad de ser un programador profesional. Simplemente tienes que saber manipular

una computadora y utilizar internet.

Page 3: Instrucción nvu

ContenidoINTRODUCCIÓN AL NVU

UTILIZACIÓN DE LA BARRA DE HERRAMIENTAS

USO DE LA BARRA DE ÍCONOS

BARRA DE FUENTES

INSERCIÓN DE IMÁGENES

DESARROLLO DE UNA APLICACIÓN PROTOTIPO

OTRAS ALTERNATIVAS

Page 4: Instrucción nvu

INTRODUCCIÓN AL NVU

NVU ES UN COMPLETO SISTEMA LIBRE Y GRATUIDO PARA CREAR PÁGINAS WEB.

ES SENCILLO DE UTILIZAR Y SE PUEDE DESCARGAR DESDE EL SIGUIENTE LINK:

WWW.NVU.COM

¡DESCARGALO YA!

Page 5: Instrucción nvu

BARRA DE HERRAMIENTASUna vez descargada e instalada la

herramienta, al abrir el programa verás lo siguiente:

Esta barra tiene las mismas características que una hoja de tarea de Word. En ella encontraremos todas la herramientas posibles a utilizar dentro de la aplicación, tales como inserción de tablas, imágenes, códigos de programación,… además de guardar y abrir el proyecto.

Page 6: Instrucción nvu

Explora la barra de herramientas

Toma un tiempo y con calma explora la barra de herramientas. Inicialmente se sugiere crear una carpeta para guardar lo proyectos o paginas web. Una ves salvaguardado, se sugiere explorar uno a uno cada item de la barra. Debido a que es similar a la de microsoft office, es sencilla de ubicar y correlacionar. A continuación se te indicará lo sesencial.

Page 7: Instrucción nvu

Explora la barra de herramientasCrear una nueva página

Abrir una página existente

Guardar

Anímate y sigue explorando la barra de herramientas y verás que rápido te

familiarizaras.

Page 8: Instrucción nvu

BARRA DE ÍCONOSEsta barra contiene íconos de acceso a las herramientas más utilizadas es un diseño web, tal como lo son: crear una nueva página, abrir un proyecto, guardar o actualizar, publicar, insertar links, imágenes, tablas, objetos tipo formulario, imprimir,…

¡Puedes comenzar a familiarizarte insertando una imagen!

Page 9: Instrucción nvu

BARRA DE FUENTESAquí encontraras los tipos de fuente, colores, alineaciones e interlineado.

¡Puedes situarte en esta área y empezar a escribir!

Puedes cambiar el color de fondo.

Page 10: Instrucción nvu

Puedes inserta una tabla

Puedes insertar la imagen que quieras

INSERCIÓN DE IMÁGENES Y TABLAS

Page 11: Instrucción nvu

PROTOTIPO APLICACIÓN WEBWebsite sobre el síndrome “Burnout”

Para culminar y que ud observe si tiene capto la idea esencial del programa, se le pide que diseñe

un website sobre el burnout. Para ello necesita documentarse teóricamente sobre este síndrome para plasmarlo en la página. Ud necesita realizar

lo siguiente:1. Colocar un color de fondo diferente.

2. Insertar una tabla.3. Insertar al menos una imagen.

4. Utilizar distintas fuentes y colores de fuentes

Page 12: Instrucción nvu

OTRAS ALTERNATIVAS

- Si ud. logró hacerlo anterior, se puede decir que en esencia domina el programa. ¿Ve que fácil es?

- Los proyectos generados por NVU pueden ser editados en word, frontpage, dreamweaver, webmatrix,…