Le MIX09 a été l’occasion pour Microsoft de présenter ce que sera la prochaine version d’Expression Web. Parmi ses nouvelles fonctionnalités, l’accent a été donné sur l’une d’entre elle, et pas des moindres. Il s’agit de la SuperPreview.

Derrière ce nom un peu bizarre se cache en fait une refonte globale de l’aperçu en mode Design d’Expression Web.

Description de SuperPreview

Le principe de SuperPreview est de proposer aux utilisateurs d’Expression Web la possibilité d’afficher son projet de site Internet sous les différents moteurs de rendu des navigateurs Web actuels.
Donc, il faut comprendre par là que vous pouvez choisir à votre guise le moteur utilisé pour créer l’aperçu sous Expression Web avec la fenêtre de SuperPreview.

Mais cela ne s’arrête pas qu’à ça. Il est en effet possible de comparer 2 versions en parallèle ou en superposition pour repérer les différences de mise en page dû à l’interprétation des moteurs de rendu des navigateurs Web.
A noter que vous pouvez aussi bien faire une comparaison avec une image de votre Design de site Internet pour être au proche de celle-ci.

A cela s’ajoute une paire d’outil pour faciliter le débogage de vos sites Internet.

  • Il est possible d’afficher des règles autour de votre preview de site Internet
    Ces règles permettent d’ajouter également des repères sur vos preview (de la même manière que Photoshop).
  • On peut également afficher une miniature de votre site Internet pour faciliter la sélection d’une région de la page.
  • La sélection d’élément de votre page se fait en parallèle sous les différentes versions. Cela permet en effet de voir tout de suite s’il y a un problème de mise en page entre 2 navigateurs Web (décalage, alignement, etc.)
  • Un zoom est disponible pour permettre de positionner au mieux vos éléments.
  • Après avoir sélectionner un élément, des informations sur celui-ci sont disponibles dans la barre d’état (Nom de balise, positionnement, largeur, hauteur, Id, Class).
  • 2 modes d’affichage des sélections sont disponibles;

Présentation vidéo de SuperPreview au MIX09 (hors Keynote)

Une version Stand Alone de prévu

Cette fonctionnalité intervient dans le fait que Microsoft ait connaissance de la problématique de débugger sous IE6. Par exemple, le fait d’installer IE7 ou IE8 écrase l’ancienne version sans possibilité réelle de pouvoir y accéder à nouveau (sauf dans le cas d’une VM ou d’une version Stand Alone d’IE6).

C’est pourquoi, une version de cette fonctionnalité est disponible gratuitement en Stand Alone avec les moteurs d’IE6, IE7 et IE8 (ainsi que la comparaison avec image). Seule la version prévu dans Expression Web 3 permettra de coupler SuperPreview avec les autres navigateurs Web.

Quelques précisions

La version Stand Alone est disponible actuellement en version March 2009 Preview. Seulement en anglais pour l'instant, cette preview est disponible pour les OS suivants :

  • Windows XP SP3 (32-bit, 64-bit)
  • Windows Vista SP1 (32-bit, 64-bit)
  • Windows 7 (32-bit, 64-bit) *
  • Windows Server 2003 (32-bit, 64-bit)
  • Windows Server 2008 (32-bit, 64-bit)

* A noter qu’Internet Explorer 6 n’est pas accessible comme navigateur de visualisation sur Windows 7

Pour télécharger Expression Web SuperPreview (March 2009 Preview), c’est par ici que ça se passe.

Cette version est valable jusqu’au 1er Octobre 2009, donc faites-vous plaisir pour la tester avant l’arrivée de la version finale. Rester tout de même conscient qu’il s’agit d’une version Preview de SuperPreview (Ca fait beaucoup de Preview tout ça :P).