Generalidades sobre los tutoriales de Macromedia

Dreamweaver MX
Los tutoriales de Dreamweaver MX son para los diseadores del web y los
desarrolladores de aplicaciones que estn interesados en aprender a usar Dreamweaver
MX para crear aplicaciones web dinmicas. Los tutoriales lo guiarn a travs del proceso
de creacin del sitio web Trio Dealer Locator, una compaa ficticia. Los tutoriales
dividen el proceso de desarrollo en dos partes: diseo del sitio y creacin de la
aplicacin:

El tutorial Creacin y diseo de sitios web con Dreamweaver MX, ofrece una
visin global de la nueva interfaz de Dreamweaver MX, crea el sitio con el nuevo
asistente de Definicin del sitio, y utiliza las herramientas de diseo y grupos de
paneles de Dreamweaver MX para crear pginas estticas.

El tutorial Creacin de aplicaciones de Internet con Dreamweaver MX y

ColdFusion MX" convierte las pginas estticas creadas en el tutorial de diseo
en una aplicacin de Internet funcional.

Creacin de aplicaciones de Internet con Macromedia

Dreamweaver MX y Macromedia ColdFusion MX
Este tutorial lo guiar a travs del proceso de conversin de pginas web estticas creadas
en la seccin de diseo de sitios web del tutorial de localizacin de distribuidores (Dealer
Locator) de Trio Motor Company (una compaa ficticia) en pginas CFML dinmicas.
No es necesario completar el tutorial de los sitios web de diseo antes de empezar. Sin
embargo, este tutorial supone que el usuario est familiarizado con las nuevas
caractersticas de Dreamweaver MX que se esbozan en el tutorial sobre el diseo de sitios
web. Si ha completado el tutorial de diseo, puede empezar este tutorial con los archivos
terminados del tutorial de diseo, o puede descargar los archivos de muestra especiales
para este tutorial del Centro de desarrollo de aplicaciones de Dreamweaver MX en el sitio
web de Macromedia.
Este tutorial requiere tener acceso a una PC con Windows que ejecute ColdFusion MX.
Puede obtener la versin preliminar de ColdFusion MX en el sitio web de
macromedia.com. La PC puede ser su mquina local si est usando un sistema Windows,
o una PC con Windows en la que puede tener acceso a la red local o FTP si est usando
un sistema Macintosh. Las instrucciones en este tutorial suponen que se est ejecutando
ColdFusion MX en una mquina local, por lo cual sta es la configuracin preferida para
completar el tutorial. Todos los URL de este documento suponen que se est ejecutando
el servidor web independiente que se puede instalar con el servidor de aplicaciones
ColdFusion MX. Esta es la configuracin predeterminada que se usa al instalar
ColdFusion MX. Consulte las instrucciones de instalacin de ColdFusion MX para
obtener ms informacin. Si ColdFusion MX est configurado para usar el servidor web
IIS, se deber eliminar :8500 de los URL que se incluyen en este tutorial. El :8500 hace
referencia al puerto que utiliza el servidor web independiente ColdFusion MX.

Descargar los archivos del tutorial Dreamweaver MX

Este tutorial requiere la descarga de lo siguiente:

Este tutorial trio_cf.pdf.

El archivo trio_cf.zip que contiene el archivo lame y los archivos de muestra de

la aplicacin para el sitio web Trio Dealer Locator (una compaa ficticia).

Ambas cosas se pueden descargar del Centro de desarrollo de aplicaciones de

Dreamweaver MX en el sitio web de Macromedia
(http://www.macromedia.com/desdev/mx/dreamweaver/).

Instalar los archivos del tutorial de Dreamweaver MX

Instrucciones bsicas de instalacin:
Windows:

1) Descomprima el archivo trio_cf.zip y copie la carpeta trio_cf en el directorio raz

del servidor web. ste ser c:\CFusionMX\wwwroot si est usando el servidor
web independiente ColdFusion MX como se especific durante la instalacin, o
c:\inetpub\wwwroot si configur ColdFusion MX para usar el servidor web IIS.
En ambos casos, el servidor de aplicaciones ColdFusion MX tiene que ejecutarse
en una mquina con Windows.
2) Haga una copia de seguridad de toda la carpeta trio_cf por si necesita volver a
comenzar el tutorial con archivos sin usar. (Este paso es opcional.)
3) Seleccione todos los archivos descomprimidos y haga clic con el botn derecho
del ratn en > Propiedades para verificar que no sean de slo lectura. Quite la
marca de la casilla de verificacin Slo lectura en el cuadro de dilogo
Propiedades y haga clic en Aplicar y luego Aceptar para desbloquear los archivos.
Macintosh:

1) Descomprima el archivo trio_cf.zip en la carpeta Documentos del disco duro. Se

crea automticamente una nueva carpeta llamada trio_cf que contiene todos los
recursos del sitio. Deber poner los archivos en el servidor de Windows que
sirve de host para ColdFusion MX cada vez que se obtenga una vista previa de un
archivo en este tutorial.
2) Copie la carpeta trio_cf en la raz del web del servidor de Windows. Esto ser
c:\CFusionMX\ wwwroot\trio_cf\ si se est utilizando el servidor web
independiente ColdFusion MX, o c:\inetpub\wwwroot\trio_cf\ si se est usando el
servidor web IIS.
3) Seleccione todos los archivos y verifique que no estn marcados como de slo
lectura.
4) Haga una copia de seguridad de toda la carpeta de descarga trio_cf por si necesita
volver a comenzar el tutorial con archivos sin usar. (Este paso es opcional.)

5) Los usuarios de Macintosh debern tener acceso por FTP o red a una PC con
Windows que tenga instalado un servidor ColdFusion MX. En el sistema de
ayuda de Dreamweaver encontrar los pasos detallados sobre cmo configurar los
parmetros FTP. Para acceder a dichas instrucciones elija Ayuda > Utilizacin de
Dreamweaver. A continuacin, haga clic en la ficha ndice y escriba FTP.
En este tutorial se tratan los siguientes temas:

Configuracin de un nombre de fuente de datos (DSN) en el servidor.

Desactivacin de la contrasea RDS en ColdFusion MX Administrator.

Especificacin de una tecnologa de servidor y un servidor mediante el asistente

de Configuracin del sitio

Uso del panel Bases de datos para ver las fuentes de datos de ColdFusion MX

Agregar contenido dinmico

Creacin de un formulario de insercin

Uso de componentes de ColdFusion

Creacin y uso de servicios web

Uso del depurador de servidores de Dreamweaver MX

Configuracin de un nombre de fuente de datos (DSN) en el servidor

En esta seccin, se configurar un DSN, el cual especificar la base de datos que
ColdFusion MX usar como fuente de datos para la aplicacin.
1. Abra ColdFusion MX Administrator en un navegador. El URL ser
http://localhost:8500/CFIDE/administrator/index.cfm. Si est usando una
Macintosh con un servidor web remoto, cambie localhost por el nombre del
servidor o la direccin de IP del URL de arriba.
2. Haga clic en el vnculo de fuentes de datos dentro de la categora Data & Services
de ColdFusion MX Administrator.
3. Dentro del campo del nombre de la fuente de datos, escriba triodmx.
4. En el men desplegable Driver seleccione Microsoft Access.
5. Haga clic en el botn Add para pasar al formulario de archivo de la base de datos
Microsoft Access.
6. Haga clic en el botn Browse Server a la derecha del campo Database File, y
pasar al formulario Browse Server.
7. Busque el archivo Microsoft Access que vena en los archivos de muestra
descargados. Si est usando el servidor web independiente de ColdFusion MX, la
ruta de acceso ser c:\CFusionMX\wwwroot\trio_cf\assets\Trio.mdb. Si
ColdFusion MX est configurado para usar el servidor web IIS, la ruta de acceso

ser c:\inetpub\wwwroot\trio_cf\assets\Trio.mdb. Estas rutas sern diferentes si en

vez del directorio de instalacin indicado, se hubiera elegido un directorio distinto
al de las instrucciones de instalacin bsicas arriba indicadas. Las instrucciones en
este tutorial dan por hecho que se est usando la ruta de acceso recomendada.
8. Seleccione el archivo Trio.mdb y haga clic en el botn Apply. Se regresar al
formulario de la base de datos Microsoft Access.
9. Haga clic en el botn Submit para crear la fuente de datos, y regresar a la pgina
principal del administrador Data Sources. Debera aparecer un estado OK para la
fuente de datos triodmx que se acaba de crear.
Nota: Si recibe un estado de error, haga clic en el icono Delete para eliminar la fuente de
datos triodmx, e intente configurar el DSN a travs del administrador de la fuente de
datos de Windows antes de configurarlo en el ColdFusion MX Administrator. Si desea
ms informacin sobre cmo configurar un DSN, consulte Setting up a dsn in windows
(TechNote #15912), que podr obtener en :
http://www.macromedia.com/support/ultradev/ts/documents/setting_up_dsn.htm).
Tambin verifique que tenga Microsoft Data Access Components (MDAC) 2.7 instalado
en la PC donde se est ejecutando ColdFusion MX. MDAC 2.7 se puede descargar gratis
del sitio web de Microsoft http://www.microsoft.com/data/. A continuacin, repita los
pasos 1-9.
Desactivacin de la contrasea RDS en ColdFusion MX Administrator
Deber desactivar las contraseas de Remote Development Services (RDS) a travs del
administrador de ColdFusion MX para poder terminar la parte relacionada con los
componentes de ColdFusion (CFC) de este tutorial. RDS es una tecnologa potente, que
le permite trabajar con archivos en un servidor de ColdFusion MX remoto. Para
desactivar la contrasea RDS:
1. Abra ColdFusion MX Administrator en un navegador. El URL ser
http://localhost:8500/CFIDE/administrator/index.cfm. Si est usando un servidor
remoto, cambie localhost por el nombre del servidor o la direccin de IP.
2. Haga clic en el vnculo para la contrasea RDS en la seccin Security.
3. Quite la marca de Use an RDS password for Dreamweaver MX or ColdFusion
Studio.
4. Haga clic en el botn Submit Changes.
Especificacin de una tecnologa de servidor y un servidor mediante el
asistente de Configuracin del sitio
En esta seccin se puede usar el asistente de Definicin del sitio para especificar la
informacin del servidor para los archivos estticos del sitio web Dealer Locator.
1. Abra Dreamweaver MX
2. Seleccione Sitio > Nuevo sitio para abrir el asistente de Configuracin del sitio. Si no
aparece automticamente el asistente, seleccione la ficha Bsicas. Si ya ha definido
un sitio en Dreamweaver MX, es posible que aparezca un mensaje de alerta que dice

que se ha elegido la misma carpeta raz que un sitio existente. Haga clic en Aceptar
para cerrar el cuadro de dilogo. En los siguientes pasos se elegir una nueva carpeta
raz para el sitio.
3. Introduzca Trio_CF para el nombre del sitio y haga clic en Siguiente.
4. Seleccione el botn de opcin S, deseo utilizar una tecnologa de servidor, y elija
ColdFusion en el men emergente para elegir la tecnologa de servidor.
5. Haga clic en Siguiente.

6. Seleccione el botn de opcin Editar y comprobar localmente, vaya al directorio

donde descomprimi los archivos del tutorial (generalmente,
C:\CFusionMX\wwwroot\trio_cf or C:\inetpub\wwwroot\trio_cf) para llenar el campo
y haga clic en Siguiente para continuar.
Dreamweaver MX busca automticamente el servidor de ColdFusion y, si lo detecta,
se muestra el mensaje Dado que ColdFusion est instalado en el equipo, es posible
utilizar el equipo como servidor de prueba local en la parte inferior del panel. Si
est usando un equipo Macintosh con un servidor web remoto, seleccione Editar
localmente y luego cargar al servidor de prueba remoto, luego haga clic en el icono
amarillo de la carpeta para buscar la ubicacin en el equipo donde se han
descomprimido los archivos. Haga clic en Siguiente.
7. Dreamweaver MX debera seleccionar automticamente el prefijo adecuado para los
servidores de ColdFusion instalados localmente. Si est usando el servidor
ColdFusion MX independiente, verifique que :8500 se encuentre despus del nombre
del servidor o host local en el prefijo de URL. El prefijo de URL permite que
Dreamweaver obtenga y coloque los archivos necesarios automticamente desde el
servidor de pruebas.

8. Usuarios de Macintosh y de servidores remotos solamente: Si est utilizando una

Macintosh con un servidor web remoto, seleccione FTP del men emergente Cmo
conecta. Introduzca el nombre o la direccin de IP del servidor en el campo de
nombre de host o direccin FTP donde el nombre del servidor es el nombre o la
direccin de IP del servidor web remoto. Introduzca /trio_cf/ en el campo de la
carpeta del servidor de pruebas. Tendr que trabajar con su administrador de sistemas
para asegurarse de que el directorio de la cuenta de FTP est definido en la raz web
que est usando el servidor ColdFusion MX. Introduzca su conexin y contrasea de
FTP y haga clic en Siguiente.
9. Haga clic en Comprobar URL para verificar el prefijo de URL. Si falla la
comprobacin, verifique la ruta de acceso. Verifique que :8500 se encuentre despus
del nombre del servidor o la direccin de IP si configur ColdFusion para que utilice
su servidor web independiente.
10. Seleccione el botn No para la opcin Servidor remoto y haga clic en Siguiente. Esta
opcin no aparece si se est usando un servidor remoto.
11. Usuarios de Macintosh y de servidores remotos solamente: Haga clic en No, no
activar la desproteccin y proteccin". Haga clic en Siguiente.
12. Tmese un momento para verificar la informacin que se muestra en la pgina de
resumen; utilice el botn Atrs para editar la informacin ya introducida, o haga clic
en Listo si la informacin es correcta.
13. Dreamweaver MX muestra un cuadro de dilogo que indica que ahora se va a crear la
memoria cach inicial para el sitio. Haga clic en Aceptar.
El sitio Trio CF ahora ya est configurado para usar ColdFusion MX.
Uso del panel Bases de datos para ver las fuentes de datos de
ColdFusion MX
El grupo de paneles Aplicacin de Dreamweaver MX incluye un nueva ficha Bases de
datos que permite a los desarrolladores de ColdFusion MX explorar las fuentes de datos
que se encuentran en el servidor. En esta seccin, se usa la ficha Bases de datos del
grupo de paneles Aplicacin para verificar la configuracin de la fuente de datos
TrioDMX y para explorar su contenido.
Paso 1: Establecer la conexin con la base de datos y verificar las fuentes de datos de
ColdFusion MX.

1. Abra el grupo de paneles Archivos y haga doble clic en el archivo

dealerMaster.html para abrirlo en el espacio de trabajo. El espacio de trabajo
debera estar en la vista de diseo.
2. Abra el grupo de paneles Aplicacin y seleccione la ficha Vinculaciones.
La pgina dealerMaster.html es esttica, por lo cual la ficha Vinculaciones
muestra instrucciones para ayudarle a configurar la pgina para usar datos
dinmicos. Se us el asistente de Definicin del sitio para crear el sitio en
Dreamweaver MX, de modo que el primer paso est marcado como completado.
Cuando complete los pasos dos y tres, el panel estar activo.

3. Haga clic en el vnculo Tipo de documento en el paso 2 para cambiar el tipo de

documento.
4. Seleccione ColdFusion del men emergente en el cuadro de dilogo Elegir tipo de
documento y haga clic en Aceptar.

Al cambiar el tipo de documento se cambia de HTML a CFM la extensin de archivo

del documento, para poderlo procesar en el servidor de ColdFusion MX.
Las instrucciones en los paneles Bases de datos y Vinculaciones se actualizan
automticamente para mostrar los pasos que se requieren para configurar y explorar
las fuentes de datos que se encuentran en el servidor ColdFusion MX.

1. Haga clic en el vnculo Conexin RDS en el paso 4 para introducir la informacin

de conexin de ColdFusion RDS (Remote Development Services). En los pasos
anteriores se desactiv la contrasea de la conexin RDS, por lo que no se tendr

que introducir una. Si se le solicita una contrasea, deje en blanco el campo de la

contrasea y haga clic en Aceptar para cerrar el cuadro de dilogo. Haga clic en
los mensajes de error que aparezcan. Los pasos 1-5 sobre el uso de datos
dinmicos deberan ahora estar marcados en la ficha Bases de datos o
Vinculaciones.
2. Seleccione la ficha Bases de datos en el grupo de paneles Aplicacin y verifique
que se incluya la fuente de datos TrioDMX que se cre durante la instalacin de
los archivos para este tutorial. La ficha Bases de datos siempre muestra todas las
fuentes de datos disponibles que estn definidas en el administrador de
ColdFusion.
3. Haga clic en el nodo (signo +) TrioDMX para mostrar las tablas y columnas de la
fuente de datos TrioDMX. En los equipos Macintosh, stos aparecen como
tringulos. Cierre los mensajes de error que aparezcan haciendo clic en Aceptar.
4. Ample la lista de tablas.

5. Seleccione la entrada de la tabla DEALER en la fuente de datos TrioDMX, y

utilice el men contextual (haga clic con el botn derecho del ratn en Windows,
presione control y haga clic en Macintosh) y elija Ver datos del men emergente
para ver los datos.
6. Haga clic en Aceptar para cerrar la ventana Ver datos.
7. Guarde, pero no cierre el archivo dealerMaster.cfm.
Si aparece el cuadro de dilogo Guardar archivo como, seleccione Plantilla de
ColdFusion para el tipo de documento y agregue la extensin .cfm al nombre del
documento.
Creacin de consultas a la base de datos
Dreamweaver MX le permite crear rpidamente consultas a la base de datos usando los
cuadros de dilogo de objeto Juego de registros o editando el cdigo en el espacio de
trabajo en vista de cdigo.

En esta seccin, se crean dos consultas a la base de datos: una con el objeto Juego de
registros y otra en la vista de cdigo. La primera consulta obtiene una lista de los
distribuidores de Trio de una regin seleccionada, y la segunda obtiene una descripcin
de texto de la regin seleccionada.
Paso 1: Crear la consulta qDealers.

1. Abra el archivo dealerMaster.cfm si an no est abierto.

2. Abra el grupo de paneles Aplicacin y seleccione la ficha Vinculaciones.
3. Haga clic en el botn + y seleccione Juego de registros (consulta) del men
como se muestra en la siguiente ilustracin.

Se muestra el cuadro de dilogo Juego de registros. El cuadro de dilogo Juego de

registros tiene una vista Simple y una vista Avanzada. Para cambiar de vista, haga clic en
el botn Simple o Avanzada. Para poder realizar este paso tiene que estar en la vista
Simple.
1. Introduzca la siguiente informacin en el cuadro de dilogo Juego de registros:
Nombre: qDealers
Fuente de datos: triodmx
Deje el Nombre de usuario en blanco
Deje la Contrasea en blanco
Tabla: DEALER
Columnas (botones de opcin): Seleccionada
Columna (cuadro de desplazamiento): use Control+clic (Windows) o
Comando+clic (Macintosh) para seleccionar ID, DEALER_NAME, CITY y
COUNTRY
Filtro: REGION (el segundo campo se llena automticamente con un signo =)
Escriba ID en el campo que est frente al campo Parmetro de URL
Ordenar: DEALER_NAME y Ascending (predeterminado)

2. Verifique que la informacin que introdujo coincida con la siguiente ilustracin.

4. Haga clic en el botn Prueba para ejecutar la consulta.

5. Introduzca 1 para la ID del parmetro de URL en el cuadro de dilogo
Proporcione un valor de prueba
La ventana Declaracin SQL de prueba muestra los resultados de la prueba.
6. Haga clic en Aceptar para cerrar el cuadro de dilogo Declaracin SQL de prueba.
7. Haga clic en el botn Avanzada para ver la declaracin SQL que Dreamweaver
MX cre usando la vista simple del cuadro de dilogo Juego de registros.
Si est familiarizado con SQL, puede usar la vista avanzada del cuadro de dilogo
Juego de registros en lugar de la vista simple para escribir su propio SQL y
realizar parametrizacin avanzada de las declaraciones SQL.

8. Haga clic en Aceptar para insertar el juego de registros.

9. Haga clic en el botn Mostrar vistas de cdigo y diseo

en la barra de
herramientas del espacio de trabajo para ver el cdigo creado por el cuadro de
dilogo Juego de registros en la etiqueta <cfquery> en la parte superior de la
pgina que se muestra en la siguiente ilustracin.

10. Seleccione la ficha Vinculaciones en el grupo de paneles Aplicacin si an no

est seleccionada.
La ficha Vinculaciones incluye los juegos de registro creados.
11. Ample el nodo para el juego de registros qDealers para ver las columnas del
juego de registros.

Paso 2: Crear la consulta qDealers

Las sugerencias de cdigo de Dreamweaver MX le ayudan a escribir cdigo de manera

fcil y sin errores tipogrficos.
1. Haga clic en el botn Vista de cdigo en la barra de herramientas del espacio de
trabajo.
2. Coloque el cursor despus de la siguiente lnea de cdigo <cfquery
name="qDealers" datasource="triodmx"> </cfquery>, y pulse Intro para iniciar
una nueva lnea de cdigo. Verifique que el cursor se encuentre fuera de la
etiqueta de cierre </cfquery>, de manera que las consultas no queden anidadas.
3. Escriba un corchete < y haga doble clic en cfquery en el men desplegable como
se muestra en la siguiente ilustracin:

3. Pulse la barra espaciadora y haga doble clic en el nombre en el men emergente.

4. Escriba qRegion dentro de las comillas de atributo del nombre, y utilice la tecla
de flecha para desplazarse fuera de las comillas cuando termine.
5. Pulse la barra espaciadora y haga doble clic en la fuente de datos en el men
emergente.
6. Escriba triodmx dentro de las comillas de atributo de la fuente de datos, y utilice
la tecla de flecha para desplazarse fuera de las comillas cuando termine.
El nombre de la fuente de datos distingue entre maysculas y minsculas y debe
ser igual al nombre de la fuente de datos introducido en el cdigo por el cuadro de
dilogo Juego de registros para el juego de registros qDealers. Consulte el cdigo
que verific en el paso 9 de la versin anterior para estar seguro.
7. Escriba un corchete > de cierre despus del atributo de la fuente de datos y pulse
la tecla Intro unas cuantas veces para crear unas lneas entre la etiqueta de cierre
que escribi y la etiqueta </cfquery> introducida por Dreamweaver MX.
8. Escriba SELECT en las lneas vacas que acaba de crear.
9. Abra la ficha Bases de datos del panel Aplicacin, ample el nodo triodmx y vea
los nodos Tables y Region como se muestra en la siguiente ilustracin.

10. Seleccione la entrada NAME en el nodo Region, arrstrela a la ventana de la vista

de cdigo y colquela despus del comando SELECT. Verifique que haya un
espacio entre SELECT y NAME.
11. Escriba FROM despus de NAME, arrastre la entrada del nodo REGION desde la
ficha Bases de datos y colquela despus de FROM. Pulse Intro.
12. Escriba WHERE ID = #URL.ID#
El cdigo terminado debera coincidir con la siguiente ilustracin. Los smbolos #
informan al servidor de aplicaciones ColdFusion MX que se trata de una variable
que se tiene que evaluar. ID es el nombre de la variable y URL es el tipo de
variable que se va a evaluar.

13. Seleccione la ficha Vinculaciones del panel Aplicacin para ver el juego de
registros qRegion que acaba de crear.
14. Guarde la pgina dealerMaster.cfm, pero no la cierre.
No es necesario usar las sugerencias de cdigo y las caractersticas de arrastrar y colocar
para crear juegos de registros en la ventana de cdigo. Puede simplemente escribir el
cdigo directamente. Utilizar sugerencias de cdigo y arrastrar objetos desde la ficha
Bases de datos del panel Aplicacin podra no ser tan eficiente como escribir cuando se
trata de bloques pequeos de cdigo como ste, pero s evita las consultas incorrectas por
errores tipogrficos.
Agregar contenido dinmico
Cuando un visitante del sitio web Dealer Locator selecciona una regin en el mapamundi
que aparece en la pgina dealerMaster.cfm (que se cre en el tutorial de diseo de sitios
web para el localizador de distribuidores), las consultas que cre en la seccin anterior
obtienen los datos que se necesitan para mostrar una lista de los distribuidores de la
regin. En esta seccin, se usa el objeto dinmico Tabla para crear un contenedor para
mostrar los datos consultados en la pgina dealerMaster.cfm. Tambin ver cmo el
modo de edicin Live Data le permite editar pginas visualmente con datos dinmicos.
Paso 1: Agregar informacin dinmica de regiones a la pgina dealerMaster.cfm y aplicar
un estilo CSS al encabezado.

1. Abra la pgina dealerMaster.cfm si an no est abierta.

2. Seleccione el texto Here is a list of dealerships in the region you selected en la
vista de diseo.

3. Haga clic en el botn Vista de cdigo

de trabajo.

en la barra de herramientas del espacio

La ventana de cdigo muestra y resalta automticamente el cdigo asociado a los

elementos de la pgina seleccionados en la vista de diseo.
4. Seleccione el texto the region you selected como se muestra en la siguiente
ilustracin.

5. Abra la ficha Vinculaciones del grupo de paneles Aplicacin, haga clic en el nodo
(signo +) Juego de registros qRegion, y arrastre la entrada NAME a la ventana de
cdigo y colquela sobre el texto resaltado.
Dreamweaver MX cambia el texto seleccionado por el cdigo que se necesita para
mostrar los datos devueltos por la consulta qRegion:
<cfoutput>#qRegion.NAME#</cfoutput>.
Siga los siguientes pasos para aplicar un estilo CSS al texto usando el panel Diseo y la
vista de cdigo:
1. Abra el grupo de paneles Diseo y seleccione la ficha Estilos CSS.
Si no aparece el grupo de paneles Diseo, elija Ventana > Estilos CSS.
2. Seleccione el botn de opcin Aplicar estilos.
3. En la ventana de cdigo, resalte toda la lnea Here is a list of the dealerships
incluyendo las etiquetas <p> y </p>.
4. Seleccione el estilo big en los Estilos CSS para aplicarlo al texto seleccionado.
Dreamweaver actualiza la etiqueta <p> con el atributo de clase necesario, como se
muestra en la siguiente ilustracin. Se agregar una etiqueta "span" con el atributo
de clase si no se seleccionaron ambas etiquetas <p> y </p>.
5. Elija Archivo > Guardar para guardar su trabajo.

Tambin puede elegir el panel Estilos CSS para aplicar estilos en la vista de diseo.

Paso 2: Agregar una tabla dinmica en la vista de diseo.

En esta seccin, se implementa una tabla dinmica para mostrar la lista de distribuidores
en la regin que el usuario seleccion y vincular los nombres de los distribuidores a una
pgina de Informacin detallada de distribuidores generada de manera dinmica.
1. Haga clic en el botn

para activar la vista de diseo en el espacio de trabajo.

2. Selecciona la tabla que contiene las columnas Dealer Name, City y Country y
brrela. No mueva el cursor. Puede seleccionar toda la tabla haciendo clic en
cualquier lugar de la tabla y luego haciendo clic en la etiqueta <table.box1> en el
selector de etiquetas en la parte inferior del espacio de trabajo.
3. Seleccione la ficha Aplicacin en la barra Insertar y haga clic en el botn de
objeto Tabla dinmica como se muestra en la siguiente ilustracin.

Aparece el cuadro de dilogo Tabla dinmica.

4. Seleccione qDealers del men emergente Juego de registros, seleccione el botn
de opcin Todos los registros, y llene las dems opciones como se muestra en la
siguiente ilustracin.

5. Haga clic en Aceptar.

Se crea una tabla dinmica que contiene las columnas del juego de registros
especificado. Cuando se cre el juego de registros en la seccin Creacin de
consultas a la base de datos de este tutorial, se especificaron las columnas al
seleccionarlas en el cuadro de dilogo Juego de registros.
6. No hay razn alguna para mostrar la ID del distribuidor en la tabla dinmica. Para
eliminarla, seleccione la columna ID en la tabla, y elija Modificar > Tabla >
Eliminar columna. Puede seleccionar una columna de la tabla manteniendo el
cursor justo encima de la columna de la tabla. Cuando el cursor se convierte en
una flecha que apunta hacia abajo, haga clic para seleccionar la columna.

7. Seleccione el texto del encabezado de la columna DEALER_NAME, brrelo y

escriba Dealer Name. Cambie el texto del encabezado de las columnas City y
Country por texto normal de la misma manera.

8. Seleccione la variable {qDealers.DEALER_NAME} de la tabla, abra el inspector

de propiedades (Ventana > Propiedades) e introduzca
DealerDetail.cfm?ID=#ID# en el campo Vnculo como se muestra en la
siguiente ilustracin (sin las comillas).

Esto vincula los nombres de los distribuidores de la lista a una pgina de

informacin detallada de distribuidores generada de manera dinmica que muestra
informacin sobre el distribuidor.
9. Elija Archivo > Guardar para guardar su trabajo.
Paso 3: Ajustar los anchos de columna de la tabla en la vista de cdigo y ver/editar la
tabla dinmica en el modo de edicin Live Data.

Puede editar el cdigo de las pginas dinmicas y ver los datos en vivo mientras trabaja.
1. Seleccione la tabla dinmica en la vista de diseo.
2. Haga clic en el botn Vista de cdigo para ver el cdigo de la tabla.
Si selecciona un elemento de pgina en la vista de diseo y despus se cambia a la
vista de cdigo, el cdigo para el elemento seleccionado se muestra y se resalta
automticamente, lo cual le evita el problema de tener que buscar fragmentos de
cdigo.
3. Cambie las etiquetas de tabla <td> por <th> en la primera fila entre el primer
conjunto de etiquetas <tr></tr>. No olvide cambiar tambin las etiquetas </td>
por etiquetas </th>.

4. Regrese a la vista de diseo y haga clic en el botn Live Data

para cambiar al
modo de edicin Live Data. Dreamweaver MX consulta la base de datos a travs
del servidor de aplicaciones ColdFusion MX y muestra los datos en vivo en la
pgina.
5. Arrastre el primer divisor de columnas de la tabla ligeramente hacia la derecha.
6. Utilice el Inspector de propiedades para cambiar el ancho de la tabla al 100%.
7. Observe cmo los datos dinmicos se muestran de manera continua incluso
cuando se est editando la tabla.
8. Guarde la pgina. Al guardar la pgina, el modo live data se desactiva
automticamente.
Creacin de un formulario de insercin
El objeto Formulario de insercin de registro de Dreamweaver MX automatiza la tarea de
creacin de formularios para enviar datos a una base de datos. En esta seccin, se utiliza
el objeto Formulario de insercin de registro para crear un formulario para que los
usuarios enven comentarios acerca del sitio web Dealer Locator.
Paso 1: Crear una pgina de formulario de insercin a partir de la plantilla trioHome.

La pgina de formulario Impresiones, como todas las pginas del sitio web de Trio, se
basa en la plantilla trioHome. Si complet el tutorial sobre diseo de sitios web, utiliz la
plantilla trioHome para aprender a usar plantillas para mantener la uniformidad en todas
las pginas de un sitio web y racionalizar el proceso de desarrollo.

1. Elija Archivo > Nuevo, seleccione la ficha Plantillas, seleccione el sitio web
trio_cf, seleccione la plantilla trioHome y haga clic en Crear. Esto crea una nueva
pgina web en base a la plantilla trioHome.
2. Si el espacio de trabajo an no est en la vista de diseo, haga clic en el botn
Vista de diseo en la barra de herramientas del espacio de trabajo.
3. Elimine la palabra Body de la regin editable Body.
Las regiones que se pueden editar tienen un borde verde. Este borde se puede
activar y desactivar en las preferencias de Dreamweaver MX. Si no se ve el borde,
elija Editar > Preferencias y seleccione la categora Resaltando. A continuacin,
marque la casilla de verificacin Mostrar para las Regiones editables.
4. Escriba Contact Trio en la regin editable y pulse Intro dos veces para crear
algo de espacio en la regin editable.
5. En la prxima lnea de la regin editable, escriba el texto We value any
comments and welcome any questions you may have. Please use this form to tell
us what you think of the Trio website., y pulse Intro.
6. Resalte la palabras Contact Trio
7. Abra el grupo de paneles Diseo y seleccione la ficha CSS.
8. Seleccione el estilo big en la lista de estilos CSS.
Se aplica el estilo big al texto resaltado.
9. Elija Archivo > Guardar y guarde la pgina como contact.cfm
Paso 2: Crear el juego de registros qRegion para llenar el men Seleccionar regin.

En esta seccin, se crea un juego de registros qRegion para llenar el men de seleccin
Regin en el formulario de insercin de registro que est creando. El juego de registros
qRegion que se crea aqu se especifica al crear el formulario con el objeto Insercin de
registro ms adelante en este tutorial.
1. Abra el grupo de paneles Aplicacin y seleccione la ficha Vinculaciones.
2. Haga clic en el vnculo Tipo de documento, seleccione ColdFusion del men
emergente en el cuadro de dilogo y haga clic en Aceptar.
3. Elija Archivo > Guardar para guardar el archivo.
4. Haga clic en el icono Juego de registros
Insertar.

en la ficha Aplicacin de la barra

5. Utilice la informacin en la siguiente ilustracin para llenar el cuadro de dilogo

Juego de registros (vista simple).
Si se muestra el cuadro de dilogo Juego de registros (vista avanzada), haga clic
en el botn Simple... para cambiar de vista.

6. Haga clic en Prueba, mire la informacin de prueba y, a continuacin, haga clic

en Aceptar para cerrar el cuadro de dilogo Declaracin SQL de prueba.
7. Haga clic en Aceptar para crear el juego de registros. Posiblemente aparezca un
cuadro de dilogo que dice que Dreamweaver MX ha agregado un juego de
registros a la pgina. Haga clic en Aceptar para cerrar el cuadro de dilogo.
8. Elija Archivo > Guardar para guardar la pgina.
Paso 3: Crear el formulario de insercin con el objeto Formulario de insercin de registro.

1. Coloque el cursor en la parte inferior de la regin editable Body. Posiblemente

tenga que introducir otra lnea despus del texto que introdujo anteriormente.
2. Seleccione la ficha Aplicacin en la barra Insertar y haga clic en el botn
Formulario de insercin de registro como se muestra en la siguiente ilustracin.

Se muestra el cuadro de dilogo Formulario de insercin de registro.

3. Seleccione triodmx del men emergente Fuente de datos.

4. Deje el Nombre de usuario en blanco.
5. Deje la Contrasea en blanco.
6. Seleccione COMMENTS del men emergente Tabla.
7. Utilice el botn Examinar para buscar el archivo contactOK.html en la carpeta
CF_Trio del tutorial (por lo general se descomprime en
c:/inetpub/wwwroot/CF_Trio/contactOK.html o
c:/CFusionMX/wwwroot/CF_Trio/contactOK.html).
8. Seleccione ANSWERED en el cuadro de desplazamiento Campos de formulario y
haga clic en el botn menos () para eliminarlo. Utilice el mismo mtodo para
eliminar la entrada COMMENT_ID.
9. Seleccione la entrada COMMENTS en el cuadro de desplazamiento, y luego
seleccione rea de texto del men emergente Mostrar como debajo del cuadro de
desplazamiento.
10. Con la entrada COMMENTS todava seleccionada, haga clic en el tringulo hacia
para convertirlo en el campo de formulario inferior de la lista.
abajo

11. Seleccione la entrada REGION en el cuadro de desplazamiento, y luego

seleccione Men del men emergente Mostrar como debajo del cuadro de
desplazamiento.
12. Haga clic en el botn Propiedades de men.
Se muestra el cuadro de dilogo Propiedades de men.
13. Use la informacin de la ilustracin siguiente para llenar el cuadro de dilogo
Propiedades de men. Observe que est usando el juego de registros qRegion que
cre anteriormente en esta seccin para llenar el men Regin del formulario.

14. Haga clic en Aceptar para salir del cuadro de dilogo Propiedades del men y otra
vez en Aceptar para crear el formulario. Si recibe un error de regin bloqueada,
coloque el cursor en la regin editable de la tabla y pulse Intro varias veces para
ampliar el rea de la regin editable. A continuacin, coloque el cursor muy por
encima del borde inferior de la regin editable y repita los pasos 1-14.

15. Pruebe modificar la composicin visual del formulario: cambie el tamao de las
columnas, reemplace las etiquetas de campo de la fuente del cdigo, aplique
estilos CSS o cambie el color.
16. Elija Archivo > Guardar para guardar la pgina.
Paso 4: Ejecutar el formulario de insercin

Las pruebas son una parte importante del desarrollo de pginas dinmicas. En esta
seccin, se prueba el formulario de insercin que se cre y se visualizan los datos
enviados.
1. Abra un navegador y vaya a http://localhost:8500/trio_cf/contact.cfm, o al sitio de
su servidor de pruebas si est usando un servidor remoto. Si est usando un
servidor remoto, asegrese primero de "poner" el archivo en el servidor remoto.
Consulte el sistema de ayuda de Dreamweaver MX para obtener ms informacin
sobre cmo hacerlo (elija Ayuda > Utilizacin de Dreamweaver).
2. Llene el formulario y haga clic en Insertar registro.
Aparece la pgina contactOK.html lo que indica que los datos fueron enviados a
la base de datos. Si recibe un error, verifique que la base de datos no est marcada
como de slo lectura.

3. Cierre la ventana del navegador y abra el grupo de paneles Aplicacin.

4. Haga clic en la ficha Bases de datos y haga clic en el nodo triodmx para ver las
tablas de la base de datos.
5. Seleccione la tabla COMMENTS y utilice el men contextual para seleccionar
Ver datos como se muestra en la siguiente ilustracin (haga clic con el botn
derecho del ratn en Windows, presione Control y haga clic en Macintosh).

El registro recin insertado aparece en la ventana Ver datos.

Uso de componentes de ColdFusion (CFC) en Dreamweaver MX

Con los componentes de ColdFusion los desarrolladores pueden encapsular las funciones
complejas del lado del servidor que han creado y distribuirlas a otros desarrolladores en
distintos formatos de acceso conocidos como componentes. Los componentes de
ColdFusion tienen mtodos y propiedades que se pueden poner a disposicin de sitios y
pginas en el mismo servidor ColdFusion MX local, de forma remota a otras aplicaciones
como un servicio web estndar usando una interfaz XML basada en SOAP, o a una
aplicacin cliente de Macromedia Flash por medio de Macromedia Flash Remoting.
Dreamweaver MX permite a los desarrolladores utilizar la funcionalidad de los
componentes de ColdFusion existentes o crear sus propios componentes de ColdFusion
personalizados. En este tutorial, se usa un componente de ColdFusion existente para
agregar funcionalidad al sitio web Dealer Locator. Los usuarios podrn obtener un mapa
para un distribuidor en particular de acuerdo a la direccin y el cdigo postal que
proporcionen.
En esta seccin se visualiza el nuevo panel Componentes, se usa un componente existente
para agregar funcionalidad dinmica a la pgina de detalles de los distribuidores y se mira
y prueba la seccin de distribuidores completada del sitio web Dealer Locator.

Paso 1: Ver los componentes de ColdFusion (CFC).

En esta seccin, se abre la ficha Componentes del grupo de paneles Aplicacin, se

visualizan los componentes instalados en el servidor ColdFusion MX y los mtodos
disponibles para dichos componentes.
1. Abra el grupo de paneles Archivos y haga doble clic en el archivo
dealerMaster.html para abrirlo en el espacio de trabajo.
Esta pgina muestra los datos detallados para el distribuidor que el usuario
selecciona en la pgina dealerMaster.cfm. Esta pgina ha sido precreada para este
tutorial, pero fcilmente podra crear esta pgina usted mismo con las
herramientas que se explican en los tutoriales del sitio web de Trio.
2. Abra el grupo de paneles Aplicacin y seleccione la ficha Componentes. Cierre
los mensajes de error que aparezcan haciendo clic en Aceptar.
3. Ample Componentes CF en el men emergente de categoras Componente.
4. Pulse el botn Actualizar
para mostrar una lista de los componentes de
ColdFusion que estn instalados en el servidor ColdFusion MX.
5. Seleccione el nodo (signo +) trio_cf para ampliar la vista.
6. Seleccione el nodo mappingService para ver los mtodos que estn disponibles.

Paso 2: Usar los componentes de ColdFusion para implementar consultas dinmicas de

informacin de distribuidores.

1. Pulse el botn Vista de cdigo para mostrar la pgina dealerDetail.cfm en la vista

de cdigo.
2. Seleccione el mtodo getMap del nodo mappingService en el panel Componentes,
arrstrelo a la ventana de cdigo y colquelo encima de la etiqueta de HTML.
Posiblemente primero tenga que agregar unas cuantas lneas en blanco encima de
la etiqueta de HTML.
El siguiente cdigo se inserta en la pgina.

El cdigo insertado por el panel Componentes no est completo y se tiene que

modificar para que el componente pueda funcionar. Ahora se reemplazarn todos
los casos de enter_value_here con un valor verdadero para el atributo.
3. Si an no se est en el cdigo, seleccione el texto enter_value_here en la lnea de
cdigo que comienza con returnvariable =enter_value_here y cambie
enter_value_here por getMapRet.
4. Seleccione el texto enter_value_here en la lnea de cdigo que comienza con
<cfinvokeargument name=address como se muestra en la ilustracin de
arriba.
5. Abra el grupo de paneles Aplicacin, seleccione la ficha Vinculaciones,
seleccione y arrastre el campo ADDRESS del juego de registros dealerDetail al
texto seleccionado en la ventana de cdigo.
6. Utilice el mismo mtodo para cambiar el texto enter_value_here en la siguiente
lnea de cdigo por el campo POSTAL _CODE en el juego de registros
dealerDetail recordset.
7. Pulse el botn Vista de diseo para ver la pgina dealerDetail.cfm.
8. Escriba #getMapRet# en la regin editable justo debajo de la tabla.
Para colocar el cursor debajo de la tabla posiblemente tenga que seleccionar el
borde derecho de la tabla y pulsar Intro.
9. Seleccione el texto #getMapRet#.
10. Seleccione la ficha CFML bsico en la barra Insertar y haga clic en el botn out
como se muestra en la siguiente ilustracin.

El Editor de etiquetas muestra la informacin de la etiqueta para la consulta. Deje

todos los campos en blanco.

11. Haga clic en Aceptar para poner etiquetas CFOUTPUT antes y despus del texto
#getMapRet#.
12. Elija Archivo > Guardar para guardar la pgina dealerDetail.cfm.
Paso 3: Ver y probar la seccin de distribuidores completada del sitio web de Trio.

Felicitaciones, acaba de terminar de implementar la funcionalidad dinmica de la seccin

de distribuidores del sitio web Dealer Locator. En esta seccin, se visualiza y se prueba el
sitio para verificar que est funcionando correctamente.
1. Abra el navegador e introduzca el URL del archivo dealers.html en el servidor de
pruebas. En las mquinas locales con Windows, por lo general es
http://localhost:8500/trio_cf/dealers.html
2. Seleccione una regin en la imagen del mapamundi para ver una lista de los
distribuidores de esa regin.
Esto lo debera llevar a una pgina con una lista de todos los distribuidores de la
regin.
3. Seleccione un nombre en la lista de distribuidores.
Esto lo debera llevar a una pgina que muestra informacin especfica sobre el
distribuidor seleccionado.
Creacin y uso de servicios web con ColdFusion MX
Dreamweaver MX y ColdFusion MX ponen a disposicin de los desarrolladores la
manera ms fcil de usar y desarrollar servicios web basados en XML en sus aplicaciones
de Internet. Gracias al modelo nico de invocacin y generacin de proxies de
ColdFusion MX, la integracin de servicios web en una aplicacin de ColdFusion MX es
mucho ms sencilla que en otras tecnologas. No se necesitan despliegues del lado del
servidor ni cdigo de invocacin complicado. Dreamweaver MX y ColdFusion MX
cumplen con la promesa de los servicios web al hacer su invocacin e integracin
accesibles a todos los desarrolladores que usan Windows como entorno de desarrollo.
En esta seccin, se crea un nuevo servicio web por medio del panel Componentes y luego
se usan sus mtodos y propiedades para habilitar el servicio para la pgina loanRates.cfm.
Paso 1: Agregar un nuevo servicio web con la ficha Componentes.

1. Abra el grupo de paneles Archivos y haga doble clic en el archivo loanRates.cfm

para abrirlo en la vista de diseo.
2. Abra el grupo de paneles Aplicaciones y seleccione la ficha Componentes.
3. Seleccione servicios web en el men emergente de categoras Componente.
4. Haga clic en el botn ms (+) para agregar un nuevo servicio web.

Aparece el cuadro de dilogo Editar utilizando WSDL.

5. Introduzca http://localhost:8500/trio_cf/loanrates.cfc?WSDL para el URL del

archivo WSDL. Si est usando un servidor remoto, cambie localhost por el
nombre del servidor o la direccin de IP del servidor.
6. Seleccione ColdFusion MX del men emergente Generador proxy si an no est
seleccionado.
7. Haga clic en Aceptar.
Dreamweaver MX genera un nuevo proxy de servicio web.
8. Abra la ficha Componentes del panel Aplicacin, verifique que loanratesService
aparezca en la lista de servicios web, y ample los nodos para ver el contenido
como se muestra en la siguiente ilustracin.

Paso 2: Invocar los mtodos y las propiedades del nuevo servicio web.

1. Haga clic en el botn Vista de cdigo para ver el cdigo de la pgina

loanRate.cfm.
2. Arrastre el mtodo String getRates del panel Componentes a la ventana de cdigo
y colquelo justo debajo del cdigo de comentario <!--- Invoke web service
retrieve loan rates --->.
3. Cambie el texto aString por rate para el atributo returnvariable.
4. Cambie el texto enter_value_here por #FORM.term#.
Esto enva el valor que selecciona el usuario de la lista desplegable al servicio
web loanRates para determinar la tasa para el prstamo.
Cuando termine de editar el cdigo, ste debera coincidir con la siguiente
ilustracin. Si est usando un servidor remoto, localhost ser reemplazado con el
nombre del servidor o la direccin de IP correspondiente.

5. Busque la lnea de cdigo que se muestra en la siguiente ilustracin , y junto al

texto Current Rate, aada el cdigo <cfoutput>#rate#</cfoutput>. Cuando
termine con la edicin, el cdigo debera coincidir con la siguiente ilustracin.

6. Elija Archivo > Guardar para guardar loanRates.cfm.

7. Pulse F12 para obtener una vista previa y probar la pgina en el navegador.

Uso del depurador de servidores de Dreamweaver MX

El depurador de servidores de Dreamweaver MX se comunica directamente con el
servidor ColdFusion MX para enviar, obtener y procesar informacin de depuracin. Esta
integracin permite a los desarrolladores depurar sus aplicaciones de Internet de
ColdFusion desde Dreamweaver MX, incluidos verificar el rendimiento de las consultas,
los valores de las variables, las excepciones y las pilas de plantillas, y luego saltar de
inmediato a las reas con problemas a travs de vnculos directos a las lneas de cdigo
correspondientes. En esta seccin, se revisan los parmetros de la pgina
dealerMaster.cfm para ver si hay problemas que necesitan arreglo.
Paso 1: Mostrar informacin de depuracin.

1. Acceda a ColdFusion MX Administrator y haga clic en el vnculo Debugging

Settings en la seccin DEBUGGING AND LOGGING de la barra de navegacin
de ColdFusion MX Administrator.
2. Marque la casilla Enable Debugging y haga clic en el botn Submit Changes.
3. Haga clic en el vnculo Debugging IP Addresses en la seccin DEBUGGING
AND LOGGING de la barra de navegacin de ColdFusion MX Administrator.
4. Verifique que la direccin de IP de la mquina que est ejecutando Dreamweaver
MX aparezca en la lista de direcciones vlidas. Si est ejecutando tanto
Dreamweaver MX como ColdFusion MX en su mquina local, introduzca
127.0.0.1 si an no aparece en la lista de direcciones. Esta es la direccin de IP
que sirve para identificar la mquina local. Los usuarios que estn usando un
servidor remoto pueden acceder a su direccin de IP local a travs de la utilidad
ipconfig de Windows. Elija Inicio > Ejecutar. A continuacin, introduzca ipconfig
en el cuadro de dilogo Ejecutar y haga clic en Aceptar. Aparecer un smbolo de
DOS con la direccin de IP local de la mquina.
5. Haga clic en Aadir para agregar la direccin de IP a la lista de las mquinas que
pueden recibir informacin de depuracin del servidor de aplicaciones
ColdFusion MX. Esta es una herramienta muy poderosa que permite que los
desarrolladores vean la informacin de depuracin, pero oculta la informacin
para que no la vean las visitas que comnmente llegan al sitio.
6. Abra el grupo de paneles Archivos y haga doble clic en el archivo
dealerMaster.cfm para abrirlo en la vista de diseo.
7. Elija Ventana > Resultados> Depuracin del servidor para abrir la ventana del
depurador.
8. Haga clic en el botn Depuracin de servidor de la barra de herramientas encima
del espacio de trabajo como se muestra en la siguiente ilustracin.

La informacin de depuracin aparece en la ficha Depuracin de servidor de la

ventana Resultados como se muestra en la siguiente ilustracin. Como puede ver,
ahora es posible depurar las aplicaciones de ColdFusion desde dentro de
Dreamweaver MX sin tener que abrir un navegador. sta es slo una de las
muchas maneras en que Dreamweaver MX y ColdFusion MX estn
estrechamente integradas.

Esto concluye el tutorial Creacin de aplicaciones de Internet con Macromedia

Dreamweaver MX y Macromedia ColdFusion MX. Visite el Centro de desarrollo de
Dreamweaver MX con frecuencia para obtener nuevos tutoriales, artculos y contenido
para desarrolladores.