Estás en Inicio / Editorial / Software Propietario
19.06.2007
Dreamweaver trae muchas mejoras en cada versión que no debemos pasar por alto aunque parezcan sencillas. En el siguiente artículo presentamos algunos consejos útiles para los usuarios de Dreamweaver CS3.
Dreamweaver es una poderoso Editor WYSIWYG de páginas web. Este producto fue creado por Macromedia y luego adquirido por Adobe. La última versión de este producto Adobe Dreamweaver CS3, incorpora muchas mejoras que hacen que nuestro trabajo sea más sencillo y ahorra tiempo en el desarrollo de proyectos.
Esta poderosa herramienta es muy utilizada por los programadores y diseñadores web, entre los lenguaje que podemos utilizar para crear nuestros sitios web se encuentran (HTML, ColdFusion, PHP, ASP, XSLT, CSS, JavaScript, XML, JSP, ASP .Net).
Razones que plantea Adobe por las cuales debemos actualizar:
Definir un sitio nos ayuda a administrar de una forma más fácil nuestro sitio web, ya sea local o remoto. También nos posibilita el uso de “Templates”, crear caché de nuestro sitio entre otras posibilidades. Para ello debemos ir a la ventana “Files” u oprimir la tecla “F8”.
El uso de Templates nos ayuda a mantener una plantilla de nuestro sitio. Esto nos posibilita el no tener que modificar todo el sitio cuando necesitamos realizar cambios. Para ello debemos seleccionar regiones editables.
Para crear una página desde la platilla es necesario crear un nuevo documento y seleccionar desde plantilla, luego nos mostrará una lista de las plantillas que hemos creado.
El verificar nuestro sitio es un paso importante ya que nos ayuda a comprobar si el mismo es compatible o no, con la mayoría de los navegadores. Con la opción “Check Browser Compatibility” podemos verificar la compatibilidad. Nos mostrará los resultados en la ventana de resultados.
Podemos configurar los navegadores con los cuales analizaremos la compatibilidad y su versión, para ello solo debemos ir a “Settings”.
Debemos tener en cuenta lo útil y necesario que es el realizar validaciones de nuestro sitio. Podemos configurar las validaciones de los documentos en “Settings”.
Estas validaciones se realizan en el documento actual, en el sitio completo que tenemos definido, o seleccionar los ficheros que deseamos validar.
En muchas ocasiones encontramos páginas web que en lugar de mostrarnos los caracteres especiales como vocales con tildes (á, é, í, ó, ú) muestras caracteres extraños ilegibles . Para que esto no ocurra debemos sustituirlo por su código HTML.
Entre los caracteres especiales que más usamos encontramos:
Estos caracteres especiales los podemos encontrar en la pestaña “Text” que se encuentra en la ventana “Insert”.

Es muy aconsejable usarlos siempre que necesitemos insertar estos tipos de caracteres.
Esta importante opción que muchas veces pasamos por alto nos ayuda a mantener una alineación de nuestro diseño.
Si pinchamos la regla con el clic izquierdo del mouse y arrastramos hacia el área de trabajo, nos mostrará unas líneas que nos ayudarán a mantener en alineación los objetos de nuestro diseño.
Es muy útil tener organizado los estilos en un fichero. En la esta ventana CSS se encuentra en la parte derecha de Dreamweaver, también podemos activarla con las teclas “Shift+F11”.
Con los botones de la parte inferior derecha podemos:
Vincular hojas de estilos a nuestras páginas del sitio nos ayuda a no repetir los códigos, y al realizar un cambio solo hacerlo en el fichero CSS.
Esta opción nos permite tener una vista previa de nuestras páginas web. En la lista de navegadores podemos seleccionar el navegador con el que deseamos realizar la vista previa. También podemos Editar esta lista en la opción “Edit Browser List”.
Dreamweaver CS3 incorpora una nueva opción que nos permite tener una vista previa de nuestra Web en diferentes marcas y modelos de teléfonos celulares, esta opción se llama “Preview in Device Central”.
Esta barra nos permite varias opciones como:
Entre las mejoras incorporadas en Dreamweaver CS3 en esta nueva versión, se encuentran el SPRY framework para AJAX.

El Spry framework para Ajax esta compuesto por librerías Javascript para proveer funcionalidades en el diseño Web.
Los Spry de Datos nos permite mostrar datos desde un XML. Veremos en varios pasos como crearlo. Primeramente debemos definir los “Spry XML Data Set”, en este caso hemos utilizado el xml de Maestros del Web.

Definir el XML del cual podremos leer los datos.

Aquí se definirá el contenedor de los datos, el tipo, y el “Spry Data Set” a utilizar. En el paso anterior lo definimos con el nombre “MaestrosDelWeb”.
Spry Repeat. Mostrar los diferentes registros o item del XML. Si agregamos directamente los “Spry Repeat” sin seleccionar los “Spry Region” este nos preguntará si deseamos agregarla. Como es un paso necesario debemos agregarla.
Si solo deseamos mostrar un solo registro o item del XML no necesitamos usar los “Spry Repeat”. Estos nos permitirán recorrer todos los item del XML, para poder mostrarlos.

Esta opción nos permite insertar los datos provenientes del xml en forma de lista. Podemos seleccionar el contenedor. El nombre del Spry de Datos “MaestrosDelWeb” y los datos que mostraremos. Estos podemos agregarlos de uno en uno si queremos mostrar varios. Insert Spry Table. Insertar en forma de tabla.

Y esta opción para resolver nuestros problemas cuando queremos mostrar nuestros datos en forma de tabla.
Las otras opciones podemos ajustarlas a nuestro gusto, estilos y demás. Estos también pueden ser insertados por la Ventana de Aplicación “Bindings”, podemos mostrarla de forma rápida con las teclas “Ctrl+F10”. Podemos marcarlos y arrastrarlos.
Con los Spry de Validación podemos validar Campos de Texto, Listas Desplegables, Checkbox. Esta importante función nos brinda la posibilidad de validar los formularios de nuestro sitio web de parte del cliente, sin necesidad de realizar un POST a nuestro sitio.
Al seleccionar esta opción, podemos seleccionar el tipo de validación del campo, que puede ser Correo Electrónico, Dirección IP, Fecha, URL, Código Postal, etc. Podemos definir el formato con el que se va a validar. Definir una cantidad mínima y máxima de caracteres.

Los Spry Layout, nos brindan la posibilidad de crear interfaces de usuarios más dinámicas mediante componentes AJAX.

Esperamos que estos tips les permitan hace buen uso de las diferentes opciones que brinda Adobe Dreamweaver CS3 y compartan su experiencia en los comentarios en el uso del programa.
Califica esta nota:
Damián Pérez Valdés
Webmaster, Administrador de Sistemas, con experiencia en desarrollo web y de aplicaciones.
Si eres nuevo en Maestros del Web y te agradan nuestras publicaciones, te invitamos a suscribirte a nuestro Feed.
Sindícanos en: Google Reader, Bloglines, My Yahoo o My MSN | ¿Qué es el Feed?
28 comentarios en total.
Hace más de 8 años que utilicé dreamweaver por primera vez, cuando deje FrontPage y empecé a conocer las herramientas de Macromedia que prometian una revolución en el diseño de páginas web. Creo que está herramienta ha sido una interesante opción que sin duda en su actualización aún es la favorita de muchos diseñadores web.
Es muy cierto, son increibles las ventajas que tiene esta nueva version de Dreamweaver, el CS3 relamente lo hace todo mucho mas facil, antes tenia de implementar el framwork ajax de adobe de manera manual, ahora es cuestion de un par de clics!
ok… sigo con la duda!!, la mejor herramienta para diseño web? cual seria? … tengo en mente hacer un curso … pero avanzado, muchos me dicen que la haga con joomla, pero no me gusta. ? alguien me dice?
Saludos..! =) (maestros del web deberian echarme una manito haciendo una encuesta)
Dreamweaver o frontpage? joomla .. trabaja con plantillas por lo que tengo entendido … no digan respuestas como … ” bloc de notas ” xD .. soy un diseñador web =D muy novato
Jose Flores, creo que decir que una de las herramientas es la mejor, atenta con el derecho de los diferentes criterios, debido a que hay quienes se especializan en el desarrollo de sitios desde la programación y prefieren herramientas orientadas a ello.
Por otro lado, hay quienes prefieren el diseño de sitios web y utilizan las herramientas que hagan toda la parte del código y ellos se preocupan por la estética.
También, hay quienes saben combinar ambas cosas y manejan múltiples herramientas según sus necesidades de desarrollo.
Si lo que buscas es dar un curso avanzado, creo que debes definir tus objetivos, preguntarte qué herramientas manejas mejor, qué deseas que las personas en tu curso aprendan, cómo darles una panorámica de las posibilidades que existen.
Creo que una de las cosa que más he valorado en los cursos, es cuando el catedrático te transmite sus conocimientos a partir de su experiencia, pero sabe reconocer que también existen otras posibilidades que él no maneja del todo, pero insta a sus alumnos a investigar y conocerlas. Suerte con el curso.
yo utilizo Mac para mis trabajos de programacion y diseño web y sobre mac trabajo con :
Coda, CSSEdit y Dreamweaver
bajo PC trabajo solo con Dreamweaver.
Yo recomendaria que lo utilices porque al menos la ultima version es un tanto mas intuitiva, para lo unico que no lo recomiendo es para editar el codigo de movable type porque reemplaza algunos caracteres por otrsos, convierte los $ en % o algo asi y eso es un dolor de cabeza! PAra todo lo demas.. existe dreanweaver
Como se ha dicho anteriormente el criterio de cual es la mejor herramienta esta en cada uno de nosotros. Yo utilizo Dreamweaver, desde hace varios años, para mi es una de las mejores.
Joomla es un Sistema de Gestion de Contenidos, o sea, es un sitio que ya esta echo que solo tienes que configurarlo y ya tienes tu sitio.
Excelente aporte, a leer un poco y a poner en practica!
- Uy… tan enojada la Tefy!..jijiji…
Totalmente de acuerdo con la definición del sitio. Es algo que nunca debemos olvidar para aprovechar el programa.
Luego con los templates, debo confesar que no me terminaron de confesar por lo dependiente que te haces del programa para manejar tus proyectos. Creo que se puede hacer algo mejor usando algo de PHP, trabajando con algún CMS o incluso con una buena planeación CSS para el sitio.
De las herramientas de validación, la verdad que es super práctico tenerlas allí en el programa.
Con los caracteres especiales, la vista visual siempre los va a incluir automáticamente.. Hay que tener cuidado cuando se usa la vista de código pues allí no los incluye (aunque no he probado en la versión CS3).
Y con la opción de Ajax, la verdad que aún no la he probado pero si me llama la atención. Gracias por la documentación gráfica que incluiste.
ehmm.. graciassss, ya yo he trabajado en dreamweaver y me gusto, pero solo preguntaba para ver que tal eran los otros programas ya que no se nada de ellos.. ! en cuanto a la pregunta que hice ya entendi… lo que busco es algo llamativo (”en esto me refiero a las aplicaciones y codigos”) y a la vez bien diseñado,
gracias de nuevo.!
;)
cvander, es verdad que el uso de templates nos crean una dependencia de esta herramienta. Si realizamos un sitio modular, con PHP por ejemplo. Podemos evitar esa dependecia del programa que nos dan las plantillas.
Con respecto a los caracteres especiales en la vista de diseño, dreamweaver CS3 tampoco no los reemplaza por su caracter HTML.
El framework de Ajax, tengo que reconocer que me sorprendio cuando lo vi, con solo varios clic ya tienes lo que necesitas.
Dreamwaver es una herramienta desarrollada para profesionales y no profesionales. Con importantes herramientas que nos ayudan en la rapidez de la creacion de nuestros proyectos.
Gracias, justo hoy estaba revisando el Dreamweaver CS3 y vi esos iconos raros de SPRY. Excelentes tips.
Y sobre lo de la herramienta ideal como dice Damian Joomla es un CMS no hay punto de comparación con Dreamweaver.
realmente esta pagina me ha gustado mucho, pero tengo un problema para eliminar varios datos en varias tablas ya que una de las tablas contie una clave NSocio y apartir de ella estan varias tablas relacionadas……………
pero en fin la pagina es muy bueno pero aun no encuentro lo que yo necesito
me gusta mucho dreamweaver hace 2 años lo manejo.
Expression web creo que reemplazo a front page pero no se compara con dreamwaver.
joomla lo he manejado, pero es muy dificil hacer una plantilla, alguien me podria decir alguna pagina donde me enseñen a hacer plantillas de joomla, pero que sea en español. gracias
mi email es giova900@walla.com
Hola Giovanny, en la seccion Editorial de Maestros del Web, podrás encontrar varios articulos sobre Joomla. Espero te sean de gran utilidad. Saludos.
Lo estoy utilizando, y no me parece nada del otro mundo, mejor es el DW8, permite trabajar en vista diseño con mayor facilidad, se supone que para eso fue creado… por el momento.
¿Alguien me podria indicar como podria introducir en mi web mediante deamweaver un registro para usuarios? tengo un conocimiento demasiado basico y ni idea de programacion html. Un saludo y gracias
Hola moriM, DW9 tambien incorpora vista diseño, esta vez hay que seleccionarla mediante los menu. Tambien incorpora varios Tips que son de gran ayuda.
Saludos, escribo ya que veo que hablan muy bien del Dreanweaver CS3, no es para menos es perfecto, pero le he encontrado un error (no se si solo me pase a mi pero…) por que la vista de diseño no se actualiza sola como en DreanWeaver 8.0 y anteriores?…. es decir en este hay que presionar F5 constantemente para que se actualice la vista de diseño y la barra de propiedades? POR QUE?… habrá una solucion? será un error solo mio?… Saludos, por favor solicito una solucion escribanme a mi correo el que sepa solucionarlo raulbarciap@gmail.com o r.barcia@hbp.com.ve
CONOSCO MUY POCO DE DREAMWEAVER.. Y ME GUSTARIA REALIZAR UNA PAGINA!! SOY UN NOVATO .. PERO ME GUSTARIA RECIBIR ALGUNOS TIPS PARA INICIAR CON UNA PAGINA!! Y PODER IMPRESIONAR A LOS KE SE LA PRESENTE..
TRUCOS KE SEPAN KE PUEDAN IMPRESIONAR A LOS VISITANTES
ME GUSTARIA RECIBIR SUGERENCIAS AMI CORREO.. ESPERO SUS RESPUESTAS!! Y NECESITO MUCHO DE SU AYUDA!
KE TENGAN MUY BUEN DIA!
Alguien comento acerca de la molestia que tiene el CS3 con respecto a la actualizacion de las propiedades?.(en general… uno seleciona algo ejemplo una tabla y despues debo darle F5 para que me muestre las propiedades de la tabla)… es canson! si alguien tiene alguna solucion por favor, parece sencillo pero es una de las cosas que no me han hecho migrar del DW8
Hola Gustavo Lopez, particularmente a mi me funciona de maravillas, no necesito presionar F5, automaticamente me muestra las propiedades al seleccionar la tabla.
hola acabo de dar con tu pagina y me parece afortunado contar son personas como tu que comparten ses conocumientos. gracias y si me lo permites te estaré consultando algunas cosas sobre dreamweaver cs3.
Hola, me reporto como usuaria novata de dreamweaver y tengo una gran duda con respecto a los caracteres especiales, particularmente vocales acentuadas. Anteriormente al pegar cualquier texto en dw en el código html quedaban registrados los caracteres especiales; ahora segun entiendo hay que ir cambiando uno por uno, es esto verdad? No hay una solución, ya sea etiqueta o algo asi para que lo haga en automático. Me parece que sería doble trabajo de no haber algún comando o algo así. Gracias por tu ayuda
bueno soy nuevo en esto, pero si se de html y php, y se me presenta un proble, he creado formularios que envian los datos a un php para ser precesados e imprimir los resultados en pantalla, por alguna razon con dw cs3 no he logrado que esto funcine. alguen por favor me prodia ayudar…?
Hola la verdad es que nunca he estudiado dreamweaver y recien estoy estuidando en este semestre soy estudiante de informatica y me gustaria que publicaran el manual de dreamweaver ya q
Hola soy estudiante de informatica recien estoy estudiando lo que es dreamweaver y necesito porque es un recurso muy importante y no esta en internet gratis creanme q lo he buscado y no lo encuentro, porfavor no sean malos publiqnlo.
muy buena introduccion, queria saber si el spry permite select anidados, por ejemplo que en un select se listen ciudades y al escoger una aparezcan las iglesias de esa ciudad en otro select. como lo haria en cs3 con spry??
2 trackbacks en total.
Maestros del Web es el punto de encuentro para los entusiastas de la red.
© Copyright 1997 - 2008 Maestros del Web. | CMS: Wordpress