Como instalar WampServer e integrar con Dreamweaver CS5

Nota*: Esta forma de conexin (paso 8 y paso 9 al final del tutorial), aunque pueda funcionar para otros tipos de paquetes tipo WAMP, slo lo he probado para WampServer. No estar seguro hasta que pruebe las otras dos que pienso cubrir. Como ya haba mencionado anteriormente, voy a estar trabajando en algunos artculos sencillos acerca de Dreamweaver los cuales preceden a otros ms complicados que trabajar en el futuro. Este artculo es el primero de una pequea serie de como instalar tecnologas que nos permitan tener un ambiente local (o de desarrollo) donde trabajar nuestros websites. Yo personalmente trabajo con Apache, PHP y MySQL en Windows, as que pienso espero cubrir, adems de WAMPServer, otros paquetes pre-copilados como easyPHP, XAMPP y, el mtodo que siempre he usado, instalar estas tres tecnologas individualmente. Tambin, aprovechando que estoy haciendo una serie de tutoriales acerca de Dreamweaver, explico como configurar esta instalacin con DW para que podamos hacer uso de las funciones de Base de Datos de este editor. Vale la pena mencionar que estoy usando DWCS5 desde hace poco y me he dado cuenta que es bastante diferente en cuanto a configurar el servidor de prueba a la versin CS3, la cual usaba anteriormente. Lo primero que vamos a hacer es descargar WAMPServer. Una vez descargado dar doble click al instalador. El instalador es bastante fcil de seguir, pero de todas formas aqu dejo algunas capturas de pantalla:

No creo que sea necesario, pero recomiendo que se le d un re-start a la computadora despus de la instalacin. Yo en mi caso tuve que darlo porque tuve un pequeo conflicto con dropbox, pero despus del re-start no tuve nign problema. Una vez instalado podrn ver el icono de WampServer en la Barra de Tarreas. Si se le da click al icono el men de opciones aparece.

Al escoger Localhost en el men se abre el navegador defecto con la direccin: http://localhost mostrando la pgina index.php creada por el programa. En ella se desglosan la configuracin de PHP as como tambin las herramientas disponibles.

Lo prximo es crear una base de datos y un usuario MySQL con el cual podamos conectar con DW. Para eso usamos phpMyAdmin. phpMyAdminn es una herramienta para trabajar con MySQL hecha en PHP, es por eso que trabajamos con el usando el navegador (Yo usualmente no uso phpMyAdmin para crear bases de datos y usuarios, pero ya que es el la aplicacin incluida en este paquete la usar como ejemplo). Podemos llegar a phpMyAdmin usando el enlace que ests en la imagen anterior o dando click al icono de WampServer y escoger phpMyAdmin:

La forma ms fcil de crear una base de datos y un usuario es crear el usuario y escoger la opcin de que phpMyAdmin cree la base de datos con el mismo nombre y con todos los permisos necesarios. Eso lo podemos hacer desde la pestaa o tab de Privileges.:

Una vez hecho esto estamos listos para crear una conexin. Pasamos a DW y preparamos nuestro Sitio o Site y configuramos nuestro Servidor de Pruebas. Hacemos lo siguente: 1. Creamos una carpeta nueva dentro de la carpeta www que est dentro de la carpeta de instalacin de WampServer (yo he llamando la ma website1 . sto lo hacemos para separar nuestros websites, as tendremos una carpeta por cada website. Recuerden no usar espacios, ni acentos, ni ees () en ningn nombre de archivos. Carpetas incluidas.

2. Creamos un nuevo Sitio: Sitio -> Nuevo Sitio (Site -> New Site).

3. En la primera ventana pestaa de Sitio (Site) agregamos el nombre del website. Puedes nombrarlo como quieras, es slo para referencia. Tambin especificas la carpeta que creaste en el paso 1. Como mencion antes, esta carpeta va a contener todos los elementos de nuestro website.

4. Vamos a la pestaa de Servidores (Servers). Esta parte, como mencion anteriormente, es bastante diferente a DW CS3. Podemos asociar servidores de

prueba y servidores FTP. Para configurar un servidor le damos click al botn de ms (+) :

5. Le damos un nombre al servidor. Escogemos Local/Network. Agregamos la carpeta donde est nuestro website. Por ltimo, como URL ponemos http://localhost/nombre_de_la_carpeta_del_website en mi caso website1.

6. Vamos a la pestaa de Avanzado (Advanced) y escogemos la tecnologa del lado del servidor que vamos a utilizar. En este caso, ya que estamos usando

WampServer, escogemos PHP MySQl y le damos a guardar (Save):

7. Una vez en la ventana de Servidores (Servers) especificamos que el servidor que creamos es un Servidor de Prueba (Testing) y le damos a Guardar (Save).

8. Ahora creamos la conexin. Vamos al panel de Database y le damos smbolo de ms (+) para aadir una conexin:

9. Por ltimo creamos la conexin. Le damos un nombre (DW hace un archivo PHP con este nombre, as que las reglas de como nombrar un archivo aplican aqu).Ahora agregamos la informacin que usamos para crear el usuario y la

base de datos y le damos a OK:

Y eso es todo. Si no tienes ningn error podrs ver que DW ha creado una nueva carpeta llamada Conexiones (Connections). Dentro de ella podrs ver un archivo PHP con el nombre de tu conexin. Ahora podrn usar las funciones de bases de datos de DW para crear un sistema CRUD sencillo, algo que tambin estar cubriendo prximamente.