Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Quoi de neuf dans Expression Web 3

1,628 views

Published on

Published in: Technology
  • Be the first to like this

Quoi de neuf dans Expression Web 3

  1. 1. Expression Web 3<br />Christophe Lauer – http://twitter.com/CLaueR<br />Business Devpt Manager w/ Web Agencies<br />Microsoft France <br />
  2. 2. Expression Web 3<br />Professionaldesign and development tool for creating modernstandards-based Web sites<br />Create standards-based Web sites faster & easier<br />Professional code editor with Intellisense<br />SuperPreview cross-browser debugging tool renders pages on multiple browsers on developer’s machine (NEW)<br />Snapshot Preview shows a single browser updated as you code (NEW)<br />CSS diagnostics & accessibility checker<br />Build compelling Web sites that deliver results<br />Sophisticated CSS design tools<br />Professional editable design surface<br />Includes Expression Design for professional vector graphics (NEW)<br />Includes Expression Encoder for professional video encoding (NEW)<br />Insert Silverlight video and add DeepZoom experiences (NEW)<br />Broad support for essential Web technologies<br />Supports X/HTML, CSS, ASP.NET, ASP.NET AJAX, PHP, JavaScript<br />Broad Web standards & schema support<br />Silverlight, Flash , Windows Media, Photoshop files<br />Publish sites with FTPS, SFTP, WebDAV (NEW)<br />Visual Studio TFS integration for file source control (NEW)<br />2<br />
  3. 3. Expression Web 3<br />Un outilprofessionnel de design et de développement pour créer des sites Web modernes et baséssur les standards<br />Créez des sites conformes aux standards, plus facilement et plus rapidement<br />Editeur de code professionnel avec complétion de code (Intellisense)<br />(NOUVEAU) SuperPreview : outil de mise au point multi-navigateurprésentant les rendus de page des différentsnavigateurs<br />(NOUVEAU) Snapshot Preview affiche le rendu en direct pendant quevouscodez<br />Outils de diagnostics CSS et Vérificateur des règlesd’accessibilité<br />Construisez des sites percutants qui donnent des résultats<br />Outil de design CSS sophistiqué<br />Surface de design professionnelle<br />(NOUVEAU) InclutExpression Design pour des graphiquesvectorielsprofessionnels<br />(NOUVEAU) InclutExpression Encoder pour l’édition et encodage de vidéosprofessionnelles<br />(NOUVEAU) Insérez des vidéos Silverlight et des expériencesutilisantDeepZoom<br />Vaste support des technologies Web les plus courantes<br />Supporte XHTML/HTML, CSS, ASP.NET, ASP.NET AJAX, PHP, JavaScript<br />Vaste support des standards Web et de schémas<br />Fichiers et formats Silverlight, Flash, Windows Media, Photoshop<br />(NOUVEAU) Publication des sites par FTPS, SFTP, WebDAV<br />(NOUVEAU) IntégrationTeam Foundation Server pour le contrôle des versions des codes source<br />3<br />
  4. 4. PROFESSIONALCODE EDITOR<br />Makes you more productive writing and debugging code<br />Intellisense, code coloring, and snippets for HTML, CSS, PHP & JavaScript aids adding valid code<br />Preview ASP.NET & PHP pages with the included develop-ment server<br />
  5. 5. EDITEUR DE CODE PROFESSIONNEL<br />Vous rend encore plus productifsdansl’écriture et la mise au point de code<br />Intellisense, coloration du code, et snippets pour HTML, CSS, PHP & JavaScript facilitentl’utilisation de codes valides<br />Prévisualisation des pages ASP.NET et PHP via le serveur local de développementinclus<br />
  6. 6. SPEED DEBUGGING WITH SUPERPREVIEW<br />Debug pages on multiple browsers with your development machine<br />Supports IE6/7/8 & Firefox<br />Multiple browser renderings side-by- side or onion-skin overlay<br />Element position, size, & DOM tree properties<br />Compare Web page with PSD comp<br />
  7. 7. MISE AU POINT ACCELEREE AVEC SUPERPREVIEW<br />Mettez au point pour plusieursnavigateursdepuisvotre machine de développement<br />SupporteIE6/7/8 & Firefox<br />Renducôte à côte de multiples navigateursou en superposition<br />Propriétés de position, taille des éléments et arbre DOM<br />Comparer les pages Web avec le source PSD<br />
  8. 8. SNAPSHOTPREVIEW YOUR CODE<br />Debug your pages with a high-fidelity browser image that updates real-time as you code<br />No need to preview page in a browser<br />Absolute image fidelity for IE6/7/8 or Firefox<br />Supports HTML, ASP.NET, & PHP pages<br />
  9. 9. “SNAPSHOTPREVIEW” DE VOTRE CODE<br />Mettezvos pages au point avec une preview fidèle de vos pages qui suit vos modifications dans le code en temps réel<br />Plus besoin de recharger la page dans le navigateur<br />Fidélitéabsolue de la page pour IE6/7/8 et Firefox<br />Supporte les pages HTML, ASP.NET & PHP<br />
  10. 10. NOW SERVING<br />Preview ASP.NET and PHP pages locally<br />Quickly preview pages with installed browsers<br />No need to installed a separate Web server<br />Included ASP.NET and PHP development server.<br />FPO<br />
  11. 11. SERVICE COMPRIS<br />Rendu local des pagesASP.NET et PHP<br />Visualiserrapidement les pages dans les navigateursinstallés<br />Plus besoind’installer et de configurer un serveur Web séparément<br />Inclut un serveur Web de développement pour ASP.NET et PHP<br />FPO<br />
  12. 12. FLEXIBLESITE PUBLISHING<br />Publish your site from Expression Web to any server<br />FTP, SFTP, FTPS, WebDAV<br />Publish to multiple destinations simultaneously<br />Parallel file transfer speeds upload<br />Live on-server edits<br />
  13. 13. SOUPLESSEDE PUBLICATION DES SITES<br />Publiezvotre site sur tout type de serveurdirectementdepuis Expression Web 3<br />FTP, SFTP, FTPS etWebDAV<br />Publication simultanéeversplusieurs destinations<br />Transfert des fichiersparallelisé pour accélérer les uploads<br />Edition/modifications en direct depuis le serveur<br />
  14. 14. ACCESS FOR EVERYONE<br />Optimize your sites for accessibility<br />Accessibility Checking<br />Use the built-in accessibility checker to make sure your Web sites can fully meet screen reader accessibility standards, with support for WCAG and Section 508. <br />
  15. 15. L’ACCES POUR TOUS !<br />Améliorezl’accessibilité de vos sites<br />Vérification de l’Accessibilité<br />Utilisez le vérificateurd’accessibilitéintégréafin de vous assurer quevos sites sontconformes aux standards d’accessibilité, avec le support de WCAG et “Section 508”<br />
  16. 16. PIXEL PERFECT<br />Make design decisions with confidence <br />Professional Design Surface<br />Built-in CSS rendering engine<br />Directly manipulate positioning, sizing, margins and padding<br />Visual support for ASP.NET Master, Pages, User Controls and PHP <br />Includes Expression Design 3 professional graphics tool<br />
  17. 17. JUSTE, AU PIXEL PRES<br />Voschoix de design en touteconfiance<br />Surface de Design professionnelle<br />Moteur de rendu CSS intégré<br />Manipulezdirectement position, taille, marges et padding<br />Support visuel des Master Pages et Contrôles de ASP.NET Master, et des pages PHP <br />Inclutl’outilvectorielprofessionnelExpression Design 3<br />
  18. 18. VISUALIZE YOUR STYLE<br />Sophisticated CSS design features for visual design<br />Drag-and-drop style management<br />Detailed reports on CSS usage<br />Intelligent style renaming<br />Fine-tune CSS code generation<br />
  19. 19. AFFICHE TON STYLE<br />Designer CSS sophistiquédesign pour le design visuel<br />Gestion des styles en Drag&drop<br />Rapports d’utilisationdétaillés des directives CSS<br />Renommage Intelligent des styles<br />Optimisation de la génération des codes CSS<br />
  20. 20. INCLUDES PROFESSIONAL GRAPHICS TOOLS<br />Expression Design 3 for professional graphics <br />Flexible vector drawing<br />High quality effects<br />Seamless workflow with Expression Web<br />Export to Silverlight, PSD, PDF, others<br />
  21. 21. INCLUT UN OUTIL VECTORIEL PROFESSIONNEL<br />Expression Design 3 pour des graphiquesprofessionnels<br />Dessinvectoriels en souplesse<br />Effets de haute qualité<br />Workflow direct versExpression Web<br />ExporteversSilverlight, PSD, PDF, et autres formats<br />
  22. 22. LIGHT UP YOUR SITE WITH SILVERLIGHTVIDEO&DEEPZOOM<br />Easily encode and add Silverlight video & add DeepZoom experiences <br />Encode WMV, AVI, QuickTime, MPEG with included Expression Encoder<br />Choose output format based on Web site bandwidth. Supports VC-1 & H.264<br />Insert DeepZoom imagery for immersive Web experiences<br />
  23. 23. ENRICHISSEZ VOTRE SITE AVEC SILVERLIGHT&DEEPZOOM<br />Ajoutezfacilement un player vidéo Silverlight & des expériencesDeepZoom<br />EncodezdepuisWMV, AVI, QuickTime, MPEG avec Expression Encoder (inclus)<br />Choisissez le format et la qualité en sortie. SupporteVC-1 & H.264<br />Insérez des scènesDeepZoom pour des expériences Web immersives<br />
  24. 24. PASSIONATE ABOUT STANDARDS<br />Built-in support for today&apos;s modern web standards<br />XHTML compliance<br />Full schema support<br />Real-time standards validation<br />CSS properties palette<br />XHTML Tag property grid<br />
  25. 25. LA PASSION DES STANDARDS<br />Support natif des standards actuels du Web<br />Conformité XHTML<br />Support complet des schémas<br />Validation des standards en temps réel<br />Palette de propriétés CSS<br />Grille de propriétés pour les tags XHTML<br />
  26. 26. VISUAL PROGRAMMING<br />Capture the Power of ASP.NET and ASP.NET AJAX<br />Easy drag-and-drop controls, rendered on the design surface<br />Access ASP.NET control properties<br />Visually bind data sources to controls on the design surface Seamlessly integrate with Visual Studio<br />FPO<br />
  27. 27. PROGRAMMATION VISUELLE<br />Preneztoute la puissance de ASP.NET et ASP.NET AJAX<br />Drag & drop de contrôles, rendusvisuellementsur la surface de design<br />Accès aux propriétés des contrôles ASP.NET<br />“Binding” visuel aux sources de donnéesdepuis la surface de design<br />FPO<br />
  28. 28. YES, PHP<br />Open and edit PHP pages directly in Expression Web<br />Intellisense, code-coloring and snippets<br />Apply the full range of standards-based design tools to PHP<br />Preview PHP includes on design surface<br />Preview PHP pages with built-in development server<br />VISUAL<br />
  29. 29. OUI, PHP AUSSI<br />Editezvos pages PHP directementdansExpression Web 3<br />Intellisense, coloration syntaxique et snippets<br />Utilisez tout l’éventail des outilssupportant les standards à PHP<br />Prévisualisez les “includes” PHP sur la surface de design<br />Prévisualisez les pages PHP depuis le serveur de développementintégré<br />
  30. 30. INTEGRATE MEDIA<br />Integrate rich media into your sites<br />Prototype design with custom views of XML data<br />XSL Transform support (XSLT)<br />Sort, filter, and apply conditional formatting to raw data<br />Insert Silverlight, Windows Media, Photoshop, ASP.NET AJAX, and Flash content<br />
  31. 31. INTEGREZ DES MEDIAS<br />Intégrez des contenus riches dansvos sites<br />Prototypez la visualisation des sources de données XML<br />Supporte les transformations XSL (XSLT)<br />Trier, filtrer, et appliquer des formattagesconditionnels aux données brutes<br />Insérez des contenus Silverlight, Windows Media, Photoshop, ASP.NET AJAX, et Flash<br />
  32. 32. YES, PHOTOSHOP<br />Import Adobe Photoshop files<br />Import Adobe Photoshop files with transparency and full control over cropping, slicing, & layer importing<br />Expression Web prompts when source file changes<br />Memorized settings to import revised artwork with the same settings<br />
  33. 33. OUI, PHOTOSHOP<br />Importez des PSD depuisAdobe Photoshop<br />Importez des fichiers Photoshop avec la transparence et contrôle total du cropping, slicing, & import des couches<br />Notifications par Expression Web quand la source estmodifiée<br />Réglagesmémorisés pour ré-importer facilement les versions modifiées des créations<br />
  34. 34. NEW IN EXPRESSION WEB 3<br />Visual diagnostics<br />SuperPreview renders pages on multiple browsers on developer’s machine<br />Snapshot Preview shows exactly how a page renders in a browser and updates real-time with coding changes<br />Easily encode and insert Silverlight video with included Expression Encoder<br />Includes Expression Design for professional vector graphics<br />Insert Silverlight or Seadragon AJAX Deep Zoom experiences<br />Import, crop, and slice Photoshop files with transparency<br />Flexible site publishing: FTP, SFTP, FTPS, WebDAV<br />Visual Studio TFS integration for source control<br />
  35. 35. NOUVEAU DANS EXPRESSION WEB 3<br />Diagnostics visuels<br />SuperPreviewpour un rendumulti-navigateurssur la machine du développeur<br />Snapshot Preview affiche un rendutrèsfidèle des pages en temps réel pendant quevousmodifiez le code<br />Insertion facile et encodage de vidéos en Silverlight grâce à Expression Encoder, inclus<br />InclutégalementExpression Designpour des graphiquesvectorielsprofessionnels<br />Insérez des expériences Silverlight, Seadragon AJAX ouDeepZoom<br />Importez, rognez, et découpez des fichiers Photoshop files<br />Publication souple de vos sites via : FTP, SFTP, FTPS, WebDAV<br />Intégration de Team Foundation Server pour le contrôle des codes source<br />
  36. 36. Pricing & language availability<br />New Pricing<br />$149 (USD) Full Product<br />$79 Upgrade<br />Any Microsoft Expression product<br />Any Adobe Creative Suite product<br />Any Microsoft Office product<br />Languages<br />English<br />French<br />German<br />Italian<br />Spanish<br />Chinese Simplified<br />Chinese Traditional<br />Japanese<br />Korean<br />
  37. 37. Q&A ?<br />
  38. 38. MERCI !<br />Votre potentiel, notre passion TM <br />

×