Quoi de neuf dans Expression Web 3

1,559 views

Published on

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
1,559
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide
  • Professional code editor speeds developmentIntellisense and color-coding for HTML, CSS, JavaScript, and PHP make your editing and debugging more productive. And real-time standards validation provides instant feedback on standards issues so you can make corrections as you code. Choose any schema you want – HTML, XHTML, Strict/Transitional/Frameset and CSS 1.0, 3.0, or 3.1 - Expression Web 3 will help you build appropriate code with a compatibility checker that highlights non-conforming elements.Preview ASP.NET & PHP pages with the included development server on installed versions of IE 6 – 8 and FF. No need to publish your page to a Web server to preview it.
  • Professional code editor speeds developmentIntellisense and color-coding for HTML, CSS, JavaScript, and PHP make your editing and debugging more productive. And real-time standards validation provides instant feedback on standards issues so you can make corrections as you code. Choose any schema you want – HTML, XHTML, Strict/Transitional/Frameset and CSS 1.0, 3.0, or 3.1 - Expression Web 3 will help you build appropriate code with a compatibility checker that highlights non-conforming elements.Preview ASP.NET & PHP pages with the included development server on installed versions of IE 6 – 8 and FF. No need to publish your page to a Web server to preview it.
  • SuperPreview provides cross-browser visual diagnosticsDebug your pages in multiple browsers on the same machine that you use for development, with SuperPreview. SuperPreview is a visual debugging tool that helps you visualize and understand how pages display on multiple browsers, including IE6 - 8 and Firefox. You can even overlay your page on top of your Photoshop comp to verify your coding.There are three steps a dev goes through to address cross-browsers issues:Determine if there is a problem (get an image of the page on various browsers). Both browserlabs and SuperPreview do this.Find the element that is causing a problem (e.g., what is the element’s name? what tags? Etc. ) Browserlabs won’t do this for you.Fix it in the code (xWeb helps you find it in the code because we give you the DOM information)SuperPreview runs locally (it’s not a Web service), so you don’t have to wait for your pages to be rendered by a service and have the images returned to you. In addition, SuperPreview identifies the problem element and it’s properties in your code so you can fix the error quicker (e.g., it’s not just an image of the page, but includes DOM tree information as well as element size, location, style, etc.)IE6 rendering engine is included in SuperPreview so you don’t to install it on your machine. In order to get IE7, 8, and FF, each of these must be installed on the machine.
  • SuperPreview provides cross-browser visual diagnosticsDebug your pages in multiple browsers on the same machine that you use for development, with SuperPreview. SuperPreview is a visual debugging tool that helps you visualize and understand how pages display on multiple browsers, including IE6 - 8 and Firefox. You can even overlay your page on top of your Photoshop comp to verify your coding.There are three steps a dev goes through to address cross-browsers issues:Determine if there is a problem (get an image of the page on various browsers). Both browserlabs and SuperPreview do this.Find the element that is causing a problem (e.g., what is the element’s name? what tags? Etc. ) Browserlabs won’t do this for you.Fix it in the code (xWeb helps you find it in the code because we give you the DOM information)SuperPreview runs locally (it’s not a Web service), so you don’t have to wait for your pages to be rendered by a service and have the images returned to you. In addition, SuperPreview identifies the problem element and it’s properties in your code so you can fix the error quicker (e.g., it’s not just an image of the page, but includes DOM tree information as well as element size, location, style, etc.)IE6 rendering engine is included in SuperPreview so you don’t to install it on your machine. In order to get IE7, 8, and FF, each of these must be installed on the machine.
  • Snapshot Preview saves debugging timeSnapshot Preview provides a high-fidelity browser preview that updates live as you edit your code, saving you the time and effort of loading the page in a browser for each code change.Works with IEx and Firefox when these browsers are installed locally. (IE6 doesn’t need to be installed as the IE6 rendering engine is included with Expression Web to support SuperPreview.)You can choose which browser and resolution for that browser.
  • Snapshot Preview saves debugging timeSnapshot Preview provides a high-fidelity browser preview that updates live as you edit your code, saving you the time and effort of loading the page in a browser for each code change.Works with IEx and Firefox when these browsers are installed locally. (IE6 doesn’t need to be installed as the IE6 rendering engine is included with Expression Web to support SuperPreview.)You can choose which browser and resolution for that browser.
  • ASP.NET & PHP Development ServerPreview ASP.NET and PHP pages locally, without the need to install a separate Web server. With the Expression Web Development Server, you can make design decisions with full reference to the page's data.Expression Web ships with a PHP development server that lets you test your PHP pages without any other external web server dependencies (e.g. IIS or Apache).Preview PHP PagesAll you need to do is specify the location on your hard disk of the PHP runtime to use for processing PHP content in your web pages. But the real strength of EW2's built-in web server is its integration with different browsers. When you select Preview in Browser from the EW2 menu, you are presented with the choice of various browsers—including browsers preconfigured to different window sizes—in which to view your page.
  • ASP.NET & PHP Development ServerPreview ASP.NET and PHP pages locally, without the need to install a separate Web server. With the Expression Web Development Server, you can make design decisions with full reference to the page's data.Expression Web ships with a PHP development server that lets you test your PHP pages without any other external web server dependencies (e.g. IIS or Apache).Preview PHP PagesAll you need to do is specify the location on your hard disk of the PHP runtime to use for processing PHP content in your web pages. But the real strength of EW2's built-in web server is its integration with different browsers. When you select Preview in Browser from the EW2 menu, you are presented with the choice of various browsers—including browsers preconfigured to different window sizes—in which to view your page.
  • Publishing FlexibilityChoose the FTP method for publishing your site, whether FTP, SFTP, or FTPS (Windows Server), depending on what your Web server requires.Expression Web 3 now can publish sites to multiple destinations, so you can publish to a staging server as well as a production server simultaneously.Parallel file transfers speed uploads so you wait less.Also, Expression Web can do “live” on-server edits via FTP, which saves time and cost, while also reducing errors.
  • Publishing FlexibilityChoose the FTP method for publishing your site, whether FTP, SFTP, or FTPS (Windows Server), depending on what your Web server requires.Expression Web 3 now can publish sites to multiple destinations, so you can publish to a staging server as well as a production server simultaneously.Parallel file transfers speed uploads so you wait less.Also, Expression Web can do “live” on-server edits via FTP, which saves time and cost, while also reducing errors.
  • Accessibility checkingUse 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.
  • Accessibility checkingUse 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.
  • High-quality CSS rendering engineMake design decisions with confidence. You'll see a faithful representation of the final browser-rendered page with a powerful, built-in CSS rendering engine.Generate elegant, modern CSS layouts with state-of-the-art design tools and the ability to directly manipulate positioning, sizing, margins and paddingA sophisticated CSS rendering engine inside Expression Web gives you the confidence to make design decisions on the fly. Design high-quality Web sites and applications with a state-of-the-art, professional toolset and design view. Its powerful and easy-to-use tools let you directly manipulate margins and padding throughout the document.Powerful vector drawing and editing tools in the included copy of Expression Design let you explore new artistic possibilities and create compelling graphic designs and illustrations. Integrate vector artwork and bitmap images in the same document to create hybrid compositions that you can import in part or in whole into Expression Web. Use Expression Design’s sophisticated slicing capabilities to create web-ready graphics.
  • High-quality CSS rendering engineMake design decisions with confidence. You'll see a faithful representation of the final browser-rendered page with a powerful, built-in CSS rendering engine.Generate elegant, modern CSS layouts with state-of-the-art design tools and the ability to directly manipulate positioning, sizing, margins and paddingA sophisticated CSS rendering engine inside Expression Web gives you the confidence to make design decisions on the fly. Design high-quality Web sites and applications with a state-of-the-art, professional toolset and design view. Its powerful and easy-to-use tools let you directly manipulate margins and padding throughout the document.Powerful vector drawing and editing tools in the included copy of Expression Design let you explore new artistic possibilities and create compelling graphic designs and illustrations. Integrate vector artwork and bitmap images in the same document to create hybrid compositions that you can import in part or in whole into Expression Web. Use Expression Design’s sophisticated slicing capabilities to create web-ready graphics.
  • Drag-and-drop style managementTry out designs with local in-page CSS styles and then easily migrate styles to a central repository using drag and drop.CSS reportingView detailed reports on CSS style usage across sites in the Results pane to keep track of where you've used styled pages.Intelligent style renamingLet Expression Web 2's metadata keep track of style usage, allowing you to rename styles instantly. No find and replace needed.CSS design time preferencesFine-tune how CSS code is generated throughout an application. You have complete control over the details of Expression Web 2's code generation.
  • Drag-and-drop style managementTry out designs with local in-page CSS styles and then easily migrate styles to a central repository using drag and drop.CSS reportingView detailed reports on CSS style usage across sites in the Results pane to keep track of where you've used styled pages.Intelligent style renamingLet Expression Web 2's metadata keep track of style usage, allowing you to rename styles instantly. No find and replace needed.CSS design time preferencesFine-tune how CSS code is generated throughout an application. You have complete control over the details of Expression Web 2's code generation.
  • Now Includes Expression DesignPowerful vector drawing and editing tools in the included copy of Expression Design let you explore new artistic possibilities and create compelling graphic designs and illustrations. Integrate vector artwork and bitmap images in the same document to create hybrid compositions that you can import in part or in whole into Expression Web. Use Expression Design’s powerful layering and slicing features to export your Web site graphics
  • Now Includes Expression DesignPowerful vector drawing and editing tools in the included copy of Expression Design let you explore new artistic possibilities and create compelling graphic designs and illustrations. Integrate vector artwork and bitmap images in the same document to create hybrid compositions that you can import in part or in whole into Expression Web. Use Expression Design’s powerful layering and slicing features to export your Web site graphics
  • Encode Silverlight video for Web streamingQuickly encode and insert high-quality WMV, VC-1 and H.264 Silverlight video into your Web site with a wide range of encoding and transcoding features with the included copy of Expression Encoder. Note that the full Encoder product is included with Expression Web and can be used as a stand-alone professional encoder.(Silverlight .xap files can also be added to Web page so that you can integrate Blend content in a Web site.) Easily add immersive DeepZoom experiences to your siteUse the drag-and-drop tools to insert DeepZoom imagery into your Web site. Supports Silverlight and Seadragon AJAX DeepZoom.
  • Encode Silverlight video for Web streamingQuickly encode and insert high-quality WMV, VC-1 and H.264 Silverlight video into your Web site with a wide range of encoding and transcoding features with the included copy of Expression Encoder. Note that the full Encoder product is included with Expression Web and can be used as a stand-alone professional encoder.(Silverlight .xap files can also be added to Web page so that you can integrate Blend content in a Web site.) Easily add immersive DeepZoom experiences to your siteUse the drag-and-drop tools to insert DeepZoom imagery into your Web site. Supports Silverlight and Seadragon AJAX DeepZoom.
  • XHTML complianceDesign sites to today's exacting standards. It's easy with Expression Web 2's deep support for XHTML.Full schema supportChoose any schema you want to adopt—Expression Web 2 will automatically build appropriate code, and the compatibility checker highlights any non-conforming elements.Real-time standards validationGet instant feedback on standards violations. This means corrections can be made as part of the design process, whether in design or code view.Tag property gridRetrieve and set all valid properties for a selected tag. Access all the power of the HTML language through a single palette.
  • XHTML complianceDesign sites to today's exacting standards. It's easy with Expression Web 2's deep support for XHTML.Full schema supportChoose any schema you want to adopt—Expression Web 2 will automatically build appropriate code, and the compatibility checker highlights any non-conforming elements.Real-time standards validationGet instant feedback on standards violations. This means corrections can be made as part of the design process, whether in design or code view.Tag property gridRetrieve and set all valid properties for a selected tag. Access all the power of the HTML language through a single palette.
  • ASP.NET 3.5Create, edit, and deploy Web pages with deep support for the newly released ASP.NET 3.5 standard. Capture the power of ASP.NET with easy drag-and-drop controls.ASP.NET AJAXAdd rich AJAX support to your websites by dragging and dropping a range of ASP.NET AJAX controls onto your design surface.ASP.NET controlsAccess ASP.NET controls and their associated properties with the same power as Microsoft® Visual Studio® 2008, but rendered within the design surface of Expression Web 2.ASP.NET Master PagesMaintain the correct look of your site with the use of server-rendered ASP.NET master pages to speed up the design process and allow easy site-wide changes. Nested master pages keep you on top of complex designs.No code data bindingUse a drag-and-drop interface that accesses the power of ASP.NET with no coding requirement to visually bind data sources to controls on the design surface. Seamlessly integrate Web design and development teams with the powerful combination of Expression Web 2 and Visual Studio 2008.
  • ASP.NET 3.5Create, edit, and deploy Web pages with deep support for the newly released ASP.NET 3.5 standard. Capture the power of ASP.NET with easy drag-and-drop controls.ASP.NET AJAXAdd rich AJAX support to your websites by dragging and dropping a range of ASP.NET AJAX controls onto your design surface.ASP.NET controlsAccess ASP.NET controls and their associated properties with the same power as Microsoft® Visual Studio® 2008, but rendered within the design surface of Expression Web 2.ASP.NET Master PagesMaintain the correct look of your site with the use of server-rendered ASP.NET master pages to speed up the design process and allow easy site-wide changes. Nested master pages keep you on top of complex designs.No code data bindingUse a drag-and-drop interface that accesses the power of ASP.NET with no coding requirement to visually bind data sources to controls on the design surface. Seamlessly integrate Web design and development teams with the powerful combination of Expression Web 2 and Visual Studio 2008.
  • PHPOpen and edit PHP pages directly in Expression Web and apply the full range of standards-based design tools to PHP.PHP Development SupportPHP 5.2.9, Fast CGIIntellisense, code-coloring and snippetsPreview PHP includes on design surfacePreview PHP pages in any installed browser with built-in development serverMore details at: http://msdn.microsoft.com/en-us/library/cc295181.aspx In response to feedback from Expression Web 1 users, we’ve added a rich set of features for PHP development in Expression Web. There are the expected productivity features such as code-coloring, snippets and IntelliSense™, but it doesn’t stop there. The product now ships with a PHP development server that lets you test your PHP pages without any other external web server dependencies (e.g. IIS or Apache). Essentially, PHP is now a first-class citizen in Expression Web, and will continue to be in upcoming versions of the product. Expression Web supports PHP 5.2.5 and Fast CGI with IIS 6 and 7. Code editor supportIntelliSense is especially helpful for built in PHP functions since it will show the list of required parameters along with their appropriate data types. Color coding of PHP code makes it easier to edit and PHP snippets represent common PHP code items which can be inserted into your PHP document simply by selecting them from a menu list. For example, EW can write for you the entire PHP include if you choose it from the Insert menu and then navigate to the file which you want to include.PHP includesNow you can preview includes on the design surface of Expression Web so you can see how your page will render. Preview PHP PagesAll you need to do is specify the location on your hard disk of the PHP runtime to use for processing PHP content in your web pages. But the real strength of EW's built-in web server is its integration with different browsers. When you select Preview in Browser from the EW menu, you are presented with the choice of various browsers—including browsers preconfigured to different window sizes—in which to view your page.
  • PHPOpen and edit PHP pages directly in Expression Web and apply the full range of standards-based design tools to PHP.PHP Development SupportPHP 5.2.9, Fast CGIIntellisense, code-coloring and snippetsPreview PHP includes on design surfacePreview PHP pages in any installed browser with built-in development serverMore details at: http://msdn.microsoft.com/en-us/library/cc295181.aspx In response to feedback from Expression Web 1 users, we’ve added a rich set of features for PHP development in Expression Web. There are the expected productivity features such as code-coloring, snippets and IntelliSense™, but it doesn’t stop there. The product now ships with a PHP development server that lets you test your PHP pages without any other external web server dependencies (e.g. IIS or Apache). Essentially, PHP is now a first-class citizen in Expression Web, and will continue to be in upcoming versions of the product. Expression Web supports PHP 5.2.5 and Fast CGI with IIS 6 and 7. Code editor supportIntelliSense is especially helpful for built in PHP functions since it will show the list of required parameters along with their appropriate data types. Color coding of PHP code makes it easier to edit and PHP snippets represent common PHP code items which can be inserted into your PHP document simply by selecting them from a menu list. For example, EW can write for you the entire PHP include if you choose it from the Insert menu and then navigate to the file which you want to include.PHP includesNow you can preview includes on the design surface of Expression Web so you can see how your page will render. Preview PHP PagesAll you need to do is specify the location on your hard disk of the PHP runtime to use for processing PHP content in your web pages. But the real strength of EW's built-in web server is its integration with different browsers. When you select Preview in Browser from the EW menu, you are presented with the choice of various browsers—including browsers preconfigured to different window sizes—in which to view your page.
  • Customized views of XML dataDesign customized views of industry-standard XML data using powerful drag-and-drop tools, and see how your data will look within your CSS site design.XSL Transform support (XSLT)Present data using XSLT, even editing views on live XML data. Designers get the flexibility to represent XML data any way they choose.Powerful data manipulationFine-tune the raw data presented on the page with tools to sort, filter, and apply condition formatting.Insert Silverlight, Windows Media and Adobe Flash contentIntegrate rich media into your sites with simple insert commands that add all the necessary additional files and tags.
  • Customized views of XML dataDesign customized views of industry-standard XML data using powerful drag-and-drop tools, and see how your data will look within your CSS site design.XSL Transform support (XSLT)Present data using XSLT, even editing views on live XML data. Designers get the flexibility to represent XML data any way they choose.Powerful data manipulationFine-tune the raw data presented on the page with tools to sort, filter, and apply condition formatting.Insert Silverlight, Windows Media and Adobe Flash contentIntegrate rich media into your sites with simple insert commands that add all the necessary additional files and tags.
  • Import Adobe Photoshop filesInclude artwork created in Adobe Photoshop with full control over layer importing and memorized settings to import revised artwork with the same settings. Enhancements for v3 include transparency support and Expression Web will prompt you when the source PSD file changes.
  • Import Adobe Photoshop filesInclude artwork created in Adobe Photoshop with full control over layer importing and memorized settings to import revised artwork with the same settings. Enhancements for v3 include transparency support and Expression Web will prompt you when the source PSD file changes.
  • When we developed Expression Web 3, we focused on two main areas:Productivity for Web developersEasier integration of Rich MediaProductivity for developers, specifically in the areas of visual diagnostics (SuperPreview and Snapshot Preview), Publishing, Photoshop file import, and integration with Visual Studio.SuperPreview provides cross-browser visual diagnosticsDebug your pages in multiple browsers on the same machine that you use for development, with SuperPreview. SuperPreview is a visual debugging tool that helps you visualize and understand how pages display on multiple browsers, including IE6 - 8 and Firefox. You can even overlay your page on top of your Photoshop comp to verify your coding.Snapshot Preview saves debugging timeSnapshot Preview provides a high-fidelity browser preview that updates live as you edit your code, saving you the time and effort of loading the page in a browser for each code change.Import Adobe Photoshop filesInclude artwork created in Adobe Photoshop with full control over layer importing and memorized settings to import revised artwork with the same settings. Enhancements for v3 include transparency support and Expression Web will prompt you when the source SPD file changes.Publishing FlexibilityChoose the FTP method for publishing your site, whether FTP, SFTP, or FTPS, depending on what your Web server requires. Also, Expression Web can do “live” on-server edits via FTP, which saves time and cost, while also reducing errors.Visual Studio Team Foundation Server integrationIf you're part of a workgroup that uses Visual Studio Team Foundation Server, Expression Web now supports source control for your Web site files.Easier integration of Rich Media with the ability to encode and insert Silverlight video with the included Expression Encoder, insert Silverlight or Seadragon AJAX DeepZoom, and the inclusion of Expression Design Encode Silverlight video for Web streamingQuickly encode and insert high-quality WMV, VC-1 and H.264 Silverlight video into your Web site with a wide range of encoding and transcoding features with the included copy of Expression Encoder.  Easily add immersive DeepZoom experiences to your siteUse the drag-and-drop tools to insert DeepZoom imagery into your Web site.Now Includes Expression DesignPowerful vector drawing and editing tools in the included copy of Expression Design let you explore new artistic possibilities and create compelling graphic designs and illustrations. Integrate vector artwork and bitmap images in the same document to create hybrid compositions that you can import in part or in whole into Expression Web. Use Expression Design’s powerful layering and slicing features to export your Web site graphics
  • When we developed Expression Web 3, we focused on two main areas:Productivity for Web developersEasier integration of Rich MediaProductivity for developers, specifically in the areas of visual diagnostics (SuperPreview and Snapshot Preview), Publishing, Photoshop file import, and integration with Visual Studio.SuperPreview provides cross-browser visual diagnosticsDebug your pages in multiple browsers on the same machine that you use for development, with SuperPreview. SuperPreview is a visual debugging tool that helps you visualize and understand how pages display on multiple browsers, including IE6 - 8 and Firefox. You can even overlay your page on top of your Photoshop comp to verify your coding.Snapshot Preview saves debugging timeSnapshot Preview provides a high-fidelity browser preview that updates live as you edit your code, saving you the time and effort of loading the page in a browser for each code change.Import Adobe Photoshop filesInclude artwork created in Adobe Photoshop with full control over layer importing and memorized settings to import revised artwork with the same settings. Enhancements for v3 include transparency support and Expression Web will prompt you when the source SPD file changes.Publishing FlexibilityChoose the FTP method for publishing your site, whether FTP, SFTP, or FTPS, depending on what your Web server requires. Also, Expression Web can do “live” on-server edits via FTP, which saves time and cost, while also reducing errors.Visual Studio Team Foundation Server integrationIf you're part of a workgroup that uses Visual Studio Team Foundation Server, Expression Web now supports source control for your Web site files.Easier integration of Rich Media with the ability to encode and insert Silverlight video with the included Expression Encoder, insert Silverlight or Seadragon AJAX DeepZoom, and the inclusion of Expression Design Encode Silverlight video for Web streamingQuickly encode and insert high-quality WMV, VC-1 and H.264 Silverlight video into your Web site with a wide range of encoding and transcoding features with the included copy of Expression Encoder.  Easily add immersive DeepZoom experiences to your siteUse the drag-and-drop tools to insert DeepZoom imagery into your Web site.Now Includes Expression DesignPowerful vector drawing and editing tools in the included copy of Expression Design let you explore new artistic possibilities and create compelling graphic designs and illustrations. Integrate vector artwork and bitmap images in the same document to create hybrid compositions that you can import in part or in whole into Expression Web. Use Expression Design’s powerful layering and slicing features to export your Web site graphics
  • New price to make Expression Web more broadly available. Former price was $299 Full product.Note that this price is less than 50% of Dreamweaver’s listed price (DW is $399 full, $199 upgrade). Dreamweaver, as a stand alone product, doesn’t include any added-value professional applications as Expression Web does. Expression Web includes two full professional products:Microsoft® Expression® Design 3 is the perfect companion to Expression Web. Leverage existing artwork, or use intuitive drawing tools to quickly build sophisticated vector assets. Seamlessly transfer them to your Expression Web projects knowing that their fidelity will be maintained throughout the entire designer-developer workflow. Microsoft® Expression® Encoder 3 encodes a wide array of video file formats so you can stream live video from webcams and camcorders or screen capture your PC. Make simple edits to video files and enhance your media with overlays and advertising. Choose encoding settings, choose from a range of player templates and publish rich media experiences with Microsoft Silverlight. While Expression Encoder is a stand-alone product, it is also integrated with Expression Web so that you can easily insert and encode Silverlight video directly into your Web pages.To achieve similar functionality with Adobe products, user would have to buy Illustrator + Premiere or Flash (to get an encoder) for $1,298 full and $398 upgrade. Alternatively, user could buy Creative Suite Web Premium or Standard for $999/$1,699 full and $399/$599 upgrade, but they would still need to buy a video encoder.General availability of English product will be in mid Summer, 2009. Localized products should be available within 60 days of US general availability.
  • 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 />

    ×