1. Dreamweaver
Eilin Paola Gómez Mesino
11°E
Analida Carvajal

2. Navegando en Dreamweaver
Menú:
Dreamweaver
Nuevas herramientas
Flash
Barra de herramienta
Paginas dinámicas
Base de datos
Imagen

3. Dreamweaver
Adobe Dreamweaver es una aplicación en forma de
estudio que está destinada a la construcción, diseño y
Menú: edición de sitios, videos y aplicaciones Web basados
 Dreamweaver en estándares. Creado inicialmente
 Nuevas herramientas por Macromedia (actualmente producido por Adobe
 Flash Systems) es el programa más utilizado en el sector del
 Barra de herramienta diseño y la programación web, por sus
 Paginas dinámicas funcionalidades, su integración con otras herramientas
 Base de datos como Adobe Flash y, recientemente, por su soporte de
 Imagen los estándares del World Wide Web Consortium.

4.  En este programa contiene una ventana
que permite que los usuarios que tengan
dificultad para ver puedan acercar las
letras, tablas, imágenes a través de los
píxeles que tiene incorporado
Dreamweaver.
Menú:  Hay nuevos botones en la barra de
 Dreamweaver herramientas que ayuda al usuario a
realizar las operaciones mas complejas
 Nuevas herramientas en mas sencillas.
 Flash  Permite usar las estructuras y usar la
 Barra de herramienta pagina web de manera fácil y sencilla.
 Paginas dinámicas
 Base de datos
 Imagen
http://www.aulaclic.es/dreamweaver-cs5/t_1_1.htm

5. Son animaciones, cuyo archivo tiene la
Menú:
extensión SWF, Flash es un elemento multimedia
 Dreamweaver
usada en las paginas web. Un ejemplo de Flash son
 Nuevas herramientas
las películas, ya que allí se utiliza este elemento;
 Flash
Las películas Flash pueden insertarse en una página
 Barra de herramienta
a través del menú Insertar → Media, opción SWF, o
 Paginas dinámicas
pulsando Ctrl + Alt + F.
 Base de datos
 Imagen
http://www.aulaclic.es/dreamweaver-cs5/t_10_1.htm

6. La barra de herramientas de Dreamweaver contiene
botones que permiten alternar entre diferentes vistas del
documento rápidamente, cambiar el título del documento
o pre visualizar la página en el navegador.
 Para ver u ocultar la barra de herramientas, elija en
el menú Ver la opción Barra de herramientas.
 Para ver sólo código en la ventana de documento,
haga clic en el botón Vista de código.
 Para ver una vista que contenga las vistas de
Menú: Código y de Diseño, haga clic en el botón Vistas de
 Dreamweaver código y diseño.
 Nuevas herramientas  Para ver sólo la vista de Diseño, haga clic en el
 Flash botón Vista de diseño.
 Barra de herramienta  Para introducir un título para el documento, utilice el
 Paginas dinámicas campo Título. Si el documento ya tiene título, éste
 Base de datos aparecerá en dicho campo.
 Imagen  Para poner, obtener o proteger un archivo, haga clic
en el botón de menú de "Estado de archivo«
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id
=13232

7. En esta unidad vamos a ver cómo utilizar Dreamweaver
para crear páginas PHP y acceder a datos almacenados
en una base de datos. Mientras el archivo PHP se
ejecuta el usuario tiene la opción de guardar el archivo
en su unidad de almacenamiento; ahora que ya tenemos
un servidor de pruebas donde pueda ejecutarse el
código que introduzcamos en nuestras páginas y
permita la creación de bases de datos para almacenar
información pasaremos a crear nuestras propias páginas
dinámicas de acceso a datos. Una vez instalado WAMP
Menú: empezaremos a crear nuestras primeras páginas para
 Dreamweaver mostrar información específica y personalizada. Ello nos
 Nuevas herramientas apoyaremos siempre en la sección aplicación de la barra
de herramientas insertar:
 Flash
 Barra de herramienta 1. Puede que en tu ordenador no veas la barra de esta forma,
 Paginas dinámicas pues puede tomar la forma de pestañas o de menú.
 Base de datos 2. Si la tuvieses en forma de menú haz clic en el desplegable de
la izquierda y selecciona aplicación:
 Imagen
3. Y en el panel Aplicación que puedes abrir desde el
menú Ventana → Bases de datos.
http://www.aulaclic.es/dreamweaver8/t_20_1.htm

8. Para ello nos dirigimos a la pestaña Bases de datos en el
panel Aplicación y hacemos clic sobre el botón .Selecciona la
opción Conexión MySQL para crear la conexión que
necesitamos.
 Aquí deberás colocar los datos correspondientes a tu
base de datos.
 En Nombre de conexión escribiremos un nombre
significativo para poder reconocer la conexión más
adelante.
 En Servidor MySQL deberemos escribir localhost en
nuestro caso ya que la base de datos está alojada en
nuestro propio equipo. En otro caso habría que
Menú: introducir la dirección del servidor donde se encuentre
almacenada la información.
 Dreamweaver  Escribe un Nombre de usuario y Contraseña con
 Nuevas herramientas priviegios suficientes para acceder a la base de datos (al
menos parcialmente).
 Flash
 Barra de herramienta  Y finalmente selecciona (pulsando el botón Seleccionar)
o escribe el nombre de la base de datos a la cual nos
 Paginas dinámicas vamos a conectar.
 Base de datos
 Imagen  Puedes hacer una prueba de conexión pulsando el
botón Prueba, así te asegurarás de que se puede
establecer comunicación entre Dreamweaver y el
servidor correctamente con los datos facilitados.

9. Para todas las paginas web siempre hay
imágenes que caracterizan el objeto o
producto que promociona la pagina y por
ende siempre tiene que haber un tipo de
Menú: imagen por imagen, para agregar una
 Dreamweaver imagen en Dreamweaver debemos:
 Nuevas herramientas
 Flash 1. Diríjase al menú insertar, imagen luego
 Barra de herramienta puede insertar la imagen que desee,.
 Paginas dinámicas 2. Luego modifique la imagen a su gusto.
 Base de datos
 Imagen
http://www.aulaclic.es/dreamweaver8/t_6_1.htm