LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
Dreamweaver 2013 karen palacio 11.a
1.
2. Concepto de Dreamweaver
El Dreamweaver CS5 es un software fácil de usar, que
permite crear páginas web profesionales.
En el se pueden crear tablas, editar marcos, trabajar
con capas, insertar comportamientos
JavaScrip, etc.., de una forma muy sencilla y visual.
Además incluye un software, cliente FTP
completo, permitiendo entre otras cosas trabajar con
mapas visuales en sitios de web ,actualizando el sitio
de web en el servidor sin salir del programa.
3. Concepto básico Dreameaver
Desde la pantalla de inicio podemos crear una pagina ´´ HTML´´
donde aparece crear nuevo, podemos abrir un documento
existente y editarlo. Observamos que aparecen distintas opciones
como guardar, imprimir u otros comandos básicos.
El dreamweaver tiene dos modos para visualizar el documento en
el cual estamos trabajando: La vista Diseño es un entorno de
diseño para el diseño visual de la página, la edición visual y el
desarrollo rápido de aplicaciones. En esta vista, Dreamweaver
muestra una representación visual del documento
completamente editable, similar a la que aparecería en un
navegador.
4. Historia de Dreamweaver
Dreamweaver es un producto de la empresa desarrollada de software
Macromedia, que nació en 1992 tras la función de authorware inc. ( creadora
de authorware) y macro- mid paracomp (responsable de director ). El primer
producto de esta nueva compañía fue shockwave, un plugin para los
navegadores que permitía ver animaciones hechas en director. A causa del
éxito que tuvo, la empresa decidió que debía expandirse mas en el sector
web y multimedia.
Esta expansión como objetivo primario , en 1996, Macromedia realizo
dos grandes adquisiciones. La primera fue la empresa futurewabe
software, creadora del futuresplash , al que Macromedia rebautizo como
flash.la segunda fue iband software , creadora de backstage, un
programa de edición de HTML al que Macromedia rebautizo, con
algunos cambios ,como dreamweaver , del que lanzo su primera versión
en 1997. A partir de 1998, Macromedia comenzó a desarrollar una versión
del programa por año ,aproximadamente. En cada una de ellas agrego
componentes clave para un mejor desarrollo de archivos HTML y de
otras extensiones (ASP, HPH, JPS..ETC) en el año 2006, la empresa fue
comprada por adobe, quien absorbió completamente el nombre
Macromedia . Por ello es que la versión CS3 ya no es mas
Macromedia, sino ADOBE.
5. Novedades de Dreameaver
En las novedades de Dreameaver se ven las características que
aporta esta nueva versión en la anterior:
☺ Compatibilidad con CMS integrada.
Un sistema de gestión de contenidos
(en inglés Content Management System,
abreviado CMS) es in interfaz o programa
que nos permite gestionar el contenido
de un sitio web. Cada vez son más usados,
y ahora Dreamweaver integra con los
principales, permitiéndonos crear nuestras
páginas con la estructura adecuada.
6. ☺ Inspeccionar CSS. Ahora, con
la opción Inspeccionar, podemos
ver claramente los márgenes aplicados
al elemento seleccionado, y qué
propiedades le afectan, heredadas
de los elementos padre.
☺ Integración Adobe Browserlab.
Adobe Browser Lab es un servicio en línea
de Adobe, que nos permite comparar cómo
se ve una misma página web en las distintas
versiones de Internet Explorer, Firefox y Safari,
bajo los sistemas operativos de Windows o Mac OS.
☺ Sugerencias de código. Ahora las sugerencias de código incluyen nuestras
clases personalizadas, y los comandos y funciones propios de los distintos
CMS soportados.
7. Las barras de herramienta de
Dreameaver
☺ La barra de herramientas de Dreamweaver esta constituida por
botones que permiten reemplazar 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.
8. Esto sirve para utilizar el HTML en Dreameaver seleccionas
la opción de editar el código de fuente de la pagina en el
inspector de pagina, el la opción dividir separa esto y nos
muestra el HTML del documento que estamos haciendo
nos aparecen diferentes etiquetas que podemos insertar.
Para insertar, ´´formulario´´ aparece este remarcado con un
borde alrededor y allí dispones de los controles, podemos
guiarnos en base al formato de la tabla, donde aparecen
mas opciones del formulario como el de ´´etiqueta´´ que
nos sirve para agregar un texto a este formulario o una
respectiva descripción.