Revista Dreamweaver Victor Ruiz
¿Que es el Dreamweaver? Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Adobe Dreamweaver permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, Javascript, cliente FTP integrado, etc.
¿Cuales son sus ventajas? Observa el resultado mientras lo diseñas con las funciones de Vista en vivo Observa cómo quedará tu diseño en el navegador en tiempo real sin salir de Dreamweaver. Las nuevas capacidades de edición, como los menús contextuales, agilizan tu proceso de desarrollo, ya que te permiten copiar, pegar y mover elementos de HTML al tiempo que conservas el código. CSS simplificado Crea código limpio de conformidad con los estándares web a través de herramientas de edición visuales. Aplica propiedades CSS como degradados, sombras de cuadro y bordes. Si no te satisfacen los resultados, ahora puedes deshacer el trabajo. Revisa y reestructura ¡Muy rápido! Visualiza, navega y modifica la estructura HTML de tus páginas de forma sencilla con una vista de tipo árbol que te permite hacer clic y arrastrar para seleccionar, editar y reorganizar elementos.
Pasa de una composición de Photoshop al código más fácilmente que nunca Extrae rápidamente las composiciones de Photoshop en diseños basados en código con la nueva función Extract. Utiliza las sugerencias de código contextual para definir rápidamente las fuentes, los colores y los degradados del código CSS, y arrastra y suelta imágenes optimizadas para la Web en tus diseños. Todo sin salir de Dreamweaver. Altamente interactivo Junta contenido web y móvil HTML5 interactivo gracias a la integración con Edge Animate y Dreamweaver. Guías interactivas Con las guías interactivas, puedes mover elementos HTML junto con su código asociado con precisión con solo arrastrar y soltar. Plantillas de inicio Obtén una ventaja inicial en los sitios web adaptativos con los diseños personalizables integrados.
Barra de herramientas Dreamweaver La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o pre visualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione. Para ver u ocultar la barra de herramientas, elija en el menú Ver la opción Barra de herramientas. Para ver sólo código en la ventana de documento, haga clic en el botón Vista de código. Para ver una vista que contenga las vistas de Código 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.
Descubre las novedades con video2brain
www.video2brain.com/mx/
Aprende con el productor lĂder en Europa de cursos online. ÂĄDescubre gratis nuestra variedad de cursos!
¿Qué es el Panel Dreamweaver? El panel contiene siete categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores. Para cambiar de categoría dé clic sobre alguna de las pestañas situadas en la parte superior del panel. Si desea insertar un objeto en el documento haga clic en el correspondiente botón del panel o arrastre el ícono del botón hasta la ventana de documento. Dependiendo del objeto, aparecerá un cuadro de diálogo en el cual se le pedirá que seleccione o inserte el archivo u objeto deseado. Si desea insertar un marcador de posición mantenga presionada la tecla Control mientras da clic en el ícono para insertar el objeto. (Por 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. Finalmente se deben configurar todas las propiedades del estilo. Se debe tener en cuenta que se manejan múltiples atributos para diferentes objetos, por lo tanto se aconseja definir estilos diferentes de acuerdo al tipo de objeto. Por ejemplo un estilo para tablas, otra para textos, etcétera
Novedades Dreamweaver Integración de RSS: con Dreamweaver 8 podrás ingresar estradas de RSS provenientes de otras paginas con solo introducir la fuente, arrastrar y colocar los campos. De esta forma podrás introducir datos de forma XML fácil y cómodamente. Mejoras CSS: esta versión ha mejorado mucho con respecto a la compatibilidad y manejos de estilos de cascadas, de esta forma se a mejorado el panel de CSS, donde ahora podrás acceder a la configuración de cada una de estos estilos desde una lista mejor dotada de una cuadricula editable de donde podrás modificar sus propiedades. accesibilidad: Dreamweaver 8 incorpora las normas de accesibilidad de propiedad 2 marcadas con WCAG/W3C El programa es realmente muy completo y sus nuevas versiones son cada vez más sencillas, aunque siempre necesitarás conocer algo del tema para poder utilizarlo. Buscando en Internet podrás encontrar varios tutoriales que te ayudarán a comenzar a utilizar este programa.
Descubre las novedades con: