BARRA DE MENUS Y SUB MENUS

 Elementos de la bara de menus y submenus:

ARCHIVO:

1. Nuevo...
2. Abrir...
3. Abrir reciente.

• (archivos reciente)
• volver a abrir documentos al iniciar

    4. Abrir en marco...

    5. cerrar

6. Cerrar todos

7. guardar

8. Guardar como...,.

9. Guardar todo

10 Guardar en servidor remoto.....

11. Guardar como plantilla.....

12. Descartar cambios

13. Imprimir codigo

14. importar

• XML en plantilla.....
• datos de tabla.....
• Documento de Word...
• Documento de excel.....

15. exportar

• Datos de plantilla como XML....
• Estilos CSS......
• Tabla....

16. Convertir

• HTML 4.01 de transicion
• HTML 4.01 estricto
• XHTML 1.0 de trancision
• HTML 1.0 estricto
• XHTML 1.1
• XHTML Mobile 1.0 
• XSLT 1.0

17. Vista previa en el navegador

• IExplore 6.0
• Editar lista de navegadores...

18. Comprobar pagina

• comprobar accesibilidad
• comprobar vinculos
• comprobar navegadores de destino
• validar formato
• validar como XML

19. Comparar con remotos

20. Desing Notes...

21. Salir

EDICION

• Deshacer
• Rehacer
• Cortar
• Copiar
• Pegar
• Pegado especial
• Borrar
• Seleccionar todo
• Seleccionar etiqueta padre
• Seleccionar hijos
• Buscar y reemplazar
• Buscar seleccion
• Buscar siguiente
• Ir a linea
• Mostrar sugerencias para el codigo
• Herramientas de sugerencias para el codigo

Selector de color

Navegador de URL

Lista de fuentes

• Aplicar sangria al codigo
• Anular sangria al codigo
• Equilibrar llaves
• entradas repetidas
• Contraer codigo

contraer seleccion

contraer seleccion externa

expandir seleccio

contraer etiqueta completa

contraer etiqueta completa externa

expandir todo

• editar con editor externo
• Biblioteca de etiquetas...
• Metodos abreviados de teclado
• Preferencias.....

VER

• Acercar 
• Alejar
• Aumentar y reducir (6%,12%,25%,50%, etc.)
• Ajustar seleccion
• Ajustar todo
• Ajustar ancho
• Codigo
• Diseño
• Codigo y diseño
• Alternar vistas
• actualizar vistas de diseño
• Contenido de Head
• no hay comentarios de Script
• Modo de tabla
• Ayudas visuales
• Representacion de estilos
• opciones de vistas de codigo
• Reglas
• Cuadricula
• Guias
• Imagen de rastreo
• Plugs-in
• Ocultar paneles
• Barras de herramientas

INSERTAR.

• Etiqueta
• Imagen
• Objetos de imagen
• Media
• Tabla
• Objetos de tabla
• Objetos de diseño
• Formulario
• Hipervinculo
• Vinculo de correo electronico
• Anclaje de nombre
• Fecha
• Sever-side Include
• Comentario
• HTML
• Objetos de plantillas
• Fragmentos recientes
• Personalizar favoritos.....
• Obtener mas objetos.....

MODIFICAR

• Propiedades de la pagina...
• Propiedades de la plantilla...
• Propiedades de la seleccion...
• Estilos CSS
• Editar etiqueta
• Quick Tag Editor
• Crear hipervinculo
• Quitar hipervinculo
• Abrir pagina vinvulada
• Destino del vinculo
• Tabla
• Imagen
• Organizar
• Convertir
• Barra de navegacion
• Biblioteca
• Plantillas
• Linea del tiempo

TEXTO

• Sangria
• Anular sangria
• Formato de parrafo
• Alinear
• Lista
• fuente
• Estilo
• Estilo CSS
• Tamaño
• Cambio de tamaño
• Color
• Ortografia

COMANDOS

• Iniciar grabacion
• Reproducir comando grabado
• Editar listas de comandos
• Obtener mas comandos
• Administrar extenciones
• Aplicar formato de origen
• Aplicar formato de origen a la seleccion
• limpiar XHTML
• Limpiar HTML de Word
• Añadir/quitar reparacion de cambio de tamaño de Netscape
• quitar deteccion de Flash video
• Optimizar imagen de Fireworks
• Crear Albun de fotos web
• formatear tabla
• Ordenar tabla
• Insertar Mark of the Web

SITIO

• nuevo sitio
• administrar sitios
• ontener
• proteger
• colocar
• desproteger
• deshacer proteger
• mostrar protegido por
• localizar en sitio
• informes
• sincronizar en todo el sitio
• comprobar vinculos en todo el sitio
• cambiar vinculo en todo el sitio
• avanzadas

VENTANA

• insertar
• propiedades
• estilos CSS
• capas
• comportamiento
• bases de datos
• vinculaciones
• comportamiento del servidor
• componentes
• archivos
• activos
• fragmentos
• inspector de etiquetas
• resultados
• referencia
• historial
• marcos
• inspector de codigo
• lineas de tiempo
• diseño del espacio de trabajo
• ocultar paneles
• cascada
• mosaico horizontal
• mosaico vertical
• 1unitible-1

AYUDA

• ayuda de dreamweaver
• primeros pasos con dreamweaver
• livedocs de dreamweaver
• novedades de dreamweaver
• utilizacion de dreamweaver
• ampliacion de dreamweaver
• referencia API de dreamweaver
• utilizacion de coldfusion
• referencia
• dreamweaver exchange
• administrar extenciones
• centro de servicio tecnico de dreamweaver
• centro de desarrollo de dreamweaver
• centro de recursos de documentos de dreamweaver
• foros en linea de macromedia
• registro en linea
• imprimir registro
• acerca de dreamweaver

SECCION DE MAPEO DE IMAGENES.

Mapear una imagen es una buena opción para insertar varios enlaces de una forma grafica y rápida. Con ello podemos incluir varios enlaces desde diferentes partes de una misma imagen, con lo que si podemos, ganaremos tiempo y espacio, ahorrándonos tener que insertar varias imágenes.

• Para crear un mapa de imagen es necesario seleccionar previamente la imagen en la que se desea crear el mapa, y abrir el inspector de propiedades de dicha imagen.
• Estando seleccionada la imagen, ya es posible crear un mapa a través de los botones del inspector de propiedades Si no te aparecen despliega el panel Propiedades para verlo completo.
• Seleccionamos la herramienta de mapa con la que podemos seleccionar cada parte de la foto que queramos mapear.

• Seleccionamos una de las tres herramientas de mapa y marcamos la zona a enlazar.

• Una vez seleccionada la zona que queremos mapear, clic en el icono del puntero del panel de propiedades.
• En el campo vinculo pondremos la pagina a enlazar.

http://www.todo-dreamweaver.com/tutorial-dreamweaver/interactividad/mapas-imagenes-dreamweaver.html

ETIQUETAS EN DREAMWEAVER

La utilización de etiquetas es muy importante ya que le dicen a los buscadores cuales son las palabras mas importantes de nuestro contenido para que le den mayor importancia a la hora de mostrar resultados.

La densidad recomendada de palabras clave en el contenido es  de 3% a 7%.


Tipos de Etiquetas:

Etiquetas de Bloque: son las que no necesitan estar contenidas dentro de ninguna etiqueta.

Etiquetas en_linea: necesitan estar contenidos dentro de otras etiquetas de bloque, ya que estan pensadas para afectar a solo una parte del texto.

Etiquetas de contenedores de texto: son etiquetas que pueden contener en su interior etiquetas de bloque

Etiquetas div: crea bloques de diseño CSS y coloca en el documento y se pueden aplicar estilos de posicion

Hi: se utiliza para titulos y comienza con la apertura y terminacon el cierre

Cita: sirve para mostrar textos citados y tienen el mismo efecto que las dos etiquetas. Empiezan y termina en el mismo lugar.

Logico: tiene una posicion como:

<imagen> </imagen>

http://www.elwebmaster.com/editorial/taller-de-adobe-dreamweaver-etiquetas-mas-usadas

IMPORTAR Y EXPORTAR

CON DREAMWEAVER SE PUDE IMPORTAR  Y EXPORTAR SE REALIZA DE LA SIGUIENTE MANERA:

IMPORTAR:

1. MENU ARCHIVO
2. OPCION IMPORTAR

• XML EN PLANTILLA
• DATOS DE TABLA
• DOCUMENTO DE WORD
• DOCUMENTO DE EXCEL

EXPORTAR:

1. MENU ARCHIVO
2. OPCION EXPORTAR
3. SELECCIONAMOS UNA OPCION

• DATOS DE PLANTILLAS COMO XML
• ESTILOS CSS
• TABLA

http://help.adobe.com/es_ES/indesign/cs/using/WS376CC874-7325-4e1a-BDEC-D4BAE05F90F1a.html

OBJETOS Y TIPOS DE OBJETOS EN DREAMWEAVER

Manipular objetos

Cuando insertas en un página de la presentación una imagen, un texto, una figura geométrica o un dibujo, si posteriormente lo seleccionas lo conviertes en un objeto que puedes manipular en diversos aspectos.

En cualquier objeto creado en tu presentación se pueden llevar a cabo las siguientes acciones:

• Seleccionar 

• Mover de sitio 

• Modificar el tamaño. 

• Rotar el objeto. 
• Bloquear el objeto para impedir su desplazamiento. Hay dos procedimientos para hacerlo: 
• Seleccionando el objeto Formato > Bloqueando > Bloquear. 
• Seleccionando el objeto, haciendo clic con botón secundario y eligiendo Bloquear. 
• Desbloquear el objeto. Dos procedimientos: 

Seleccionando el objeto Formato > Bloqueando > Desbloquear todo.
Seleccionando el objeto, haciendo clic con botón secundario y escogiendo Desbloquear todo.

• Ordenar objetos, permitiendo el trabajo con capas. Para ello, se colocan dos imágenes superpuestas y se selecciona una de ellas. A continuación puedes ordenarlas de dos formas: 

Mediante el menú Formato > Ordenar y eligiendo la opción deseada:

< Seleccionando el objeto, haciendo clic con botón secundario y eligiendo Ordenar con la opción deseada:

• Agrupar. Seleccionas los objetos que deseas agrupar para convertirlos en un único objeto. Dos opciones: 

Formato > Agrupación > Agrupar.
Botón derecho Agrupación > Agrupar.

• Vincular el objeto seleccionado a una página web, archivo de sonido, a otra página de esta presentación, etc. Lo puedes realizar de dos formas: 

Seleccionando el objeto y eligiendo la opción del menú Insertar > Hipervínculo.
Seleccionando el objeto, abriendo el Botón secundario y eligiendo Hipervínculo. Realiza el tipo de vinculación que desees.

TIPOS DE OBJETOS

TEXTO	Digitalizado o capturado
IMÁGENES	Dibujos o fotografías digitalizadas, propias o de dominio público
	Elaboración de gráficos o dibujos
	Toma de fotografías
	Digitalización y tratamiento de dibujos, imágenes o fotografías
FONDO	Color
	Gráfico propio o de dominio público digitalizado
	Elaboración
	Digitalización y tratamiento de dibujos, imágenes o fotografías
TABLAS	Prediseñadas
	Elaboración a partir de información digitalizada
	Captura y elaboración
ANIMACIONES	Objetos preanimados propios o de dominio público
	Elaboración de animaciones de objetos
NAVEGACIÓN	Etiquetas
	Ligas (hipertexto e hipermedia)
	Código html
	Código Java
AUDIO	Archivos de audio digitalizados
	Digitalización de audio
VIDEO	Archivos de video digitalizados
	Digitalización de video

ELEMENTOS DE LOS FORMULARIOS

Los tipos de entrada de los formularios se denominan objetos de formulario. Puede insertar objetos de formulario por medio de la categoría Formularios del panel Objetos o seleccionando Insertar > Formulario e Insertar > Objetos de formulario.

La categoría Formularios del panel de objetos proporciona los siguientes botones:

 Insertar formulario: Inserta un formulario en el documento. Dreamweaver inserta etiquetas form de apertura y cierre de formulario en el código HTML. Los elementos adicionales del formulario, como los campos de texto o los botones, deben insertarse entre las etiquetas form para que los datos se procesen correctamente con todos los navegadores.

 Insertar campo de texto: Inserta un campo de texto en un formulario. Los campos de texto aceptan todo tipo de texto, tanto alfabético como numérico. El texto introducido puede mostrarse como una sola línea, varias líneas o como viñetas y asteriscos (para protección de la contraseña).

 Insertar botón: Inserta un botón de texto en un formulario. Los botones llevan a cabo tareas cuando se hace clic en ellos, como enviar o restablecer formularios.

 Insertar casilla de verificación: Inserta una casilla de verificación en un formulario. Las casillas de verificación admiten múltiples respuestas en un solo grupo de opciones y permiten que los usuarios seleccionen tantas opciones como sean necesarias.

 Insertar botón de opción: Inserta un botón de opción en un formulario. Los botones de opción representan opciones exclusivas de selección. Cuando se selecciona un botón en un grupo, se anula la selección de los demás botones del grupo; por ejemplo, los usuarios pueden seleccionar Sí o No.

 Insertar listas/menús: Permite crear opciones para el usuario en una lista. La opción Lista muestra los valores de las opciones en una lista de desplazamiento y permite que los usuarios seleccionen múltiples opciones. La opción Menú muestra los valores de las opciones en una lista desplegable y permite que los usuarios seleccionen una sola opción.

Insertar campo de archivo: Inserta un cuadro de texto vacío y un botón Examinar en un documento. Los campos de archivo permiten al usuario examinar los archivos de susdiscos duros y cargarlos como datos de formulario.

 Insertar campo de imagen: Permite insertar una imagen en un formulario. Los campos de imagen pueden usarse en lugar de los botones Enviar para crear botones Gráficos.

 Insertar campo oculto: Inserta un campo en el documento que permite almacenar datos del usuario. Los campos ocultos permiten almacenar información introducida por el usuario, como un nombre, una dirección de correo electrónico o una preferencia de compra, y utilizarlos la próxima vez que el usuario visite el sitio.

 Insertar menú de salto: Inserta una lista de navegación o un menú emergente. Los menús de salto permiten insertar un menú en el que cada opción está vinculada a un documento o un archivo. Consulte "Crear menús de salto".

FORMULARIOS EN DREAMWEAVER

Los formularios permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.

Partes:

• el código HTML que describe el formulario (por ejemplo, los campos, etiquetas y botones que ve el usuario en la página) 
• secuencia de comandos o aplicación que procesa la información enviada. No se puede recopilar datos de formulario sin utilizar una secuencia de comandos de procesamiento.

Partes del formulario 

Un formulario contiene propiedades que son invisibles para el usuario. Las propiedades especifican cómo se procesa el formulario

Un formulario consta de tres partes básicas:

• Etiquetas form, que incluyen el URL de la secuencia de comandos CGI que procesará el formulario y el método que se utilizará para enviar los datos a un servidor.
• Campos de formulario, como campos de texto, menús, casillas de verificación o botones de opción.
• El botón Enviar, que envía los datos a la secuencia de comandos CGI del servidor. 

Para añadir un formulario a un documento

1. Elija el punto donde quiere insertar el formulario y lleve a cabo una de estas operaciones:
• En la categoría Formularios del panel Objetos, seleccione el ícono Insertar formulario.
• Elija en el Menú Insertar > Formulario.
2. En el documento, haga clic en el contorno para seleccionar el formulario si es que no está ya seleccionado.
   
   Las opciones del formulario se pueden configurar en el inspector de propiedades:

3. En el campo Nombre del formulario, escriba un nombre exclusivo para el formulario. La asignación de nombre al formulario permite hacer referencia a él.
4. En el campo Acción, especifique la ruta del URL en el que reside la secuencia de comandos o la aplicación que procesará el formulario. Para ello, lleve a cabo una de estas operaciones:
5. En el menú emergente Método, elija el método con el que se gestionarán los datos del formulario. Elija POST para enviar los valores del formulario en el cuerpo de un mensaje. Elija GET para adjuntar los valores del formulario al URL y enviar la información al servidor.

TIPOS DE FORMULARIO

Existen dos tipos de formularios dependiendo de la manera de en que reciba los datos la pagina.

CGI: se encarga de recoger la informacion que el visitante envia al servidor y la prepara para su uso.

POST: con el, se puede hacer llegar informacion sin que tengamos contratado ningun servidor CGI.

https://www.youtube.com/watch?v=yRBzbNci6fM

FLASH VORTEX

Es una pagina web en la cual cualquier usuario puede elegir banners o botones para menus personalizados, animados e interactivos.

La web se encuentra en idioma ingles aunque eso no sera impedimento de nada ya que el diseño es muy intuitivo y cualquier usuario podra entender a la perfeccion como se maneja cada herramienta.

 El Flash Vortex es un servicio gratuito al que puedes acceder sin mayores complicaciones.

Al ingresar a la página http://www.flashvortex.com/index.php, en la parte superior de esta se despliega una barra de herramientas (menús, textos, banners, botones y relojes). El diseño de estos elementos va acompañado de una serie de pasos básicos para la creación y personalización del sitio web:

1. seleccionar la aplicación
2. Edición de los textos
3. Clic en la opción ‘Generate Animation’
4. Embeber el código, el cual se copia y pega en el sitio
5. Descarga e instala el archivo de flash en tu computador

Luego de completadas las instrucciones en el diseño del gadget, puedes visualizar las especificaciones del archivo, lo cual te permitirá tener un conocimiento más detallado de sus dimensiones y código HTML. Esta herramienta presenta un gran número de opciones para jugar con los colores, fuentes, tamaños y animaciones que puedes escoger de acuerdo a tu gusto y a los contenidos del sitio. De igual manera, a través de estos aplicativos de fácil manejo se pueden crear anuncios publicitarios, promoción de nuevas secciones en la página web, mensajes aleatorios en blogs, etc.

HIPERVINCULOS Y VINCULOS

Un hiperenlace, heipervinculo o vinculo, no son mas que un enlace, que al ser pulsado lleva de una pagina a un archivo a otra pagina o archivo.

TIPOS

Referencia ansoluta: conduce a una ubicacion externa al sitio en el que se encuentra el documento

Referencia relativa al sitio: conduce a un documento situado dentro del mismo sitio que el documento actual

Referencia relativa al documento:  conduce a un documento situado dentro del mismo sitio que el documento actual, pero partiendo del directorio en el que se encuentra el documento actual.

Puntos de fijacion: conduce a un punto dentro de un documento ya sea dentro del actual o de otro diferente.

CREAR O INSERTAR

Desde el inspector de propiedades:

1. Seleccionar el texto o el objeto q va a servir de enlace.
2. Establecer el vinculo en el inspector

Desde barra de menús:

1. Seleccionar el texto u objeto
2. Menú insertar
3. Opción hipervinculo

MODIFICAR Y ELIMINAR.

1. Menu Modificar
2. Opcion "cambiar vinculo" o "quitar vinculo"
3. Seleccionamos los cambios necesarios
4. Aceptar 

http://olmo.pntic.mec.es/sjimen1/paginas/06.htm

LISTAS EN DREAMWEAVER

Se pueden crear listas ordenadas y listas de definicion apartir de texto existente o de texto nuevo que escriba en la ventana de documento.

Las listas de definiciones no usan caracteres iniciales como puntos de viñeta y suelen utilizarse en glosarios o descripciones

COMO SE CREAN

a)

1. Colocar el punto de insercion en el lugar en que se desee añadir la lista 
2. Clic en el boton "lista ordenada" o "lista sin ordenar" del inspector de propiedades

b)

1. Menu texto
2. Lista
3. Seleccionar tipo de lista

• Lista sin ordenar
• Lista ordenaada
• Lista de definiciones

c) Crear una lista con un texto existente:

1. Seleccionar una serie de parrafos para convertirlos en una lista 
2. Clic en boton lista sin numerar o lista ordenada del inspector de propiedades o desde el menu texto

d) Crear Lista anidada

1. Seleccionamos los elementos de la lista que se desea anidar
2. Clic boton Sangria del inspector de propiedades o menu texto-Sangria

http://docencia.udea.edu.co/cci/dreamweaver/dia2/dia2.htm