1. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
Integrantes:
Andrade, Fabiola C.I: 26,642,392
Avendaño, Jesus C.I: 25,765,238
Ferrer, Daniela. C.I: 25.476.519
Hurtado, Andrea C.I: 26,514,382
Lira, Omarys C.I: 26,508,602
2. Archivo
Se utiliza para abrir un documento nuevo.
Se utiliza para abrir un documento ya existente.
Muestra los últimos archivos abiertos.
Se abrirá el programa Brigde que muestra las carpetas y archivos de forma gráfica.
Guarda el archivo o modificaciones que estés haciendo.
.
Se usa en el caso de estar trabajando simultáneamente con varios documentos,
poder guardar todos a la misma vez, sin la necesidad de hacerlo uno por uno.
Permite guardar una copia del archivo.
Cerrará el archivo que se este trabajando.
Cierra todos los archivos abiertos en Dreamweaver.
Se usa para abrir un archivo de conjunto de marcos dentro de un marco.
Se utiliza para compartir la plantilla ya realizada.
Es donde se guarda todos los archivos en una sola categoría.
Guardar el documento como plantilla sin crear una plantilla.
Sirve para volver el documento tal y como era antes de guardarlo por ultima vez.
Sirve para imprimir los códigos HTML.
Transfiere la información de otros documentos a nuestro archivo Dreamweaver.
Permite transferir la configuración de documentos a otros sitios.
Permite convertir medidas de porcentaje a pixels.
Permite ver el aspecto de las páginas en DW sin necesidad de subirla a la web.
Sirve para ver los errores que tiene nuestra página.
La validación de formularios sirve para hacer que Javascript valide el formulario.
Permite herramientas de comparación para comparar el código de las versiones
local.
Son notas asociadas a un archivo.
Sirve para salir de dreamweaver
3. Archivo
Al seleccionar “nuevo” nos saldrá una ventana de las plantillas que
podemos seleccionar como HTML
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
4. Por Ejemplo si le seleccionamos HTML nos saldrá un plantilla
para crear nuestra página
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
5. Archivo
Al Seleccionar “abrir” te dará la opción para seleccionar un documento
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
6. Archivo
Por Ejemplo si seleccionamos el primer archivo nos saldrá varias
carpetas que podemos seleccionarÍndice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
7. Archivo
Al Seleccionar “Examinar Bridge” se abrirá de Adobe Bridge la cual le permitirá
restaurar los archivos que sean necesarios desde la aplicación, en lugar de el
sistema operativo.Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
8. Archivo
Al seleccionar cualquiera de estas carpetas se abrirá y te
dará la opción de abrir las imágenes que desee
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
9. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al darle clic a “Abrir recientes” nos muestra los últimos archivos abiertos a
través de una ventanita desplegable.
10. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Por Ejemplo al darle clic a unas de las opciones que nos da la ventana
desplegable, se nos abrirá para hacerle modificaciones en forma de códigos
o directo al texto
11. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al Hacer una modificación en el la do derecho, se cambiara también los códigos que se encuentran a la
izquierda.
12. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
13. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al darle clic aquí se cerrará el archivo que este abierto
14. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Y te llevará a la pantalla de inicio de dreamweaver
15. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al darle aquí se cerrará todos los archivo que se tengan abiertos en Dreamweaver
Llevándote a la página inicial de Dreamweaver
16. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al darle clic aquí saldrá una notificación de permiso para compartir a
través de su usuario de correo
17. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al darle clic aquí se guardará los cambios que se hayan realizado en el archivo
18. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al hacer clic en “Guardar como” nos saldrá la opción de guardar una copia del
archivo en cualquier lugar de la computadora que se seleccione
19. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Por Ejemplo podemos seleccionar para guardar en escritorio
Nos guardará el archivo
20. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Guardará todas las modificaciones que se hayan hacho en el archivo
21. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
22. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como
plantilla
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al hacer clic aquí nos saldrá una ventanita para guardar el archivo
como plantilla
Al darle clic se guardara el archivo
23. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al hacer clic el archivo se volverá a como estaba en el ultimo archivo guardado
24. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al hacer clic aquí nos saldrá una opción para imprimir los códigos del
archivo que estemos trabajando
Al hacer clic aquí se
imprimirán
25. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al hacer en “Importar” nos saldrá una pestaña con varias opciones
Hacer clic en alguna de estas opciones se transfiere la
información de ese archivo al nuestro documento de
Dreamweaver
26. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Por Ejemplo si le damos clic a “Documento de Word” nos saldrá la opción
para escoger un documento de Word que ya exista
Al tener seleccionado el
documento que queremos le
damos abrir
27. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Y la información que tengamos en el documento se transferirá a nuestro archivo de Dreamweaver
28. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al darle clic aquí nos saldrá una pestaña con dos opciones
29. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al darle clic aquí nos saldrá una pestaña con varias opciones
Al elegir cualquiera de estas opciones me
cambiar las medidas de mis códigos
(HTML)
30. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Por ejemplo al seleccionar aquí nos saldrá estas medidas de códigos
31. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al seleccionar aquí nos saldrá estas medidas de códigos
32. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el
navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al hacer clic en “Vista previa en el navegador “ nos dará varias
opciones de navegadores para ver nuestro archivo
33. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el
navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Por Ejemplo si seleccionamos el navegador google chrome
34. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al hacer clic aquí nos saldrá una pestaña con tres opciones para
corregir los errores de nuestro archivo
Al seleccionar cualquiera de estas opciones
automáticamente nos dará sugerencias para
cambiar los errores
Al dar clic aquí automáticamente
se cambiara el error
35. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al dar clic aquí nos saldrá una pestaña con dos opciones
Al seleccionar aquí nos saldrá la descripción de nuestro archivo
36. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con
servidor remoto
•Design notes
•Salir
37. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al seleccionar “Design Notes” nos saldrá una ventana para escribir nuestra nota
Al darle clic en “aceptar” se
guardara nuestra nota
38. Archivo
Índice
•Nuevo
•Abrir
•Examinar en Bridge
•Abrir reciente
•Abrir en marco
•Cerrar
•Cerrar todos
•Compartir mi plantilla…
•Guardar
•Guardar como
•Guardar todo
•Guardar todos los archivos
relacionados
•Guardar como plantilla…
•Restituir
•Imprimir código
•Importar
•Exportar
•Convertir
•Vista previa en el navegador
•Comprobar página
•Validar
•Comparar con servidor remoto
•Design notes
•Salir
Al seleccionar “Salir” se cerrará y se saldrá del programa Dreamweaver si esta todo
guardado sino nos dará la opción de guardar antes de salir
Al seleccionar cualquiera de las opciones se saldrá de el programa