Ventana de Dreamweaver

3,092 views
2,899 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,092
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
108
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ventana de Dreamweaver

  1. 1. MENU:*¿Qué es Dreamweaver?*¿Cómo crear un sitio web enDreamweaver?*¿Para que sirve Dreamweaver?*Novedades de Dreamweaver*Barra de herramientas deDreamweaver*Panel de Dreamweaver*Animaciones de Dreamweaver*películas flash Dreamweaver Ailin Paola Gómez Mesino 11 e
  2. 2. *¿Que es el Dreamweaver? MENU:Adobe Dreamweaver es una aplicación en forma *¿Qué es Dreamweaver?de estudio (basada en la forma de estudio deAdobe Flash) enfocada a la construcción y edición *¿Cómo crear un sitio web ende sitios y aplicaciones Web basados en Dreamweaver?estándares. Es el programa de este tipo másutilizado en el sector del diseño y la programación *¿Para que sirve Dreamweaver?web, por sus funcionalidades, su integración con *Novedades de Dreamweaverotras herramientas como Adobe Flashy, recientemente, por su soporte de los *Barra de herramientas deestándares del World Wide Web Consortium. Su Dreamweaverprincipal competidor es Expression Web y tienesoporte tanto para edición de imágenes como *Panel de Dreamweaverpara animación a través de su integración con *Animaciones de Dreamweaverotras. Adobe Dreamweaver permite crear sitiosde forma totalmente gráfica, y dispone de *películas flashfunciones para acceder al código HTML generado.Permite la conexión a un servidor, a base dedatos, soporte para programación enASP, PHP, Javascript, cliente FTP integrado, etc.http://www.cavsi.com/preguntasrespuestas/que-es-adobe-dreamweaver/
  3. 3. ¿Cómo crear un sitio web en Dreamweaver? Para trabajar de una manera eficaz tendrá que definir siempre un sitio local para cada sitio Web que cree. Para ello accede a la ventana de sitio, puede acceder desde: MENU: Sitio / Nuevo sitio. desde el botón x situado en la esquina inferior derecha de la *¿Qué es Dreamweaver? ventana. *¿Cómo crear un sitio web en luego parecerá una ventana en la que rellenar los datos del sitio Dreamweaver? *¿Para que sirve En la casilla “Nombre del sitio”, hay que poner el nombre que quieras poner para el sitio. Dreamweaver? En “Carpeta raíz local” hay que poner la dirección local del sitio. *Novedades de Dreamweaver Es decir, hay que hacer una carpeta para el sitio y buscarla *Barra de herramientas de pulsando en el icono que pone una carpeta. Dreamweaver -En Dirección HTTP, hay que poner la dirección del site en *Panel de Dreamweaver Internet. Puede dejarse en blanco. *Animaciones de - La casilla Caché debe dejarse siempre activada, para que Dreamweaver Dreamweaver pueda actualizar rápidamente los vínculos al *películas flash mover, cambiar el nombre o eliminar un archivo. Y por último le damos al botón aceptar.La ventana de Sitio ya mostrará una lista de todas las carpetas yarchivos contenidos en el sitio local , en ella también actúapodremos copiar, pegar, eliminar, mover y abrir archivos del mismomodo que en el escritorio delPC. http://www.originaldesign.es/tutodefenir.php
  4. 4. *¿Para que nos sirve Dreamweaver? MENU:Dreamweaver es la herramienta de desarrollo *¿Qué es Dreamweaver?Web líder del mercado y permite a sus usuariosdiseñar, desarrollar y mantener de forma eficaz *¿Cómo crear un sitio web ensitios y aplicaciones Web basados en normas. Dreamweaver?Con Dreamweaver , los desarrolladores Web lo *¿Para que sirve Dreamweaver?abarcan todo, desde la creación y mantenimiento *Novedades de Dreamweaverde sitios Web básicos hasta aplicaciones *Barra de herramientas deavanzadas compatibles con las mejores prácticas y Dreamweaverlas tecnologías más recientes. Es el principal *Panel de Dreamweaverprograma para la creación de sitios web y *Animaciones de Dreamweaveraplicaciones. *películas flashEl programa es realmente muy completo y susnuevas versiones son cada vez mássencillas, aunque siempre necesitarás conocer algodel tema para poder utilizarlo. Buscando enInternet podrás encontrar varios tutoriales quete ayudarán a comenzar a utilizar este programa.http://respuesta.mexicotop.com/Tecnologia/dreamweaver-programa-disea-o-multimedia
  5. 5. Novedades de Dreamweaver Integración de RSS: con Dreamweaver 8 podrás ingresar estradas de RSS provenientes de otras paginas con solo introducir la fuente, arrastrar MENU: y colocar los campos. De esta forma podrás *¿Qué es Dreamweaver? introducir datos de forma XML fácil y *¿Cómo crear un sitio web en cómodamente. Dreamweaver? Mejoras CSS: esta versión ha mejorado mucho *¿Para que sirve con respecto a la compatibilidad y manejos de Dreamweaver? estilos de cascadas, de esta forma se a *Novedades de Dreamweaver mejorado el panel de CSS, donde ahora podrás *Barra de herramientas de acceder a la configuración de cada una de estos Dreamweaver estilos desde una lista mejor dotada de una *Panel de Dreamweaver cuadricula editable de donde podrás modificar *Animaciones de Dreamweaver sus propiedades. *películas flash accesibilidad: Dreamweaver 8 incorpora las normas de accesibilidad de propiedad 2 marcadas con WCAG/W3Chttp://issuu.com/jcmm1980/docs/dreamweaver_herramientas_basicas
  6. 6. Barra de herramientas Dreamweaver La barra de herramientas de Dreamweaver contiene MENU: botones que permiten alternar entre diferentes *¿Qué es Dreamweaver? vistas del documento rápidamente, cambiar el título *¿Cómo crear un sitio web en del documento o pre visualizar la página en el Dreamweaver? navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de *¿Para que sirve herramientas) cambia en función de la vista que Dreamweaver? seleccione. *Novedades de Dreamweaver *Barra de herramientas de Para ver u ocultar la barra de herramientas, elija en el menú Ver la opción Barra de herramientas. Dreamweaver *Panel de Dreamweaver Para ver sólo código en la ventana de documento, *Animaciones de haga clic en el botón Vista de código. Dreamweaver Para ver una vista que contenga las vistas de Código *películas flash y de Diseño, haga clic en el botón Vistas de código y diseño. Para ver sólo la vista de Diseño, haga clic en el botón Vista de diseño.
  7. 7.  Para introducir un título para el documento, utilice el campo Título. Si el documento ya tiene título, éste aparecerá en dicho campo. Para poner, obtener o proteger un archivo, haga clic en el botón de menú de "Estado de archivo". MENU: *¿Qué es Dreamweaver? Para previsualizar o depurar un documento en un *¿Cómo crear un sitio web en navegador, haga clic en Vista previa/depurar en Dreamweaver? navegador y elija uno de los navegadores enumerados en el menú emergente. *¿Para que sirve Para actualizar la vista de Diseño, haga clic en el Dreamweaver? botón Actualizar vista de diseño. *Novedades de Dreamweaver Para obtener información de referencia sobre *Barra de herramientas de código HTML, CSS y JavaScript, haga clic en el Dreamweaver botón Referencia. *Panel de Dreamweaver Para desplazarse por el código, haga clic en el botón *Animaciones de Navegación por el código. Para obtener más información, consulte "Introducción al depurador Dreamweaver JavaScript". *películas flash Para mostrar u ocultar la regla, la cuadrícula y las ayudas visuales, haga clic en el botón de menú Opciones.http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13232
  8. 8. Panel DreamweaverEl panel contiene siete categorías de formapredeterminada:Común, Formularios, Marcos, Head, Invisiblesy Caracteres. También contiene botones que MENU:cambian de vista: Estándar y Disposición. Cada uno *¿Qué es Dreamweaver?de estos elementos serán explicados en temas *¿Cómo crear un sitio webposteriores. en Dreamweaver? Para cambiar de categoría dé clic sobre alguna de las pestañas situadas en la parte superior del *¿Para que sirve panel. Dreamweaver? *Novedades de Si desea insertar un objeto en el documento Dreamweaver haga clic en el correspondiente botón del panel o arrastre el ícono del botón hasta la ventana de *Barra de herramientas de documento. Dependiendo del objeto, aparecerá Dreamweaver un cuadro de diálogo en el cual se le pedirá que *Panel de Dreamweaver seleccione o inserte el archivo u objeto deseado. *Animaciones de Si desea insertar un marcador de posición Dreamweaver mantenga presionada la tecla Control mientras da clic en el ícono para insertar el objeto. (Por *películas flash ejemplo, para insertar un marcador de posición para una imagen sin especificar un archivo de imagen, mantenga presionada la tecla Control y haga clic en el botón Imagen.http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13232
  9. 9. Animaciones de Dreamweaver Para mostrar la línea del tiempo iremos a MENU: VENTANA-OTROS-LÍNEA DE TIEMPO *¿Qué es Dreamweaver? Para agregar objetos a la línea del tiempo *¿Cómo crear un sitio web seleccionaremos el objeto o capa e iremos a en Dreamweaver? MODIFICAR-LÍNEA DE TIEMPO-AGREGAR *¿Para que sirve OBJETO A LA LINEA DE TIEMPO, así Dreamweaver? agregaremos el objeto a la línea del tiempo. Según *Novedades de los fotogramas por segundo seleccionados nos creará esos fotogramas con un fotograma clave al Dreamweaver inicio y uno al final, para crear la animación solo *Barra de herramientas de tendremos que irnos a uno u otro fotograma y Dreamweaver mover nuestro objeto. *Panel de Dreamweaver Podemos añadir más fotogramas claves en la línea *Animaciones de del tiempo e incluso eliminar fotogramas creados. Dreamweaver También podemos animar el objeto directamente *películas flash siguiendo los siguientes pasos: seleccionamos la capa donde está el objeto y vamos a: MODIFICAR- LÍNEA DE TIEMPO-REGISTRAR RUTA DE CAPA, ahora tan sólo tendremos que mover el objeto como queramos y se nos crearán los fotogramas claves necesarios.
  10. 10.  Otra forma de animar los objetos es realizarlo a través de comportamientos. Por ejemplo, si quisiéramos ocultar una capa y mostrarla más adelante podríamos ir a VENTANA-COMPORTAMIENTOS- MENU: MOSTRAR/OCULTAR CAPAS y seleccionar la capa y darle a ocultar o *¿Qué es Dreamweaver? mostrar según queramos. *¿Cómo crear un sitio web Otra forma de animar los objetos es en Dreamweaver? realizarlo a través de comportamientos. *¿Para que sirve Por ejemplo, si quisieramos ocultar una capa y mostrarla más adelante podríamos Dreamweaver? ir a VENTANA-COMPORTAMIENTOS- *Novedades de MOSTRAR/OCULTAR CAPAS y seleccionar la capa y darle a ocultar o Dreamweaver mostrar según queramos. *Barra de herramientas de Dreamweaver *Panel de Dreamweaver *Animaciones de Dreamweaver *películas flashhttp://isamadridval.blogspot.com/2006/10/dreamweaver-animaciones.html
  11. 11. Películas Flashpelículas Flash son animaciones, que al igual que los MENU:botones y el texto Flash, tienen la extensión SWF. Es *¿Qué es Dreamweaver?frecuente verlas en las páginas iniciales de los sitios *¿Cómo crear un sitio webweb, a modo de presentación hacia los usuarios, aunque en Dreamweaver?se pueden utilizar para realizar cualquier tipo de *¿Para que sirveanimación. Dreamweaver?Estas películas pueden crearse mediante el programa *Novedades deFlash de Macromedia, y necesitan que el usuario tenga Dreamweaverinstalado el plug-in para poder ser visualizadas. *Barra de herramientas de Dreamweaver *Panel de Dreamweaver *Animaciones de Dreamweaver *películas flash

×