No existe ninguna imagen

Como instalar WampServer e integrar con Dreamweaver CS5

Nota*: Esta forma de conexión (paso 8 y paso 9 al final del tutorial), aunque pueda funcionar para otros tipos de paquetes tipo WAMP, sólo lo he probado para WampServer. No estaré seguro hasta que pruebe las otras dos que pienso cubrir.

Como ya había mencionado anteriormente, voy a estar trabajando en algunos artículos sencillos acerca de Dreamweaver los cuales preceden a otros más complicados que trabajaré en el futuro. Este artículo es el primero de una pequeña serie de como instalar tecnologías 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, además de WAMPServer, otros paquetes pre-copilados como easyPHP, XAMPP y, el método que siempre he usado, instalar estas tres tecnologías individualmente. También, aprovechando que estoy haciendo una serie de tutoriales acerca de Dreamweaver, explico como configurar esta instalación 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 versión 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 fácil 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 después de la instalación. Yo en mi caso tuve que darlo porque tuve un pequeño conflicto con dropbox, pero después del re-start no tuve nigún problema. Una vez instalado podrán 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 dirección: http://localhost mostrando la página index.php creada por el programa. En ella se desglosan la configuración de PHP así como también las herramientas disponibles.

Lo próximo 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 aplicación incluida en este paquete la usaré como ejemplo). Podemos llegar a phpMyAdmin usando el enlace que estás en la imagen anterior o dando click al icono de WampServer y escoger phpMyAdmin:

La forma más fácil de crear una base de datos y un usuario es crear el usuario y escoger la opción de que phpMyAdmin cree la base de datos con el mismo nombre y con todos los permisos necesarios. Eso lo podemos hacer desde la pestaña o “tab” de “Privileges”.:

Una vez hecho esto estamos listos para crear una conexión.  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 instalación de WampServer (yo he llamando la mía “website1″ . Ésto lo hacemos para separar nuestros websites, así tendremos una carpeta por cada website. Recuerden no usar espacios, ni acentos, ni eñes (ñ) en ningún nombre de archivos. Carpetas incluidas.
  2. Creamos un nuevo Sitio:  Sitio -> Nuevo Sitio (Site -> New Site).
  3. En la primera ventana pestaña de Sitio (Site) agregamos el nombre del website. Puedes nombrarlo como quieras, es sólo para referencia. También 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 pestaña 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 botón de más (+) :
  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 pestaña de Avanzado (Advanced) y escogemos la tecnología 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 conexión. Vamos al panel de Database y le damos símbolo de más (+) para añadir una conexión:
  9. Por último creamos la conexión. 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 información que usamos para crear el usuario y la base de datos y le damos a OK:

Y eso es todo. Si no tienes ningún error podrás ver que DW ha creado una nueva carpeta llamada Conexiones (Connections). Dentro de ella podrás ver un archivo PHP con el nombre de tu conexión. Ahora podrán usar las funciones de bases de datos de DW para crear un sistema CRUD sencillo, algo que también estaré cubriendo próximamente.

Be Sociable, Share!
  • Isa_bi

    y dime yo tengo el dreamweaver 8 cress q eso cambie en algo porfavor espero tu respuesta urgeeeeeeeeee………..pliss

  • Pingback: Configurar Dreamweaver CS5 con Servidor Xampp

  • Ardtemporal

    Amigo, gracias… buenìsimo el dato.

  • invitado

    Gracias amigo en serio, muy claro tu tutorial

  • Vozdeacordeones

    Excelente amigo, bien claro y conciso, pero quisiera saber, ahora lo de la creacion de las tablas, como ingreso la info, como puedo hacer una busqueda en mi pagina de la info con esto, que puedo mostrar, gracias….

    • juaniquillo

      Eso forma parte del próximo artículo que estoy preparando. Como hacer un CRUD sencillo usando DW.

  • weah

    exelente explicacion y es practicamente los mismo para xampp, lo acabo de probar

  • luchos

    cuando termino de cargar el sitio no me deja poner + en bases de datos porque puede ser ?

    • barbara

      a mí me pasa igual, ¿alguien sabe por qué?

  • Pedro

    no se me habre el localhost

  • Jennifer

    Excelente.. me funciono perfecto. ningun error

  • luis borja

    saves yo hoice lo mismo pero no me funcionao y el programa me pide que ponga primero el indise primario para qu el servidor funcione correactamente

  • Richard

    Buenas, donde se encuentra el panel de database?