AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

INTRODUCCION A DREAMWEAVER

1.- ¿QUE ES DREAMWEAVER?

Dreamweaver (tejedor de sueños) es un editor de páginas Web, que nos permite
diseñar páginas de un modo muy sencillo sin saber programar directamente en los
distintos códigos que utiliza. Además facilita el manejo general del programa para
maquetar páginas Web, aumentando la productividad de forma notable. Una de
las características más destacable es la visualización de la composición del
documento, a través de un entorno visual, donde podremos encontrar las
funciones que nos permitirán añadir diseño y funcionalidad rápidamente de
manera interactiva a nuestras creaciones. Dreamweaver, no es sólo un editor de
páginas Web; es un completo gestor de sitios que ofrece una amplia gama de
posibilidades incluyendo, como no, las mayores facilidades a la hora de publicar
nuestro sitio. Por tanto, podemos decir que Dreamweaver es, a grandes rasgos,
una de las más potentes y versátiles herramientas de creación, edición y
publicación de sitios Web. Las características que definen a Dreamweaver son:

Versatilidad: permite realizar muchas más operaciones que otros editores

existentes en el mercado.

Potencia: permite integrar elementos realizados con otras herramientas, tales

como imágenes procedentes de Adobe Photoshop, secuencias animadas
procedentes de Adobe Flash, bases de datos, hojas de cálculo, etc.

Facilidad de uso: una vez haya conocido su funcionamiento es muy sencillo de

usar, de manera que podrá explotar los recursos que ofrece. Además de contar
con una buena herramienta de ayuda y distintas opciones que facilitan aún más su
uso.

Ventajas:
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

*La gran ventaja de este editor sobre otros es su gran poder de ampliación y
personalización del mismo, puesto que en este programa, sus rutinas (como la de
insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas
en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias.

*Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de
cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y
sitios web fácilmente sin necesidad de escribir código.

*Un aspecto de alta consideración de Dreamweaver es su funcionalidad con

extensiones. Es decir, permite el uso de "Extensiones". Las extensiones, tal y
como se conocen, son pequeños programas, que cualquier desarrollador web
puede escribir (normalmente en HTML y Javascript) y que cualquiera puede
descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación.

Adobe Dreamweaver te brindará acceso rápido a los mismos:

- Entorno de desarrollo compatible con PHP, J2EE y Microsoft.NET

- Diseño de páginas Webs con un interfaz completamente gráfico

- Barra de herramientas de programación, que facilita las operaciones de

programación más usuales

- Contracción del código, para centrarse solo en el que se está utilizando

- Barra de herramientas de reproducción de estilos, con la que se puede ver el

resultado final

- Comparar archivos para ver qué ha cambiado

- Facilidad para añadir vídeos Flash

- Notificación y registro de eventos

- Se integra en Microsoft Word, Flash, Adobe Photoshop y otras

- Optimiza las páginas para las diferentes versiones de los navegadores….

Adobe Dreamweaver en la educación:

Este programa le ayuda al estudiante a aprender a crear un sitio web, mejora su

creatividad y su curiosidad por emplear todas las herramientas de este diseñador
web, pero más que todo les sirve para poder diseñar su propio sitio web con todo
lo que deseen ponerle. Quizás el profesor no les pueda enseñar a utilizar todas las
herramientas de esta aplicación, pero internet es una gran ayuda, existen
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

tutoriales donde enseñan a crear un sitio web y a utilizar las otras aplicaciones de
Adobe que se pueden añadir a nuestro website.

Características:

: Ofrece la posibilidad de crear botones flash, formularios, JavaScripts, y más, es

de gran ayuda. Además de poder insertar elementos web, encontramos una gran
precisión en la importación de información 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 características 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 dónde comenzar.

VERSIONES

Versión
Versión Fecha de
Proveedor menor/nombre Notas
mayor publicación
alternativo

Primer
Diciembre de
1.0 lanzamiento, sólo
1997
para Mac OS.
1.0
Macromedia
Marzo de Primera versión
1.2
1998 para Windows.

2.0 2.0 Diciembre

 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

dRRe 1998

Diciembre de
4.2
1999
3.0
Junio de
UltraDev 1.0
2000

Diciembre de
4.0
2000
4.0
Diciembre de
UltraDev 4.0
2000

29 de mayo
6.0 MX
de 2002

10 de
7.0 MX 2004 septiembre
de 2003

13 de
8.0 8.0 septiembre
de 2005

Sustituye a Adobe
16 de abril de GoLive en la
9.0 CS3
2007 serie Creative
Suite

23 de
10.0 CS4 septiembre
Adobe
de 2008

12 de abril de
11.0 CS5
2010

12 de abril de
11.5 CS5.5
2011
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

21 de abril de
12.0 CS6
2012

Abril de 2013
13.0 CC

Color Significado

Rojo Versión antigua

Amarillo Versión antigua; soportada aún

Verde Versión actual

2.- ¿QUE ES UNA PÁGINA WEB?

Una Página Web es un documento electrónico que forma parte de la WWW (World
Wide Web) generalmente construido en el lenguaje HTML (Hyper Text Markup
Language o Lenguaje de Marcado de Hipertexto) ó en XHTML (eXtensible Hyper
Text Markup Language o Lenguaje de Marcado de Hipertexto Extensible). Este
documento puede contener enlaces (característica del hypertext) que nos
direcciona a otra Página Web cuando se efectúa el click sobre él. Para visualizar
una Página Web es necesario el uso de un Browser o navegador.

Una Página Web puede estar alojada en un ordenador local o en un ordenador

remoto. Al servidor donde esté alojada la Página Web se le denomina Servidor
Web. El Servidor Web atiende las peticiones de Páginas Web utilizando el
protocolo HTTP (HyperText Transfer Protocol); del lado del cliente es el Browser o
navegador el que recibe y muestra las Páginas Web utilizando el mismo protocolo.
Otra característica importante es que una Página Web puede ser estática (su
contenido siempre es el mismo) o dinámica (su contenido se construye a partir de
la información introducida por el usuario).

Una Web es un conjunto de Páginas Web interrelacionadas que conforman lo que

se conoce como un Sitio Web. La WWW o la Web es todo el conjunto de
información interrelacionada que se haya disponible en Internet, ésta se conforma
por una serie de servidores a nivel mundial organizados por dominios (nombres
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

lógicos asociados a instituciones o empresas, otorgados por empresas

registradoras oficiales).

ELEMENTOS DE UNA PÁGINA WEB

Una Página Web puede contener cualquiera de los elementos siguientes: Texto,
Imágenes, Audio, Objetos Animados (generalmente construidos con la
herramienta Adobe Flash), hipervínculos (característica que permite la navegación
de una página web a otra), Meta tags (son instrucciones en lenguaje HTML que le
indican a los buscadores cuales son las palabras o términos por los que debe ser
indexada una página para ser encontrada), hojas de estilo en cascada o CSS
(Cascading Style Sheets) que permiten separar la presentación de la página de su
estructura.

3.- ¿Qué ES UN SITIO WEB?

Un sitio web es un conjunto de páginas web desarrolladas en código html,
relacionadas a un dominio de Internet el cual se puede visualizar en la World Wide
Web (www) mediante los navegadores web o también llamados browser como ser
Chrome, Firefox, Edge, Opera entre otros.

Cada página web perteneciente al sitio web tiene como objetivo publicar
contenido, y este contenido podrá ser visible o no al público.

Clasificación de Sitios Web

Los sitios web se pueden clasificar en dos tipos:

Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden
a una base de datos para obtener el contenido. Por lo general un sitio web estático
es utilizado cuando el propietario del sitio no requiere realizar un continuo cambio
en la información que contiene cada página.

Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que
acceden a una base de datos para obtener los contenidos y reflejar los resultados
obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio
web podrá agregar, modificar y eliminar contenidos del sitio web a través de un
“sistema web”, generalmente con acceso restringido al público mediante usuario y
contraseña, el cual se denomina BACK END.

Se asume que a la hora de contratar el desarrollo de un sitio web, el propietario,

especificará al desarrollador web, la cantidad de páginas que contendrá el sitio,
discriminando si son dinámicas o estáticas.

Tipos de Sitios Web:

 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

Institucionales:

Son denominados así, aquellos sitios web sencillos que contienen información
básica de la empresa.

No suelen contener grandes volúmenes de información, al tratarse de algo

institucional debería contener:

*Home o página Principal

*Acerca de (Misión, visión, valores, objetivos )

*Servicios (Detalle de cada servicio ofrecidos por la empresa)

*Ubicación (mapa de ubicación de la oficina comercial y sucursales)

*Contacto (dirección, teléfonos y formulario de contacto)

OnePage

Son aquellos sitios que concentran toda su información en una sola página y el
usuario va accediendo al contenido a medidas que va desplazando hacia abajo
con el mouse o el teclado.

Es un concepto relativamente nuevo que se está utilizando bastante y es de bajo

costo.

La información contenida suele ser bastante reducida pero no deja de ser efectiva
si está bien lograda y segmentada la información.

Blogs

Los blogs son sitios web generalmente de carácter personal, con publicaciones
que contienen un orden cronológico, de actualización dinámica y continua.

Los blogs tienen la particularidad de almacenar artículos escritos por uno o más
autores, de diferentes temáticas y buscan lograr un feedback (intercambio de
opiniones) entre los escritores y los lectores a través de comentarios.

Los blogs están comprendidos dentro de los sitios web dinámicos.

Sitios e-commerce

Son aquellos sitios que permiten realizar un comercio electrónico mediante el sitio
web, también llamados como carritos de compras o ventas.
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

Estos sitios web permiten realizar transacciones entre comprador y vendedor

permitiendo:

*Realizar compra-venta mediante tarjeta de crédito

*Realizar un pedido online

*Reserva de producto o servicio

4.- ¿Qué ES U SITIO LOCAL?

Al definir un sitio local, está indicando a Dreamweaver el lugar en el que tiene
intención de almacenar todos los archivos de un sitio concreto. Para trabajar de
manera eficaz con Dreamweaver, defina siempre un sitio local para cada sitio Web
que cree.

El sitio local es una estructura que se establece en el computador personal para

que contenga todas las carpetas, activos y archivos del sitio Web. La carpeta raíz
local del sitio debe ser única para cada sitio.

5.- ¿Qué ES UN SITIO ESTATICO?

Los sitios Web estáticos son aquellos sitios enfocados principalmente a mostrar
una información permanente, donde el navegante se limita a obtener dicha
información, sin que pueda interactuar con la página Web visitada, las Web
estáticas están construidas principalmente con hipervínculos o enlaces (links)
entre las páginas Web que conforman el sitio, este tipo de Web son incapaces de
soportar aplicaciones Web como gestores de bases de datos, foros, consultas on
line, e-mails inteligentes...

Esta es una opción más que suficiente para aquellos sitios Web que simplemente
ofrecen una descripción de su empresa, quiénes somos, donde estamos,
servicios, etc... ideal para empresas que no quieren muchas pretensiones con su
sitio Web, simplemente informar a sus clientes de sus productos y su perfil de
empresa.

La principal ventaja de este tipo de páginas es lo económico que resulta crearlas,

con un diseño vistoso e incluyendo las imágenes y el texto con el cual queremos
informar a los navegantes, se puede crear fácilmente sin necesidad de ningún tipo
de programación especial (php, asp, ...) un sitio Web estático.

La gran desventaja de los sitios Web estáticos reside en lo laborioso que resulta
su actualización así como la pérdida de potentes herramientas soportadas con
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

bases de datos, como pueden ser la creación de registros históricos de los

clientes, pedidos on-line,...

6.- ¿QUE ES UN SITIO DINAMICO?

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

El desarrollo de este tipo de Web son mas complicadas, pues requieren

conocimientos específicos de lenguajes de programación así como creación y
gestión de bases de datos, pero la enorme potencia y servicio que otorgan este
tipo de páginas hace que merezca la pena la inversión y esfuerzo invertidos
respecto a los resultados obtenidos

¿Qué ES CS5?

Dreamweaver CS5 es un software fácil de usar que permite crear páginas web
profesionales.

Las funciones de edición visual de Dreamweaver CS5 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.

Además incluye un software de cliente FTP completo, permitiendo entre otras

cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el
servidor sin salir del programa.

Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver

desde la página de Adobe, la versión caduca al cabo de 30 días, pero seguro que
te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de
este fantástico programa.

Nota: Esta versión estará disponible hasta que Adobe lance la nueva versión del
programa.
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas
registradas Dreamweaver y Adobe. aulaClic no tiene ninguna relación con Adobe.

Las páginas web están escritas en HTML. Si no conoces las características

básicas de HTML puedes verlas aquí.
 AMPARO PEREZ RDORIGUEZ 6to “B” INFORMATICA VI 03/MAYO/2018

BIBLIOGRAFIA
http://adiibalderas.blogspot.mx/2015/06/que-es-dreamweaver-tejedor-de-suenos-
es.html

http://www.madrid.org/cs/StaticFiles/Emprendedores/GuiaEmprendedor/tema7/F49
_7.9_WEB.pdf

http://www.codedimension.com.ar/noticias-sobre-tecnologia/noticias/-que-es-y-
para-que-sirve-un-sitio-web-/1

https://desarrolloweb.com/articulos/1062.php

http://aprendeenlinea.udea.edu.co/lms/moodle/mod/page/view.php?id=13231

https://www.webandmacros.com/webestatica.htm

https://www.webandmacros.com/webdinamica.htm

https://www.aulaclic.es/dreamweaver-cs5/t_1_1.htm