24 septembre 2008, Pékin - Aujourd'hui, Adobe (Nasdaq : ADBE) a annoncé le lancement d'un produit phare du secteur : la famille de produits Adobe® Creative Suite® 4. Le produit peut être utilisé dans tous les flux de travail créatifs et constitue le logiciel de conception et de développement leader du secteur. Grâce à une avancée fondamentale dans le flux de travail, les barrières entre les concepteurs et les développeurs sont éliminées. La nouvelle gamme de produits Creative Suite 4 comprend des centaines de fonctionnalités innovantes pour faire progresser de manière globale le processus créatif de production imprimée, Web, mobile, interactive, audio et vidéo. Ce produit élève l'ensemble de la technologie Flash de la gamme de produits à un nouveau niveau d'intégration et d'expression. Il s'agit de la plus grande version du logiciel Adobe à ce jour, comprenant les éditions Adobe Creative Suite 4 Design, Creative Suite 4 Web et Creative Suite 4 Production Premium d'Adobe. Master Collection et 13 produits de base, 14 technologies intégrées et 7 services.
J'ai donc téléchargé la version officielle PreRelease de DreamWeaver CS4 pour les tests. Il n'y a pas grand chose à dire sur la décompression et l'installation. J'ai juste l'impression que la vitesse d'installation est beaucoup plus rapide que la version précédente de DreamWeaver CS3. l'interface est meilleure qu'avant certains changements.
En plus des modifications de l'interface, cette version constitue une version importante et comporte de nombreuses mises à jour, telles que :
des astuces de code pour les frameworks Ajax et JavaScript.
Édition Adobe InContext
Ensemble de données HTML
Intégration Subversion®
Meilleures pratiques CSS, etc., vous pouvez consulter la page des fonctionnalités officielles pour plus d'informations.
Ici, je vais principalement vous présenter quelques nouvelles fonctionnalités de JavaScript.
1. Liens externes du code JavaScript.
Nous savons que pour diverses raisons, nous n'écrivons généralement pas de code JavaScript directement sur la page, mais le plaçons dans un fichier js externe. L'avantage de cela est non seulement de faciliter la gestion du JavaScript sur l'ensemble du site, mais également de faciliter la gestion du code JavaScript sur l'ensemble du site. aider beaucoup de gens. Avec l'aide de la mise en cache des fichiers js par le client, le gaspillage du trafic de transmission réseau des fichiers js qui changent rarement est réduit.
De plus, pour des raisons telles que la collaboration entre plusieurs personnes et la facilité de gestion, les changements agiles et la superposition de code, nous devrions essayer de séparer autant que possible structure-performance-comportement. Dans l'écriture de code normale, vous pouvez utiliser beaucoup de mots tels que.
< a onclick="alert_me('this est un lien')" href="#">Cliquez pour m'alerter</a>
Cependant, ce code le fait en couplant le comportement dans la structure de code de base. Nous préconisons l'ajout d'événements pour le séparer complètement en code JavaScript. Cette opération peut également être effectuée par DreamWeaver CS4.
Dans DreamWeaver CS4, cette fonction nous est fournie. Vous pouvez trouver cette fonction dans [Commandes] -> [Externaliser JavaScript].
Afin de tester ces deux fonctionnalités, nous avons écrit le code suivant :
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script type="text/javascript">
fonction alert_me (msg)
{
alerte (msg);
}
</script>
</tête>
<corps>
<a href="#" onclick="alert_me('this est un lien')">Cliquez pour m'alerter</a>
</corps>
</html>
Vous pouvez voir que dans ce code, non seulement la fonction JavaScript apparaît sur la page, mais le comportement est également directement lié à la balise HTML. À ce stade, utilisez [Commandes] -> [Externaliser JavaScript] pour ouvrir DreamWeaver CS4 en tant que. Comme vous pouvez le voir sur les outils que nous mettons à disposition, il existe deux options, qui correspondent respectivement à séparer uniquement les blocs de code JavaScript de la page en fichiers externes et en même temps à séparer le JavaScript dans le code HTML :
Nous choisissons « Externaliser JavaScript et attach discrètement ", c'est-à-dire que la séparation des blocs de code et des codes dans les balises est terminée en même temps. Une fois l'exécution de la commande terminée, le code de la page est le suivant :
< !DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//FR" " http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Untitled-15.js" type="text/javascript"></script>
</tête>
<corps>
<a href="#" id="a1">Cliquez pour m'alerter</a>
</corps>
</html>
De cette manière, le travail correspondant est terminé automatiquement.
2. Conseils sur le code JavaScript.
Il n'y a toujours pas eu d'IDE particulièrement pratique pour développer JavaScript. Aptana est un outil de développement JavaScript basé sur Ecplise, qui fournit des fonctions de mise en évidence du code et d'invite de code. Désormais, DreamWeaver CS4 fournit également cette fonction lorsque nous construisons des objets JavaScript intégrés. est déjà disponible pour les indications de code.
De plus, DreamWeaver CS4 fournit également des invites pour les erreurs de code. Lorsqu'une erreur se produit dans le code, une barre d'invite jaune apparaît en haut de la fenêtre et le numéro de ligne est affiché sur le côté gauche du code.
3. Prise en charge des bibliothèques JavaScript tierces.
L'Aptana mentionné ci-dessus prend également en charge une variété de bibliothèques tierces JavaScript, telles que Prototype, jQuery, YUI, ExtJS, etc. DreamWeaver CS4 fournit également une prise en charge. Nous introduisons d'abord une bibliothèque de prototypes, puis entrons dans un nouvel Ajax. pour créer une application Ajax, DreamWeave CS4 donne des astuces de code pour les méthodes membres de la classe Ajax.
Source de l'article : http://www.hanguofeng.cn/archives/web-client/dreamweaver-cs4-new-feture-javascript