Creación de una web:

Lo primero que tenemos que hacer es abrir el progarma, (en primeros consejos se explica), una vez abierto ya tenemos en la ventana del mismo una página web en blanco sobre la que podemos trabajar. Pero antes de empezar vamos a crear nuestro sitio web en nuestro ordenador (computadora) para almacenar en él todas las páginas que hagamos y los archivos que contengan (imágenes, videos, objetos asociados .....). Para crearlo desplegamos el menú archivo seleccionamos nuevo y en la ventana que se abre pinchamos la opción un documento vacío.

Podemos crear cuando deseemos una página utilizando la opción nuevo del menú archivo tal y como aparece en la figura. Recordar que cuando acabemos nuestro trabajo sobre cualquier página creada, seleccionamos guardar del menú archivo (o pulsar ctrl + g) con lo que podremos ponerle un nombre a dicha página y escoger la carpeta donde queremos guardarla.

Estructura de directorios:

Si nuestra web va a contener un pequeño número de páginas y pocas imágenes, podemos almacenar todos los archivos en una única carpeta que constituirá nuestro sitio web, o si creamos una pagina web que ira creciendo en el futuro, debemos crear una estructura de carpetas para poder localizar una pagina en concreto. Esto es muy importante, para que te des cuenta nosotros en esta página web hay unas 2000 imágenes, si o si tienes que organizar carpetas para encontras ciertas imágenes.

Modo edición con NVU:

Como la mayoría de las interfaces de aplicacines estándar, NVU está diseñado con una barra de navegación estándar en la parte superior, que incluye comandos genéricos de gestión de ficheros, así como herramientas específicas para editar y modificar páginas. Y como la mayoría de las aplicaciones estándar, hay una barra de estado en la parte inferior que proporciona información de utilidad. Una vez que se web está abierto en la interfaz del programa, puede editar su web de diversos modos:

• Modo de edición normal: en este modo se muestra la página como un WYSIWYG (lo que ves es lo que obtienes) permitiendo una edición normal, insertando imágenes, texto, tablas, etc. Se ve la apariencia final de la página, pero las zonas y los objetos estan recuadrados para facilitar su manipulación.
• Etiquetas HTML: en esta vista, se muestran las "etiquetas" del lenguaje HTML en fondo amarillo, viendo la estructura de la pagina de una manera visual.
• Código fuente HTML: en esta vista se puede editar directamente el código HTML de la pagina en texto plano.
• Vista previa: es ver la pagina practicamente igual a como se verá en el navegador.

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.

Elementos básicos de una pagina web:

Independientemente del programa que se use para la creación de páginas web, estas pueden contener los mismo elementos:

• Texto
• Imágenes
• Sonidos
• Secuencia de vídeo.

Texto:

El texto, componente fundamental de las páginas web, lo generamos tecleando. Hay una serie de reglas que debemos tener en cuenta con respecto al texto:

• Su objetivo es la legibilidad (parece una obviedad, pero no es inusual encontrar paginas en internet que casi no se puede leer)

En las páginas hay que reservar el subrayado exclusivamente para los enlaces. En general, la cursiva es el formato apropiados para titulares y funciona bien para enfatizar. Cuando quiera destacar una palabra, emplee negrita o cursiva. El uso abusivo de demasiado es demasiados estilos produce un efecto estrambótico. Reserve los tipos de negrita y letra grande para los titulares, los cuales deben destacar sobre el resto de la página.

Continua en tutoriales 2

 

Fuente: CREATIVE COMMONS C.C.