Proyecto Web

Estructura del sitio web

Antes de empezar a crear un sitio web lo primero que tenemos que plantearnos es su organización.

Una organización muy usual es separar en carpetas los archivos diferentes, es decir, crear una carpeta imágenes, otra para los estilos y en la carpeta raíz dejaremos los archivos HTML. Cuando hablo de carpeta raíz, me refiero a la carpeta principal donde iremos creando el sitio web.

Con esto conseguiremos crear un orden en nuestro sitio que cuando queramos buscar un archivo será fácil de localizar.

Siempre que quiera cambiar la ubicación de un archivo es recomendable hacerlo directamente en Dreamweaver por que tiene la posibilidad de actualizar todos los vínculos sin que le ocasione ningún problema. Si lo realiza en la carpeta raíz, fuera de Dreamweaver, tendrá que actualizar los vínculos manualmente. De ahí la importancia de manipular los archivos y las carpetas, solamente en la aplicación.

Otra cosa a tener en cuenta son los nombres de las páginas del sitio. La página principal deberá llamarse index, siempre en minúsculas, ya que los servidores web son sensibles a las mayúsculas, es decir que diferencia mayúsculas de minúsculas.

El resto de páginas mi consejo es que su nombre sea referente al contenido, NUNCA DEJAR ESPACIOS, si el nombre es compuesto, unirlos mediante un guión o un guión bajo. También puede unir simplemente las palabras, creando un nombre simple.

Definir su sitio

Cuando hablamos de definir un sitio nos referimos a agregar la carpeta raíz como un proyecto de Dreamweaver, así como los archivos que contenga y así poderlos manipular de forma más sencilla.

En este apartado aprenderemos diferentes formas de definir un sitio desde:

• La ventana de bienvenida
• La ventana Archivos
• Sitio

En la primera forma de definir un sitio explicaremos de forma sencilla la definición de un sitio web, y en las formas posteriores solamente nos centraremos en llegar al cuadro de dialogo de definición del sitio.

Desde la ventana de Bienvenida

En la ventana de bienvenida que al iniciar la  aplicación, encontramos en el apartado “Crear nuevo” “Sitio de Dreamweaver…”, si pulsamos allí, nos llevará al cuadro de diálogo de definición del sitio, que vemos en la imagen siguiente.

Aquí pondremos el nombre del sitio no tiene por qué coincidir con el nombre de la carpeta y puede llevar espacios y seguidamente, pulsamos en la carpeta que se encuentra debajo y buscamos la carpeta raíz del sitio.

Si se encontrase dentro de un servidor web pulsamos en servidores y procedemos a la configuración para realizar las pruebas desde el servidor.

Primero pulsamos en la pestaña “Servidores”, seguidamente en la “+” que se encuentra en la imagen, para añadir la configuración a un servidor.

En esta configuración que vamos a explicar  entenderemos, que se encuentra de forma local y no remota.

Al pulsar en el “+”, se nos abre otra ventana.

Hacemos click en el menú desplegable donde pone “Conectar usando:”.

Y seleccionamos la opción Local\red, como vemos en la imagen de arriba.

Observamos que las opciones de la ventana han cambiado, y únicamente tenemos que indicar el nombre que le vamos a dar al servidor. No tiene por qué coincidir con el nombre de la carpeta. Seleccionamos la carpeta raíz, que se encontrará dentro del servidor (dependiendo del servidor web instalado, la carpeta donde guardar los proyectos web se llamará de una formo u otra, en algunos servidores el nombre de la carpeta es www). A continuación ponemos la URL que utilizaremos para ver el proyecto, será el nombre del servidor instalado, que de forma predeterminada es “localhost”. Continuamos poniendo”/” y seguidamente el nombre de la carpeta que no debe contener espacios. Con esto, cada vez que pongamos en el navegador “http://localhost/miproyecto”, veremos el proyecto como si se tratara de un sitio web activo, pero en local.

Con esto terminaríamos la definición del sitio.

Desde la ventana de Archivos

Vamos a la ventana archivos situada en los paneles de la derecha de la aplicación, pulsamos en el menú desplegable de los proyectos y hacemos click en “Administra sitios”. Se abre una ventana, pulsamos en “Nuevo”, para definir el nuevo sitio web y nos volverá a salir la ventana del principio.

Desde Sitio

En la barra de herramientas encontramos “Sitio”, pulsamos y se despliega el menú de sitios, pulsamos en “Nuevo sitio…” y nos saldrá la ventana de definición del sitio.

Añadir Archivos y Carpetas

Veremos varias formas de añadir archivos y carpetas. Empezaremos viendo como añadir los archivos. Para añadir archivos, podemos o crear uno nuevo, desde el menú de archivo o desde el menú de bienvenida, pero existen otras dos formas, ya que en los casos anteriores, hay que guardar para que se cree el archivo.

Desplegamos la ventana de “Archivos” de los paneles de la derecha, la primera opción es hacer click derecho en la carpeta raíz o en la carpeta donde queramos crear el archivo, nos sale un menú y pulsamos en “Nuevo archivo” y nos creará un archivo, le ponemos el nombre y la extensión la cambiamos si queremos que el archivo no sea html. Para la segunda forma, pulsamos en el menú de la ventana de “Archivos”, situado en la esquina superior derecha y posamos el ratón encima de “Archivo” y pulsamos en “Nuevo archivo”.

Para las carpetas, si nos hemos fijado en los dos últimos pasos, es hacer lo mismo, pero seleccionando “Nueva carpeta”.