24 de septiembre de 2008, Beijing - Hoy, Adobe (Nasdaq: ADBE) anunció el lanzamiento de un producto histórico en la industria: la familia de productos Adobe® Creative Suite® 4. El producto se puede utilizar en todos los flujos de trabajo creativos y es el software de diseño y desarrollo líder de la industria. A través de un avance fundamental en el flujo de trabajo, se eliminan las barreras entre diseñadores y desarrolladores. La nueva línea de productos Creative Suite 4 incluye cientos de funciones innovadoras para avanzar de manera integral en el proceso creativo de producción impresa, web, móvil, interactiva, de audio y video. Este producto eleva la tecnología Flash de toda la línea de productos a un nuevo nivel de integración y expresión. Es la versión de software más grande de Adobe hasta la fecha, incluidas las ediciones Adobe Creative Suite 4 Design, Creative Suite 4 Web y Creative Suite 4 Production Premium. Master Collection y 13 productos básicos, 14 tecnologías integradas y 7 servicios.
Así que descargué la versión preliminar oficial de DreamWeaver CS4 para probar. No hay mucho que decir sobre la descompresión y la instalación. Simplemente siento que la velocidad de instalación es mucho más rápida que la del DreamWeaver CS3 anterior. La interfaz es mejor que antes con ciertos cambios.
Además de los cambios en la interfaz, esta versión sirve como una versión importante y tiene muchas actualizaciones, tales como:
sugerencias de código para marcos Ajax y JavaScript.
Edición en contexto de Adobe
conjunto de datos HTML
Integración con Subversion®
Mejores prácticas de CSS, etc., puede consultar la página de funciones oficiales para obtener más información.
Aquí les presentaré principalmente algunas características nuevas de JavaScript.
1. Enlaces externos de código JavaScript.
Sabemos que, para diversos fines, generalmente no escribimos código JavaScript directamente en la página, sino que lo colocamos en un archivo js externo. El beneficio de hacer esto no es solo facilitar la administración de JavaScript en todo el sitio, sino también facilitar la administración de JavaScript en todo el sitio. Ayuda a mucha gente Con la ayuda del almacenamiento en caché de archivos js del cliente, se reduce el desperdicio del tráfico de transmisión de red de archivos js que rara vez cambian.
Además, por motivos como la colaboración entre varias personas y la facilidad de gestión, los cambios ágiles y las capas de código, debemos intentar separar estructura-rendimiento-comportamiento tanto como sea posible. En la escritura de código normal, es posible que se utilicen muchas palabras, como por ejemplo.
< a onclick="alert_me('este es un enlace')" href="#">Haz clic para alertarme</a>
Sin embargo, dicho código lo hace acoplando el comportamiento a la estructura básica del código. Recomendamos agregar eventos para separarlo completamente en el código JavaScript. Esta operación también se puede completar con DreamWeaver CS4.
En DreamWeaver CS4, esta función se proporciona para nosotros. Puede encontrar esta función en [Comandos]->[Externalizar JavaScript].
Para probar estas dos características, escribimos el siguiente código:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD /xhtml1-transicional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<título>Documento sin título</título>
<tipo de script="texto/javascript">
función alert_me (mensaje)
{
alerta(mensaje);
}
</script>
</cabeza>
<cuerpo>
<a href="#" onclick="alert_me('este es un enlace')">Haz clic para alertarme</a>
</cuerpo>
</html>
Puede ver que en este código, no solo aparece la función JavaScript en la página, sino que el comportamiento también está directamente vinculado a la etiqueta HTML. En este momento, use [Comandos]->[Externalizar JavaScript] para abrir DreamWeaver CS4 como. Como puede ver en las herramientas que proporcionamos, hay dos opciones, que corresponden respectivamente a separar solo los bloques de código JavaScript en la página en archivos externos y al mismo tiempo separar el JavaScript en el código HTML:
Elegimos "Externalizar JavaScript y adjuntar discretamente ", es decir, la separación de bloques de código y códigos en etiquetas se completa al mismo tiempo. Una vez completada la ejecución del comando, el código de la página es el siguiente:
<!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transicional//ES" " http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<título>Documento sin título</título>
<script src="SpryAssets/SpryDOMUtils.js" tipo="text/javascript"></script>
<script src="Untitled-15.js" type="text/javascript"></script>
</cabeza>
<cuerpo>
<a href="#" id="a1">Haz clic para alertarme</a>
</cuerpo>
</html>
De esta forma, el trabajo correspondiente se completa de forma automática.
2. Consejos para el código JavaScript.
Siempre no ha habido un IDE particularmente conveniente para desarrollar JavaScript. Aptana es una herramienta de desarrollo de JavaScript basada en Ecplise, que proporciona funciones de resaltado de código y solicitud de código. Ahora, DreamWeaver CS4 también proporciona esta función cuando construimos objetos integrados de JavaScript. ya está disponible para sugerencias de código.
Además, DreamWeaver CS4 también proporciona avisos para errores de código. Cuando ocurre un error en el código, habrá una barra de aviso amarilla en la parte superior de la ventana y el número de línea en el lado izquierdo del código.
3. Soporte para bibliotecas JavaScript de terceros.
El Aptana mencionado anteriormente también brinda soporte para una variedad de bibliotecas de JavaScript de terceros, como Prototype, jQuery, YUI, ExtJS, etc. DreamWeaver CS4 también brinda soporte. Primero introducimos una biblioteca Prototype y luego ingresamos el nuevo Ajax. Para crear una aplicación Ajax, DreamWeave CS4 proporciona sugerencias de código para los métodos de los miembros de la clase Ajax.
Fuente del artículo: http://www.hanguofeng.cn/archives/web-client/dreamweaver-cs4-new-feture-javascript