Dreamweaver

Unidad Temtica II
2.1-Desarrollo del sitio web.

2.1.1-Dreamweaver.
2.1.2-Entorno grfico.
2.2-Configuracin del sitio.
2.3-Mapa del sitio.
2.4-Administracin del sitio.
2.5-Objetos de diseo.
2.6-Area de diseo.
2.6.1-Tabla.
2.6.2-Marcos.
2.6.3-Formulario.
2.6.4-Objeto (Propiedades).
2.6.5-Texto.
2.6.6-Hipervnculo.
2.6.7-Imagen
2.7-Plantilla.
Dreamweaver Unidad IIPgina 1
Cuadrante Didctico I
De qu manera se puede crear una pgina o sitio web, que integre elementos
multimedia y que difunda una estructura organizacional en el internet, con herramientas
que no sean tan complicadas?
Preguntas Secundarias
1.
2.
3.
4.
5.
Qu es HTML?
Qu es dreamweaver?
Cmo se administra un sitio web?
Qu es un mapa del sitio web?
Qu consideraciones debes tomar para que el sitio web sea atractivo para el
usuario?
6. Cmo arias un hipervnculo dentro de una pgina web?
7. Qu es un Applet?
8. Cmo puedo insertar un Applet en Dreamweaver?
9. Cmo que lenguaje de programacin se construye en un Applet?
10. Para qu nos sirven las hojas de estilo?
11. Qu es una pgina web dinmica?
12. Qu puedo modificar de un Applet?
13. Cmo descargo un Applet?
Cuadrante Didctico II
A partir de los conocimientos adquiridos durante la primera unidad intgrate en equipos
y da respuesta a las preguntas secundarias a trabajar durante la unidad (lluvia de
ideas).
1. Qu es HTML?
Es un lenguaje de programacin empleado para el desarrollo de pginas web.
2. Qu es dreamweaver?
Es un programa para el diseo grfico.
3. Cmo se administra un sitio web?
Por medio de servidores.
4. Qu es un mapa del sitio web?
Es la estructura del sitio.
5. Qu consideraciones debes tomar para que el sitio web sea atractivo para el
usuario?
Incluir todos los elementos multimedia (Colores llamativos y una estructura dinmica).
6. Cmo arias un hipervnculo dentro de una pgina web?
Para otra pgina: 2ahref=pgina2.html>Ejemplo </a>
Para ir a otro sitio: >ahref=sitio web>Nombre </a>
7. Qu es un Applet?
Es un programa informtico.
8. Cmo puedo insertar un Applet en Dreamweaver?
1. Descarga los archivos necesarios para que el applet funcione. El archivo ms
importante es el archivo " .class" que es donde va compilado el programa java.
2. Inserta el cdigo del applet entre las etiquetas <body>..</body> del documento
HTML.
3. Si el archivo " .class" no lo colocas en el mismo directorio que el documento HTML
que contiene el cdigo del applet debes indicar la ruta hacia el mismo mediante el
atributo codebase dentro de la etiqueta <applet>. La forma ms sencilla de utilizar un
applet es guardar el archivo " .class" en el mismo directorio que el documento HTML
que contiene su cdigo.
9. Cmo que lenguaje de programacin se construye en un Applet?
JAVA.
10. Para qu nos sirven las hojas de estilo?
Para dar presentacin de la pgina y crear un diseo nico.
11. Qu es una pgina web dinmica?
Pgina web que cuenta con transiciones y los elementos multimedia.
12. Cmo descargo un Applet?
Descarga de la pgina oficial.
Cuadrante Didctico III

Entorno de trabajo de Dreamweaver
Objetivo: Reconocer los elementos importantes que conforman al entorno de trabajo de
Dreamweaver para el diseo y desarrollo de pginas web en HTML.
Barras:
-La barra de ttulo:
La barra de ttulo contiene el nombre del programa (Macromedia Dreamweaver MX
2004) y seguidamente el nombre del documento que aparecer en el explorador y entre
parntesis, su ubicacin y el nombre del archivo en formato HTML. En el extremo de la
derecha estn los botones para minimizar, maximizar/restaurar y cerrar.
1
-La barra de mens:

La barra de mens contiene las operaciones de Dreamweaver, agrupadas en mens
desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones
relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.
Muchas de las operaciones se pueden hacer a partir de estos mens, pero para
algunas es preferible o indispensable hacerlas desde los paneles.
2
-La barra de herramientas estndar:

La barra de herramientas estndar contiene iconos para ejecutar de forma inmediata
algunas de las operaciones ms habituales, como Abrir, Guardar, etc.
1 Barra de ttulo
2Barra de mens
-La barra de herramientas del documento:

La barra de herramientas de documento contiene iconos para ejecutar de forma
inmediata algunas otras operaciones habituales que no incluye la barra de
herramientas estndar. Estas operaciones son las de cambio de vista del documento,
vista previa, etc.
4
-Paneles e Inspectores:
Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se
conocen como paneles o inspectores. La diferencia entre panel e inspector es que, en
general, la apariencia y opciones de un inspector cambian dependiendo del objeto
seleccionado.
A travs de la opcin Ventana, de la barra de mens, es posible mostrar u ocultar cada
uno de los paneles o inspectores. Vamos a ver los ms importantes.
-Ventana del documento:
Es el espacio que permite utilizar lo que el diseador rea.
-Barra de representacin de estilos:
Permite ver la apariencia de nuestra web en distintos dispositivos.
-Panel insertar:
Podemos emplearla para insertar imgenes, enlaces, multimedia, tablas, formularios o
cualquier elemento que nuestra web necesite.
3 Barra de herramientas estndar

4 Barra de herramientas del documento
-Men de paneles:
Contiene unos determinados elementos que podemos quitar y poner.
5 Panel insertar
6 Entorno de Trabajo de Dreamweaver
Cuadrante Didctico IV
Plan de investigacin para la respuesta de la pregunta
Bsqueda y solucin de informacin electrnica y bibliogrfica
Para complementar la respuesta a la pregunta generadora es necesario comprender
los conceptos bsicos a cerca del diseo y desarrollo de pginas web en Dreamweaver
HTML.
Agrpate en equipo e investiga de donde proviene Dreamweaver, que es y para que
sirve, cmo se configura un sitio, que es el mapa del sitio, a si mismo investiga cuales
son los objetos para el diseo y desarrollo de una pgina web.
Termino
HTML
Dreamweaver
Definicin
HTML es el lenguaje que se emplea
para el desarrollo de pginas de
internet. Est compuesto por una serie
de etiquetas que el navegador
interpreta y da forma en la pantalla.
HTML dispone de etiquetas para
imgenes, hipervnculos que nos
permiten dirigirnos a otras pginas,
saltos de lnea, listas, tablas, etc.
Fuente
http://www.aprenderaprogra
mar.com/index.php?
option=com_content&view=a
rticle&id=435:ique-es-y-paraque-sirve-html-el-lenguajemas-importante-para-crearpaginas-webs-html-tagscu00704b&catid=69:tutorialbasico-programador-webhtml-desde-cero&Itemid=192
Es un software de edicin en forma de http://www.crearcrear.com/ad
un estudio (basado en la forma de obe-dreamweaverAdobe Flash) su propsito es construir, descargable/
desarrollar, disear y editar sitios,
vdeos
y
aplicaciones
web.
Inicialmente
fue
creado
por
Macromedia pero actualmente es
desarrollado por Adobe Systems.
Adobe Dreamweaver se ha convertido

en el programa ms utilizado para el
diseo y la programacin web, esto
gracias a las funciones que posee, su
fcil integracin a otros programas
como Adobe Flash y recientemente
por su soporte para estndares del
World Wide Web Consortium.

Dreamweaver

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Dreamweaver

Cargado por

Copyright:

Formatos disponibles

Unidad Temtica II

2.1-Desarrollo del sitio web.

Dreamweaver Unidad IIPgina 1

Dreamweaver Unidad IIPgina 2

Dreamweaver Unidad IIPgina 4

Cuadrante Didctico III

-La barra de mens:

-La barra de herramientas estndar:

-La barra de herramientas del documento:

3 Barra de herramientas estndar

Dreamweaver Unidad IIPgina 8

Adobe Dreamweaver se ha convertido

Dreamweaver Unidad IIPgina 9

También podría gustarte