El rincon del krilbert

Si has seguido mis posts sobre Servidor WEB local con WAMP y Virtualhosts con WAMP se puede decir que ya tienes tu servidor local de desarrollo web funcionando al 100%, pero... aun podemos mejorarlo un poco mas si utilizas Dreamweaver para hacer tus WEBS.

En este post explicare como crear y administrar Sites con el fin de que puedas moverte facilmente entre los diversos proyectos en los que estes trabajando.

Para este tutorial yo estoy utilizando Adobe Dreamweaver CS3 pero podras seguir el tutorial si tienes alguna otra versión de Dreamweaver como la MX o la 2004. Además estoy utilizando la versión en Ingles pero por eso pongo muchas imagenes para que puedan ver la diferencia si utilizan otra versión.

Antes que nada definamos que es eso de sites. Un site (sitio) va a ser cada uno de los proyectos que tengamos. Siguiendo mis otros dos tutoriales podemos decir que tenemos dos sitios: 1.- Pagina web de krilbert; 2.- Pagina para la tiendita de la esquina.

Los sites en Dreamweaver nos ayudan a agilizar el desarrollo cuando estamos trabajando con muchos proyectos. Entre las ventajas tenemos que en el panel de la derecha podremos ver un arbol con los directorios y archivos del sitio para abrirlos facilmente; tambien podemos cambiarnos de un proyecto a otro simplemente seleccionandolo (si ya lo definiste claro); puedes definirle una conexión FTP al sitio hacia tu servidor para que puedas actualizar los archivos rapidamente y muchas cosas mas aunque no abarcare muchas para que ustedes tambien experimenten y aprendan picandole.

Lo primero que tenemos que hacer es abrir la pestaña de Files de Dreamweaver, en esta pestaña es donde seleccionaremos algun sitio (previamente creado por nosotros) y veremos todos los archivos que lo conforman.

Si no puedes ver la pestaña de Files (Archivos) Tienes que irte al menu Window (Ventana) > Files (Archivos) o presionar F8 (Dreamweaver CS3)

Dentro de la pestaña abrimos el combo box y damos click en Manage Sites (administrar sitios) y saldrá una ventana donde podemos Crear, Editar, Duplicar, Eliminar nuestros sitios. Como vamos a crear un sitio nuevo le apretamos al botón de New (nuevo) y saldran dos opciones: Site y FTP & RDS Server, seleccionamos Site.



Para este tutorial utilizaremos la vista Avanzada con el fin de tratar de comprender todos los conceptos que podamos, asi que seleccionamos la pestaña de Advanced (Avanzada) y comenzamos con la primer sección:

Local Info (Información local)

Site Name: Un nombre descriptivo para tu sitio (es el que tendras que seleccionar en el combobox).
Local Root Folder: Directorio donde esta tu sitio (dentro de la carpeta raiz del servidor).
Default Images Folder: Directorio donde estan las imagenes de tu sitio (por ejemplo: si arrastras una imagen dentro de dreamweaver, se hara una copia de la imagen y se guardara en este directorio).
Links relative to: Aqui seleccionas como quieres hacer las referencias a tus archivos si por documento o por raiz del sitio.
HTTP Address: Aqui va la direccion con la que revisas tu sitio, si seguiste mi tutorial sobre virtualhosts aqui pones el nombre de dominio, si no lo seguiste tendras que poner el URL completo:http://localhost/sitio.
Case-sensitive links: Para distinguir entre mayusculas y minusculas en los links.
Cache: Sirve para tener un cache de archivos y acelerar algunas opciones informativas.



Remote Info (Información remota)

Aqui va la información del servidor remoto, en este caso recuerden que nuestro servidor remoto es nuestra misma PC (estamos haciendo todo localmente) asi que seleccionamos que el acceso al servidor remoto va a ser Local/Network (local/red) y seleccionamos otra vez, el folder de nuestro proyecto, sin embargo, aqui es donde pueden configurar los datos FTP para su servidor (si seleccionan FTP en access (acceso)).




Testing Server (Servidor de Pruebas)

Como vamos a desarrollar en PHP, buscamos esa opción en el combo box de Server model y la información es la misma que antes, utilizaremos un Acceso Local/Network (local/red) y el directorio donde esta la carpeta del proyecto.

OJO. el ultimo campo URL prefix no lo actualiza solo, revisen que escriben bien ahi su nombre de dominio o localhost/sitio.

ESO ES TODO!! ya configuramos lo que necesitamos de nuestro sitio para acceder localmente hay mas opciones y pueden jugar con ellas si lo creen conveniente asi que solamente dare una breve explicación de lo que hacen:


Cloaking Si lo activan podrán especificar extensiones de archivos para que no aparezcan en las operaciones del sitio.

Design Notes (notas de diseño) - Las notas de diseño las desactivamos porque este tutorial no lo abarcará, sin embargo, sirven para dejar comentarios o mas bien información que la puedes asociadar a archivos y llevar un mejor control sobre tu sitio.

File View Columns Especificas las columnas con la información que se mostrará en la pestaña de Files (Archivos).

Contribute Sirve para llevar un control de eventos que has hecho en tu sitio para poder regresar a un estado previo (necesitas activar las notas de diseño en conjunto con la opción para subir al servidor las notas).

Templates Opciones para manejar las plantillas de dreamweaver.

Spry Spry aparece desde Adobe Dreamweaver CS3. En esta sección especificas un directorio donde se copiaran las librerias generadas por dreamweaver ya sean archivos de Javascript para menus creados con dreamweaver, etc.



Presionamos el botón de OK y listo, ya tenemos nuestro sitio configurado y listo para utilizarse, esto mismo lo tenemos que hacer con cada proyecto que hagamos y ahora ya los podremos ver en el combobox de Files (Archivos)





Sigo esperando sus comentarios, sugerencias, mentadas, lo que caiga es bueno (mientras sea critica constructiva ehhh hehehe)