Configurar un sitio en DreamWeaver

Hola veamos como configurar un sitio en Dreamweaver, en mi caso estoy utilizando el CS4. Pero las ventanas y opciones del menu han cambiado poco.

(Recuerda que puedes dar clic sobre la imagen para ver la misma “mas grande” en algunos casos).

El proceso sirve para configurar un sitio para:

  • PHP
  • JSP
  • ASP
  • ColdFusion

Los pasos son indenticos a excepción de la localización de la carpeta donde tenemos nuestro servidor corriendo (www, htdocs, webapps, etc.), comenzemos:

Nos iremos al menu Sitio y escogemos la opción Nuevo sitio…

Menu Sitio del DreamWeaver
Menu Sitio del DreamWeaver

De las 2 pestañas disponibles, escogemos la de Básicas.

El primer campo representa el nombre del Sitio por el cual Dreamweaver hara referencia al mismo. Para nuestro proposito, nosotros lo llamaremos de la misma forma que nuestra carpeta de nuestro proyecto a emprender, por ejemplo, si el proyecto es una nomina, pues le pondremos a la carpeta nomina y como nombre de sitio tambien pondremos nomina.

El segundo campo es la dirección URL de tu sitio, al terminar de trabajar en “desarrollo” y subirlo. Siguiendo con el caso hipotetic del proyecto nomina, a lo mejor al ultimo, lo subimos al www.nomina.xxx que es donde se albergara de manera definitiva nuestro sitio.

Pongamosle los 2 valores, a nuestros campos según las practicas que vamos a desarrollar y demos clic en Siguiente:

Nombre de Sitio
Nombre de Sitio

Aqui es donde escogeremos el tipo de tecnologia de servidor que emplearemos. Tenemos varias como anteriormente mencionamos. Deberemos darle clic a Sí, deseo utilizar una tecnologia de servidor para activar el combo de opciones de tecnologia, escogeremos la adecuada a nuestro proyecto y demos clic en Siguiente:

Elegir tipo de Tecnología de Servidor
Elegir tipo de Tecnología de Servidor

Esta pantalla es interesante, tenemos 3 opciones, la primera es util, cuando nosotros trabajamos en nuestra PC, y no compartimos con nadie, ademas de tener el servidor de pruebas (localhost, regularmente), en nuestra PC. La segunda, es cuando trabajamos en equipo, podemos tener o un servidor de pruebas en nuestra PC y aparte compartimos un servidor de “desarrollo” con nuestro equip de trabajo. La tercera es cuando queremos trabajar directamente en un servidor de pruebas que se encuentra alojado en otra parte, y al cual tenemos acceso mediante la red. Para los fines practicos de los tutoriales de este sitio, escogeremos la primera opcion. Y daremos clic en el icono de la carpeta para buscar la localizacion de nuestra carpeta, ya sea dentro de htdocs, www, webapps, etc. Dependiendo de la tecnologia del servidor que ocupemos, demos clic en Siguiente:

Tipo de carpeta local para el sitio
Tipo de carpeta local para el sitio

Aqui nos pregunta la URL que utilizamos para entrar al sitio de pruebas, por ejemplo, si nuestro servidor es localhost, y adentro tenemos la carpeta de equis nombre, por ejemplo nomina, entonces tendremos que teclear http://localhost/nomina/

En el ejemplo anterior localhost esta configurado en el puerto 80, que es el puerto por default del Apache Web Server, pero en algunos casos ese puerto es diferente, por ejemplo si vemos el tutorial de instalacion del Tomcat, veremos que por default se instala 8080, y adentro de la carpeta webapps, tenemos la carpeta de equis nombre, por ejemplo nomina, entonces tendriamos que teclear a parte del localhost el puerto: http://localhost:8080/nomina/

Es MUY IMPORTANTE, la ultima diagonal / al final de la ruta, ya que facilita el acceso al mismo, porque si no le ponemos esa ultima diagonal, el Apache, buscara primero el recurso nomina, o buscara tambien en su htaccess alguna configuracion de nomina como parametro, si no encuentra nada, al final busca el recurso como un carpeta dentro del mismo, Y eso pues en localhost, no lleva mas que instantes, pero en ambientes web reales, eso consumiria tiempo de espera, y uso innecesario de procesador en el servidor.

Tecleamos la URL completa segun sea el caso, y damos clic en Comprobar URL:

URL local del sitio de desarrollo
URL local del sitio de desarrollo

Nos debera aparecer la imagen:

URL de desarrollo exitosa
URL de desarrollo exitosa

Si NO, nos llegara a aparecer, la imagen, nos dira que existe un error, que el prefijo es incorrecto, que el servidor no responde, etc. Dependiendo del error es la situación que debemos corregir, los mas habituales, es que el servicio no este arriba, que la carpeta no coincida exactamente en el nombre, o que le falto el puerto, habra que checar cada caso en particular, sobre todo si estas utilizando ALIAS en el Apache, checar que se haya reiniciado el mismo para el total reconocimiento de este. Una vez hecho todas las correcciones (si hubiere), procederemos a dar clic en Siguiente:

Definición para un servidor remoto
Definición para un servidor remoto

A continuación nos pregunta, que si al terminar de trabajar el sitio de manera local, deseamos subirlo al servidor de producción. Si le dijeramos que si, nos daria diferentes opciones para subir los archivos al servidor, incluyendo subirlos por FTP, que es lo mejorcito, siempre y cuando los subamos de manera BINARIA, para evitar problemas de compatibilidad, sobre todo cuando subimos archivos de Windows a Unix. Para los ejemplos de este sitio, pues no necesitaremos de esta opcion, asi que debemos escoger la opcion de NO, y damos clic en Siguiente:

Pantalla de confirmación
Pantalla de confirmación

Nos mostrara un resumen de las opciones de instalación que configuramos en nuestro sitio, las verificamos y damos clic en Completado:

Opciones de Accesibilidad
Opciones de Accesibilidad

Mostrara el progreso de la elaboración del sitio, el cual es muy rapido. y Nos devolvera a nuestra pantalla inicial, pero en la lengueta Archivos, estara desplegada una carpeta con el nombre de nuestro sitio y la ruta a la carpeta raiz del proyecto, estara de color Verde.

Ahora antes de comenzar a trabajar, ajustaremos algunas opciones más, que no en todos los casos, se necesitan, pero para nuestros tutoriales de este sitio, esos parametros de configuración se utilizaran.

Apretaremos CTRL + U (la tecla control mas la tecla U al mismo tiempo), para obtener la ventana de Preferencias, ahi escogeremos la opción de Accesibilidad, y le quitaremos todas las palomitas a los checkboxs, de Mostrar atributos al Insertar:

Opciones para Nuevos Documentos del sitio
Opciones para Nuevos Documentos del sitio

Luego escogeremos la opción de Nuevo Documento. Y escogeremos las opciones que vemos en la imagen, las cuales garantizaran un mejor desempeño ante busquedas, caracteres acentuados, ñ, y establecimientos de codigo estandar para certificar la visibilidad en varios navegadores. Daremos clic en Aceptar y estamos listos para empezar a trabajar.

Espero que sea de utilidad, es para los muy polluelos, pero necesario para realizar los jutsus mas avanzados de PHP que realizaremos, y algunos de JSP, ya veremos si me animo a hacer algo de ASP -pero lo dudo-.

Para estar al pendientes de nuevos tutoriales, pues ahi tienen mi cuenta de twitter: http://twitter.com/profesorAntonio y para quejas, pues a otro lado, porque nadie te obligo a leer este blog, feliz codigo y gracias.

(Todas las imagenes mostradas aqui son con FINES EDUCATIVOS, cualquier otro uso pidanle un chance a los del Adobe Systems).

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *