DREAMWEAVER

Adobe Dreamweaver es una aplicacin en programa de

estudio (basada en la forma de estudio de Adobe Flash) que
est destinada a la construccin, diseo y edicin de sitios,
vdeos y aplicaciones Web basados en estndares. Creado
inicialmente por Macromedia (actualmente producido por
Adobe Systems) es uno de los programas ms utilizados en el
sector del diseo y la programacin web por sus
funcionalidades, su integracin con otras herramientas como
Adobe Flash y, recientemente, por su soporte de los
estndares del World Wide Web Consortium.
Sus principales competidores son Microsoft Expression Web y
BlueGriffon (que es de cdigo abierto) y tiene soporte tanto

para edicin de imgenes como para animacin a travs de su

integracin con otras

CARACTERISTICAS
Ofrece la posibilidad de crear botones flash, formularios,
JavaScripts, y ms, es de gran ayuda. Adems de poder
insertar elementos web, encontramos una gran precisin en la
importacin de informacin de Word y Excel, con las funciones
de copiar y pegar.
: Dreamweaver es conocido por ofrecer herramientas
avanzadas en el desarrollo de sitios web, y si bien se trata del
producto de mayores caractersticas del mercado, su uso est
limitado a usuarios con experiencia, ya que de no ser as, uno
se encuentra con la dificultad de no saber por dnde
comenzar.

#1 Compatibilidad con CMS integrada

Ahora puedes tener una mayor compatibilidad de pruebas y
creaciones de diversos marcos de trabajo de sistemas de
gestin de contenido como WordPress, Joomla! y Drupal,
interesante para aquellos blogueros que tienen que usar otros
servicios y Dreamweaver a la vez.
#2 Inspeccin de CSS
Ahora podemos ver en detalle el modelo de cuadro de CSS y
cambie las propiedades de CSS sin necesidad de leer el
cdigo ni utilizar otra utilidad, ya era hora de que el programa
tuviera ms participacin en cuanto a CSS ya que por mucho
que les cueste a muchos CSS ahora es lo que le da estilo a los
sitios web, HTML la estructura solamente.
#3 Integracin con Adobe BrowserLab
Tambin contamos con la opcin de poder utilizar Adobe
BrowserLab que nos permitir testear, de manera rpida y
sencilla, nuestros sitios en diferentes versiones de

navegadores. De esta manera, podremos ver en tiempo real

como se representara nuestro sitio en diversos navegadores
web.
#4 Sugerencias de cdigo de clase personalizada de
PHP
Otro cambio muy importante al menos para los usuarios de
pginas dinmicas unidas a bases de datos como PHP y Mysql
porque hay sugerencias de cdigo personalizadas de cdigo
PHP
#5 HTML5
En lo que se refiere a HTML5 y CSS3, Dreamweaver no los
soporta en el modo de diseo, pero s en vista previas en vivo.
Vale la pena recordar, que estos dos estndares estn an en
definicin, razn por la cual la gente de Adobe no se ha
decidido a implementar esta funcin en la vista de diseo, lo
que no significa que sirva en la vista cdigo ya que en esa
parte si lo reconoce.

MENUS DE DREAMWEAVER
La barra de herramientas
La barra de herramientas de Dreamweaver contiene botones
que permiten alternar entre diferentes vistas del documento
rpidamente, cambiar el ttulo del documento o previsualizar
la pgina en el navegador. Los elementos del men Opciones
(botn situado en el extremo derecho de la barra de
herramientas) cambia en funcin de la vista que seleccione.
Barra de herramientas
Para ver u ocultar la barra de herramientas, elija en el men
Ver la opcin Barra de herramientas.

Para ver slo cdigo en la ventana de documento, haga clic en

el botn Vista de cdigo.
Para ver una vista que contenga las vistas de Cdigo y de
Diseo, haga clic en el botn Vistas de cdigo y diseo.
Para ver slo la vista de Diseo, haga clic en el botn Vista de
diseo.
Para introducir un ttulo para el documento, utilice el campo
Ttulo. Si el documento ya tiene ttulo, ste aparecer en dicho
campo.
Para poner, obtener o proteger un archivo, haga clic en el
botn de men de "Estado de archivo".
Para previsualizar o depurar un documento en un navegador,
haga clic en Vista previa/depurar en navegador y elija uno de
los navegadores enumerados en el men emergente.
Para actualizar la vista de Diseo, haga clic en el botn
Actualizar vista de diseo.
Para obtener informacin de referencia sobre cdigo HTML,
CSS y JavaScript, haga clic en el botn Referencia.
Para desplazarse por el cdigo, haga clic en el botn
Navegacin por el cdigo. Para obtener ms informacin,
consulte "Introduccin al depurador JavaScript".
Para mostrar u ocultar la regla, la cuadrcula y las ayudas
visuales, haga clic en el botn de men Opciones.
El pnel objetos
Este pnel contiene botones que permiten la creacin e
insercin de diversos tipos de objetos, como tablas, vnculos,
capas e imgenes. El pnel contiene siete categoras de forma
predeterminada: Comn, Formularios, Marcos, Head, Invisibles
y Caracteres. Tambin contiene botones que cambian de
vista: Estndar y Disposicin. Cada uno de estos elementos
sern explicados en temas posteriores.
Pnel de objetos

Para cambiar de categora d clic sobre alguna de las

pestaas situadas en la parte superior del pnel.
Si desea insertar un objeto en el documento haga clic en el
correspondiente botn del pnel o arrastre el cono del botn
hasta la ventana de documento. Dependiendo del objeto,
aparecer un cuadro de dilogo en el cual se le pedir que
seleccione o inserte el archivo u objeto deseado.
Si desea insertar un marcador de posicin mantenga
presionada la tecla Control mientras da clic en el cono para
insertar el objeto. (Por ejemplo, para insertar un marcador de
posicin para una imagen sin especificar un archivo de
imagen, mantenga presionada la tecla Control y haga clic en
el botn Imagen.)
Nota: Esto no permite omitir todos los cuadros de dilogo.
Algunos objetos, como las barras de navegacin, las capas,
los botones Flash, los marcos, etc., no insertan marcadores de
espacio.
Inspector de propiedades
El inspector de propiedades permite examinar y editar las
propiedades del elemento que est seleccionado actualmente,
puede ser un objeto o texto. Es posible seleccionar los
elementos en la ventana de documento o en el inspector de
cdigo.
La mayora de los cambios realizados en las propiedades se
aplicarn de inmediato en la ventana de documento. (Para
algunas propiedades, los cambios no se aplican hasta que se
hace clic fuera de los campos de texto de edicin de la
propiedad, se presiona Enter o se presiona Tab para cambiar a
otra propiedad.)
El contenido del inspector de propiedades vara en funcin del
elemento seleccionado. Si quiere obtener informacin sobre

propiedades concretas, seleccione un elemento en la ventana

de documento y, a continuacin, haga clic en el icono Ayuda,
situado en la esquina superior derecha del inspector de
propiedades.
El inspector de propiedades muestra inicialmente las
propiedades del elemento seleccionado que se utilizan con
mayor frecuencia; para ver todas las propiedades haga clic en
la flecha de ampliacin situada en la esquina inferior derecha
del inspector de propiedades, para ver ms propiedades del
elemento.