VICERRECTORIA DE INVESTIGACIÓN Y POSTGRADOPOST GRADO EN DOCENCIA SUPERIOR

COMUNICACIÓN Y TECNOLOGÍA EDUCATIVAED. 605

EL SOFTWARE DREAMWEAVER

PROFESORALUZMILDA KU

ESTUDIANTES

BEVERLY BOOTH 1-25-1700ROSARIO VEJERANO 4-700-741KELVIN 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

CREA TU PROPIA PAGINA WEB

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.

¿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.

Historia de las

versiones de

DreamweaverHistoria

de las

versiones de

Dreamweaver

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).

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:

• 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:

En el año 2006, la empresa fue comprada por Adobe,

quien absorbió completamente el nombre

Macromedia.

A partir de 1998, Macromedia lanzar una versión del programa por año, aproximadamente.

Por ello es que la versión CS3 ya no es más Macromedia, sino Adobe.

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.

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 necesidadde 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 

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.

Como usar el software

¿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.

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.

2do. Seleccionas la Categoría Página básica, HTML.

• Después aparecerá un documento en blanco escribe lo que quieras, por ejemplo:

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.

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.

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.

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.

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.

Final.

• Después de todos estos pasos, puedes ver cómo ha quedado el documento pulsando la tecla F12.

• Por último guarda el documento.

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

GRACIAS POR SU ATENCIÓN