Práctica 11

Como carta de presentación cabe incluir unos conceptos sobre HTML.

· HTML es un lenguaje de descripción, describe el contenido de la página.
· Javascript es un lenguaje de programación, Javascript es el que recuerda de que página venimos cuando navegamos por la web.
Antes de Javascript existía el Ajax.
· Css, es el que controla el aspecto visual de nuestra página.

· Para empezar con la práctica 11, deberemos crear varias carpetas y utilizar el programa Dreamweaver.

Creación de carpetas:

· Como se dijo en anteriores post, creamos una carpeta con un nombre, sin espacios, en la carpeta Web del usuario, dentro de esta carpeta, incluimos la carpeta img.

· De nuevo creamos otra carpeta, con el mismo nombre, pero esta vez en Wuala, si no viene por defecto la carpeta web, creamos una y le damos permisos, un ejemplo es el de la siguiente imagen:


· Aquí le indicaremos que sea público, con lo que veremos que el color de la carpeta será de color azul.


· Abrimos Dreamweaver y antes de empezar deberemos fijarnos en un detalle:



El significado de esto es que según la resolución con la que hagamos la web, depende en qué pantalla se navegará de una forma u otra. El consejo de Jordi es hacer la web con el tamaño de hoja pequeña o predeterminado como le llama Dreamweaver.

· Bien, ya tenemos nuestra carpeta web en el usuario y en el Wuala, ahora toca indicarle a Dreamweaver en qué sitio está cada cosa.

· Vamos a la parte superior, a "Sitio", "Nuevo sitio".
· Veremos que nos aparece en el apartado "Datos locales" varias cosas para rellenar.

· "Nombre del sitio", le ponemos el mismo nombre que la carpeta que creamos en el usuario. Si yo mi carpeta en el usuario/ Web la llamé "Practica11", en Nombre del sitio le tenemos que llamar igual.
· "Carpeta Raiz" pues es la carpeta que hemos creado en el usuario/ Web y en el que guardaremos y yaceran nuestro archivo HTML. Es una carpeta base.
· "Carpeta predeterminada de imágenes": pues aquí le indicaremos que busque nuestra carpeta img del usuario/ Web o sino podemos crearla en ese mismo momento.

· Si le damos a aceptar, veremos el resultado en la imagen siguiente.












· Volviendo al menú de antes y debajo de "Datos locales", encontramos "Datos remotos", que es el lugar donde se encontrará nuestra pagina, un lugar externo al del Pc, como un servidor o un lugar de alojamiento web, un ejemplo es Wuala, el cual es un servidor externo que nos ayudará a alojar la web en público.

· Nosotros para esto utilizaremos la opción Local/red que se encuentra al abrir la pestaña del menú. Le indicamos la carpeta creada en Wuala y debajo veremos unas opciones. Aquí rellenaremos las opciones de "mantener información de sincronización" y "cargar archivos en el servidor automáticamente al guardar".

· De esta manera haremos que se guarden los cambios automáticamente en Wuala y todos los archivos que se efectúen en la web al guardarlos se sincronizarán en el Wuala.


· Si ahora guardamos la página HTML que estuviéramos haciendo veríamos, como este documento se guarda en la carpeta del usuario/ Web y automáticamente en Wuala.

En el caso de que el documento HTML contenga imágenes, también se guardaran automáticamente, eso sí, si movemos cualquier imagen o carpeta, se nos desconfigura la web.

En caso de que no sincronice bien con Wuala, podremos ir a "Sitio/ Sincronizar en todo el sitio" o en el panel lateral derecho, a la flechita de color azul que indica hacia arriba.