COLEGIO NACIONAL “IBARRA”

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”

CONSULTA No. 5

TEMA: DREAMWEAVER

OBJETIVO: Conocer y analizar el programa dreamweaver, sus aspectos y ventajas.

Poder identificar los sitios web y como insertar imágenes.

INFORME:

¿Qué son las páginas dinámicas?

Las páginas dinámicas son páginas HTML generadas a partir de lenguajes de

programación (scripts) que son ejecutados en el propio servidor web. A diferencia de
otros scripts, como el JavaScript, que se ejecutan en el propio navegador del usuario, los
'Server Side' scripts generan un código HTML desde el propio servidor web.

Este código HTML puede ser modificado -por ejemplo- en función de una petición
realizada por el usuario en una Base de Datos. Dependiendo de los resultados de la
consulta en la Base de Datos, se generará un código HTML u otro, mostrando diferentes
contenidos.

Los sitios Web dinámicos son aquellos que permiten crear aplicaciones dentro de la
propia Web, otorgando  una mayor interactividad con el navegante. Aplicaciones
dinámicas como  encuestas y votaciones, foros de soporte, libros de visita, envío de e-
mails inteligentes, reserva de productos, pedidos on-line, atención al cliente
personalizada ....

Ejemplos de Sitios Web

FACEBOOK

Es un sitio web gratuito de redes sociales creado por Mark Zuckerberg. Originalmente
era un sitio para estudiantes de la Universidad Harvard, pero actualmente está abierto a
cualquier persona que tenga una cuenta de correo electrónico. Los usuarios pueden

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”
participar en una o más redes sociales, en relación con su situación académica, su lugar
de trabajo o región geográfica.

Ha recibido mucha atención en la blogosfera y en los medios de comunicación al

convertirse en una plataforma sobre la que terceros pueden desarrollar aplicaciones y
hacer negocio a partir de la red social. A pesar de ello, existe la preocupación acerca de
su posible modelo de negocio, dado que los resultados en publicidad se han revelado
como muy pobres.[cita  requerida]

A mediados de 2007 lanzó las versiones en francés, alemán y español para impulsar su
expansión fuera de Estados Unidos, ya que sus usuarios se concentran en Estados
Unidos, Canadá y Gran Bretaña. En enero de 2010, Facebook contaba con 380 millones
de miembros, y traducciones a 70 idiomas.[1]

HI5

Es una red social basada en un sitio web lanzada en 2003 y fundada por Ramun
Yalamanchis, actual director general de la empresa hi5 Networks. El número de usuarios
ha crecido rápidamente y al finalizar el año 2007 tenía más de 70 millones de usuarios
registrados,[1] la mayoría de ellas en América Latina; además, es uno de los 40 sitios
web más visitados del mundo.[2]

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”
El sitio hi5 es famoso por su interactividad, pues hace de una simple cuenta de usuarios
una especie de tarjeta de presentación virtual; la cual está presente en 23 idiomas
populares.

¿Qué es una página estática?

Este tipo de páginas contienen información que el cliente no puede manipular, es decir,
si el cliente de este tipo de páginas web desea modificar cualquier tipo de contenido
mostrado en su web estática, deberá de ponerse en contacto con la empresa que la
desarrollo para poder realizar dichas modificaciones. Esto supondrá un coste adicional e
independiente al conste inicial de dicha web estática.

Ejemplos de Sitios Web

Web Quest.

Son sitios Web desarrollados principalmente por profesores y universidades, con un

claro objetivo educativo, proponiendo a un grupo de alumnos un tema en particular
(biología, geometría, física, literatura ....) con un serie de cuestiones formuladas acerca

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”
del tema elegido, el grupo tiene disponible, en la misma Web, direcciones (links) a otras
páginas Web donde pueden indagar e investigar acerca del tema, de tal forma que
puedan responder a las preguntas planteadas. El principal objetivo de las Web Quest
reside en aprender los contenidos del tema elegido de una manera interactiva

vv

Blog o bitácora.

Es un sitio Web donde se recopilan cronológicamente mensajes de uno o varios autores,

sobre una temática en particular siempre conservando el autor la libertad de dejar
publicado lo que crea pertinente, también llamado blog o bitácora

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”

Ventajas principales de dreamweaver

Hoy en día, con Dreamweaver, todo resulta tan simple como arrastrar y colocar.

Dreamweaver 8 incorpora las mejoras prácticas y los estándares de la industria, entre los
que cabe mencionar el soporte avanzado para CSS, entradas XML y RSS y requisitos de
accesibilidad.

La eficacia es uno de nuestros objetivos principales y es un ámbito en el que creo que

nuestras investigaciones con los clientes dan resultado. Con esta versión pretendíamos
ayudar a nuestros usuarios a ser más eficaces, permitiéndoles hacer más cosas en menos
tiempo. Nuestro objetivo era facilitar las cosas para que los diseñadores y
desarrolladores pudieran centrarse en lo que les gusta hacer, que es diseñar y desarrollar
sitios Web y aplicaciones de calidad.

Con herramientas como el aumento y la guía y la contracción del código, tomamos los
flujos de trabajo con los que nuestros usuarios ya están familiarizados para integrarlos
en Dreamweaver. La eficacia consiste en integrar en Dreamweaver los flujos de trabajo
con los que trabajan nuestros usuarios para mantener el carácter intuitivo de la
herramienta, de forma que los usuarios no tengan que aprender nuevos flujos de trabajo
para realizar tareas con la herramienta.

Haga más cosas en menos tiempo gracias a los flujos de trabajo de usuario optimizados,
que reducen el tiempo necesario para realizar las tareas normales. Dreamweaver 8
simplifica los pequeños detalles para que los usuarios puedan dedicar más tiempo a las
tareas de diseño y desarrollo de sitios Web y aplicaciones.

Studio 8, con las cinco herramientas más vanguardistas del sector, es una versión
definitiva de la Web, que le ofrece en un sólo producto todo lo que necesita para
diseñar, desarrollar y mantener sitios. La historia de Studio está muy relacionada con la
de Dreamweaver, dado que Dreamweaver es el embrión del flujo de trabajo de Studio,
ya que es donde los medios dinámicos creados con Macromedia Flash y las imágenes
optimizadas de Fireworks se fusionan con fuentes de datos HTML y "back-end" para
desarrollar la plena experiencia de usuario final.

Como insertar un hipervinculo

Cuando se inserta un vínculo, se puede hacer que la o la del hipervínculo se muestre en

el archivo, o bien hacer que se muestre un nombre más descriptivo.

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”

1. En una , seleccione una tarea, recurso o asignación.

2. Haga clic en Insertar hipervínculo.

3. En el cuadro Texto, escriba el texto que desea que aparezca con el del
hipervínculo en el campo Indicadores.

4. En el cuadro Dirección, escriba la dirección correspondiente del archivo de

destino del hipervínculo.

 Si el archivo de destino está ubicado en su equipo o red, utilice el

cuadro Buscar en para explorar y encontrarlo.

 Si el archivo de destino se encuentra en Internet, haga clic en

Buscar en el Web para iniciar el Web, con el que puede explorar el . A
continuación, puede copiar la dirección URL del cuadro Dirección del sitio
Web y pegarla en el cuadro Dirección del cuadro de diálogo Insertar
hipervínculo.

 Si el archivo de destino se encuentra en un sitio Web que ha

visitado recientemente, puede hacer clic en Páginas consultadas o en
Archivos recientes en el cuadro de diálogo Insertar hipervínculo y, a
continuación, seleccionar el archivo o la página Web en la lista.

Cómo insertar una animación flash 

 Para facilitar las cosas, la animación debe estar colocada en el mismo

subdirectorio del archivo power point.
 En el menú Ver, seleccione Barras de herramientas y, a continuación, haga
clic en Cuadro de controles.
 En el Cuadro de controles, haga clic en Más controles en la ventana que
aparece seleccione Shockwave Flash Object.  El cursorcambiará a una cruz.
 Utilizando la cruz y el mouse, trace en la diapositiva un rectángulo de tamaño
aproximado a la animación que desea insertar.
 Haga click sobre el rectángulo con el botón derecho del mouse y oprima
propiedades con el botón izquierdo en el cuadro que aparece escriba el nombre
de la animación en movie.  Para asegurar el movimiento, los siguientes códigos
deben aparecer:  EmbedMovie: True,  Playing: True,  Loop: True.  Los demás
códigos pueden quedar como vienen.
 La animación aparece en pantalla después de activar la presentación por primera
vez, y se puede modificar su tamaño como una imagen cualquiera.
 Si al activar la presentación  la animación no corre inicialmente, coloque el
mouse sobre el cuadro, oprima el botón derecho  y active reproducir

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”

Como insertar una imagen de sustitución

La imagen de Sustitución describe un comportamiento interactivo que se activa

simplemente al pasar el cursor del mouse encima de la imagen en cuestión, es decir,
cuando usted desliza por encima el cursor del mouse sobre la imagen ésta cambiará por
otra imagen.

En primer lugar se necesitarán dos imágenes, una que estará en estado OFF o Apagado,
la cual actuará cuando el cursor del mouse no esté encima de la imagen, la segunda
imagen solo actuará en estado ON o Encendido, esto quiere decir que se hará presente
siempre y cuando el cursor del mouse esté encima de la imagen con el comportamiento
interactivo.

Después de conseguir las dos imágenes necesarias para aplicar este comportamiento
interactivo se necesitará ir al menú principal del programa y elegir la opción Insertar,
inmediatamente seleccione Objetos de Imagen y en el menú emergente elija Imagen
de sustitución, tal como muestra la siguiente imagen.

En este instante usted deberá rellenar el cuadro de diálogo Insertar imagen de

sustitución. A continuación se describirá brevemente cada campo.

Nombre de la imagen:
Servirá para tener una referencia de la imagen que presenta un comportamiento
interactivo.
Imagen original:
Esta imagen será la que actuará en estado OFF
Imagen de sustitución:
Esta imagen será la que actuará en estado ON
Carga previa de imagen de sustitución :
Es importante marcar esta casilla de verificación, ya que permite que se incluya

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”
automáticamente en la carga de la página la(s) imagen(es) de sustitución (las del tipo
ON), esto evita posibles demoras debido a la descarga de la imagen (del tipo ON)
cuando sea oportuno (al pasar el cursor del mouse encima de la imagen de sustitución).
Texto Alternativo:
Este campo se refiere al efecto que se le inserta a las imágenes que permite mostrar un
texto después de permanecer el cursor del mouse por pocos segundos encima de la
imagen en cuestión. Este campo es opcional.
Al hacer clic, ir a URL:
Este campo se refiere a la inserción de un hipervínculo a la imagen. Este campo es
opcional.

CONCLUSIONES:

 El presente trabajo de investigación servirá para que nosotros como estudiantes

conozcamos una manera más fácil de realizar nuestras actividades en el computador.
 Con la información obtenida me será más útil dirigirme a un sitio web, seleccionar
la imagen adecuada o sustituir la misma.

BIBLIOGRAFIA:

http://office.microsoft.com/es-es/excel/HP100738483082.aspx

http://www.google.com/ dreamweaver

FERNANDA GONZALEZ 10MO “E”

 COLEGIO NACIONAL “IBARRA”

FERNANDA GONZALEZ 10MO “E”