Dreamweaver es un software para crear páginas web de forma visual sin necesidad de escribir código manualmente. Ofrece características como edición de HTML, CSS y JavaScript de manera fácil. El documento explica cómo crear una página web básica en Dreamweaver insertando texto con formato, imágenes y enlaces.

1. VICERRECTORIA DE INVESTIGACIÓN Y POSTGRADO
POST GRADO EN DOCENCIA SUPERIOR
COMUNICACIÓN Y TECNOLOGÍA EDUCATIVA
ED. 605
EL SOFTWARE DREAMWEAVER
PROFESORA
LUZMILDA KU
ESTUDIANTES
BEVERLY BOOTH 1-25-1700
ROSARIO VEJERANO 4-700-741
KELVIN RAMIREZ 1-715-972
SIANI COX 1-702-2362
CHANGUINOLA, 18 DE JULIO DE 2015
UNIVERSIDAD DE PANAMÁ
CENTRO REGIONAL UNIVERSITARIO DE BOCAS DEL
TORO

2. CREA TU PROPIA PAGINA WEB

3. Introducción
Dreamweaver CS4 es un
software fácil de usar que
permite crear páginas web
profesionales.
Creado inicialmente por Macromedia
(actualmente producido por Adobe Systems)
es el programa de este tipo más utilizado en
el sector del diseño y la programación web,
por sus funcionalidades, su integración con
otras herramientas como Adobe Flash y,
recientemente, por su soporte de los
estándares del World Wide Web
Consortium.

4. ¿Qué es?
Es una aplicación en
forma de estudio (basada
en la forma de estudio de
Adobe Flash) que está
destinada a la
construcción y edición de
sitios y aplicaciones Web
basados en estándares.
Las funciones de edición visual de
Dreamweaver CS4 permiten agregar
rápidamente diseño y funcionalidad a
las páginas, sin la necesidad de
programar manualmente el código
HTML.
Se puede crear tablas, editar marcos,
trabajar con capas, insertar
comportamientos JavaScript, etc..,
de una forma muy sencilla y visual.

6. Veo de la
empresa
desarrolladora de
software
Macromedia, que
nació en 1992
tras la fusión de
Authorware Inc.
(creadora
deAuthorware) y
amos un poco la
historia del
programa.
Dreamweaver es
un
productMacro-
Mind Paracomp
(responsable de
Director).

7. Este producto era
un plugin para los
navegadores que
permitía ver
animaciones
hechas en
Director. A causa
del éxito que
tuvo, la empresa
decidió que debía
expandirse más
en el sector web
y multimedia.
El primer
producto de esta
compañía fue:

8. • Con esta expansión como objetivo primario, en 1996,
Macromedia realizó dos grandes adquisiciones.
Creadora de
“FutureSplash”,
y que
Macromedia lo
bautizó como:
Creadora de “Backstage”, y
que Macromedia lo bautizó
como:

10. Características
• Dreamweaver sea la versión que sea es una herramienta
totalmente útil para todos los programadores ya sean novatos o
expertos.
• Cuando programas en HTML puedes hacerlo directamente desde
una pestaña en la que puedes ver una especia de vista previa de
la pagina .
• Dentro de esta vista previa puedes editar la pagina fácilmente
añadiendo botones , tablas etc... sin ningún problema rápido y
sencillo.

11. Mas características…….
• Cuando programas en PHP tiene una excelente biblioteca de códigos
que te pueden ayudar a editar mas rápido.
Tiene la posibilidad de conectarse a Ftp con un host y editar
directamente los archivos allí almacenados te permite editar CSS
rápidamente , podrás hacer plantillas en pocos minutos siguiendo una
básica ya predefinida por Dreamweaver.
• Puedes bajarte complementos para sistemas ya estipulados como
para Joomla que tiene varios editores de plantillas. Con esta
aplicación podrás hacer formularios muy rápidamente sin necesidad
de escribir código por código y tener que andar sufriendo.
Te identifica los códigos por colores para que puedas localizar mejor
los tipos de código

12. Aplicaciones
o Ver una película.
o Saber exactamente donde estamos.
localizados.
o Jugar.
o Hacer amigos.
o Dirigir una empresa.
o Todo a nuestro alcance con un movimiento
de dedo o un solo clic.

13. Como usar el software

14. ¿Primera vez utilizando
dreamweaver?
Como ya se menciono
dreamweaver es un programa
fácil de usar en el que te ahorras
tiempo al ya no utilizar tan
directamente los códigos HTML.
A continuación se explicara
como realizar una pagina, con
varios estilos de texto, una
imagen y un enlace a otra
página. Crear esta página solo
te llevará unos pocos minutos, y
sabrás cómo trabajar con los
elementos básicos con los que
están hechas la mayoría de las
páginas web.

15. 1ro. Lo primero que tienes que hacer es
abrir Dreamweaver.
• Como abrir dreamweaver.
• Para abrir un documento nuevo, puedes utilizar
cualquiera de las siguientes operaciones.
• Hacer clic en el botón abrir de la barra de
herramientas estándar.
• Pulsar la combinación de teclas Ctrl+N.
• Hacer clic sobre el menú Archivo y elegir la opción
Nuevo.
• Hacer doble clic sobre el archivo en la ventana del sitio.
• Después de esto aparecerá una nueva ventana, en la que
deberás elegir la Categoría Página básica, HTML.

16. 2do. Seleccionas la Categoría
Página básica, HTML.
• Después aparecerá un documento en blanco escribe lo que quieras, por
ejemplo:

17. 3ro. Editar como se quiera.
• Una vez introducido el texto, vas a
modificar el título y el color de fondo del
documento. Para ello debes hacer clic
sobre el menú Modificar y elegir la
opción Propiedades de la página.
• Entonces se abrirá una ventana como la
que aparece más abajo.

18. Ahora crearas la
pagina a tu gusto y
necesidad. Que en el
ejemplo solo se
muestre ahora el
código del color azul
no significa que así
sea. Varia según
quieras y hay infinidad
de opciones.
Cambia el Título por
Mi primera página.
En Color de Fondo
escribe #CCCCFF, de
este modo el fondo
del documento pasará
a ser de color azul.
Da clic en aceptar.

19. Insertar imagen.
Para insertar la imagen, ha de
estar accesible para nosotros.
Para ello debe encontrarse en
nuestro disco duro, en un CD-
ROM o en un disquete, pero
preferiblemente en el disco duro.
Busca la imagen que quieres y
tienes que insertar la imagen
debajo de la segunda línea de
texto. En primer lugar debes
situar el cursor al final de la
segunda línea y pulsar un Enter
para ir a una nueva línea.
Después debes dirigirte al menú
Insertar, a la opción Imagen.

20. En la nueva
ventana que
aparece,
deberás
buscar la
imagen en la
carpeta
en la que la
habías
guardado, y
después
seleccionarla.

21. Como cambiar formato.
• Para ello necesitas ver el inspector de propiedades que se
encuentra normalmente en la parte inferior de la ventana, y
que tiene el siguiente aspecto:
• Selecciona la primera línea de texto y cambia el Formato por
Encabezado 1 y el color por #000066, tal y como se muestra en la
siguiente imagen. y en Vínculo introduce http://www.elpais.es, para
crear un enlace a esa otra página.

22. Final.
• Después de todos estos pasos, puedes ver cómo ha
quedado el documento pulsando la tecla F12.
• Por último guarda el documento.

23. Referencias
• http://es.wikipedia.org/wiki/Adobe_Dreamweaver
• http://www.vidamrr.com/2010/04/5-caracteristicas-
interesantes-del.html
• http://www.buenastareas.com/ensayos/Caracteristicas-
Dreamweaver/347595.html