Introducing the new features in Expression Web 3
Download as PPTX, PDF0 likes2,407 views
Expression Web 3 is a professional web design and development tool that allows users to create standards-compliant websites faster and easier. It features an intelligent code editor, cross-browser debugging tools, CSS design features, and the ability to integrate graphics, video, and other media types. Expression Web 3 also offers improved publishing options and support for additional web technologies and frameworks like Silverlight, PHP, and ASP.NET.
Introducing the new features in Expression Web 3
- 1. Expression Web 3Christophe Lauer – http://twitter.com/CLaueRBusiness Devpt Manager w/ Web AgenciesMicrosoft France
- 2. Expression Web 3Professionaldesign and development tool for creating modernstandards-based Web sitesCreate standards-based Web sites faster & easierProfessional code editor with IntellisenseSuperPreview cross-browser debugging tool renders pages on multiple browsers on developer’s machine (NEW)Snapshot Preview shows a single browser updated as you code (NEW)CSS diagnostics & accessibility checkerBuild compelling Web sites that deliver resultsSophisticated CSS design toolsProfessional editable design surfaceIncludes Expression Design for professional vector graphics (NEW)Includes Expression Encoder for professional video encoding (NEW)Insert Silverlight video and add DeepZoom experiences (NEW)Broad support for essential Web technologiesSupports X/HTML, CSS, ASP.NET, ASP.NET AJAX, PHP, JavaScriptBroad Web standards & schema supportSilverlight, Flash , Windows Media, Photoshop filesPublish sites with FTPS, SFTP, WebDAV (NEW)Visual Studio TFS integration for file source control (NEW)2
- 3. PROFESSIONALCODE EDITORMakes you more productive writing and debugging codeIntellisense, code coloring, and snippets for HTML, CSS, PHP & JavaScript aids adding valid codePreview ASP.NET & PHP pages with the included develop-ment server
- 4. SPEED DEBUGGING WITH SUPERPREVIEWDebug pages on multiple browsers with your development machineSupports IE6/7/8 & FirefoxMultiple browser renderings side-by- side or onion-skin overlayElement position, size, & DOM tree propertiesCompare Web page with PSD comp
- 5. SNAPSHOTPREVIEW YOUR CODEDebug your pages with a high-fidelity browser image that updates real-time as you codeNo need to preview page in a browserAbsolute image fidelity for IE6/7/8 or FirefoxSupports HTML, ASP.NET, & PHP pages
- 6. NOW SERVINGPreview ASP.NET and PHP pages locallyQuickly preview pages with installed browsersNo need to installed a separate Web serverIncluded ASP.NET and PHP development server.FPO
- 7. FLEXIBLESITE PUBLISHINGPublish your site from Expression Web to any serverFTP, SFTP, FTPS, WebDAVPublish to multiple destinations simultaneouslyParallel file transfer speeds uploadLive on-server edits
- 8. ACCESS FOR EVERYONEOptimize your sites for accessibilityAccessibility 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.
- 9. PIXEL PERFECTMake design decisions with confidence Professional Design SurfaceBuilt-in CSS rendering engineDirectly manipulate positioning, sizing, margins and paddingVisual support for ASP.NET Master, Pages, User Controls and PHP Includes Expression Design 3 professional graphics tool
- 10. VISUALIZE YOUR STYLESophisticated CSS design features for visual designDrag-and-drop style managementDetailed reports on CSS usageIntelligent style renamingFine-tune CSS code generation
- 11. INCLUDES PROFESSIONAL GRAPHICS TOOLSExpression Design 3 for professional graphics Flexible vector drawingHigh quality effectsSeamless workflow with Expression WebExport to Silverlight, PSD, PDF, others
- 12. LIGHT UP YOUR SITE WITH SILVERLIGHTVIDEO&DEEPZOOMEasily encode and add Silverlight video & add DeepZoom experiences Encode WMV, AVI, QuickTime, MPEG with included Expression EncoderChoose output format based on Web site bandwidth. Supports VC-1 & H.264Insert DeepZoom imagery for immersive Web experiences
- 13. PASSIONATE ABOUT STANDARDSBuilt-in support for today's modern web standardsXHTML complianceFull schema supportReal-time standards validationCSS properties paletteXHTML Tag property grid
- 14. VISUAL PROGRAMMINGCapture the Power of ASP.NET and ASP.NET AJAXEasy drag-and-drop controls, rendered on the design surfaceAccess ASP.NET control propertiesVisually bind data sources to controls on the design surface Seamlessly integrate with Visual StudioFPO
- 15. YES, PHPOpen and edit PHP pages directly in Expression WebIntellisense, code-coloring and snippetsApply the full range of standards-based design tools to PHPPreview PHP includes on design surfacePreview PHP pages with built-in development server
- 16. INTEGRATE MEDIAIntegrate rich media into your sitesPrototype design with custom views of XML dataXSL Transform support (XSLT)Sort, filter, and apply conditional formatting to raw dataInsert Silverlight, Windows Media, Photoshop, ASP.NET AJAX, and Flash content
- 17. YES, PHOTOSHOPImport Adobe Photoshop filesImport Adobe Photoshop files with transparency and full control over cropping, slicing, & layer importingExpression Web prompts when source file changesMemorized settings to import revised artwork with the same settings
- 18. NEW IN EXPRESSION WEB 3Visual diagnosticsSuperPreview renders pages on multiple browsers on developer’s machineSnapshot Preview shows exactly how a page renders in a browser and updates real-time with coding changesEasily encode and insert Silverlight video with included Expression EncoderIncludes Expression Design for professional vector graphicsInsert Silverlight or Seadragon AJAX Deep Zoom experiencesImport, crop, and slice Photoshop files with transparencyFlexible site publishing: FTP, SFTP, FTPS, WebDAVVisual Studio TFS integration for source control
- 19. Pricing & language availabilityNew Pricing$149 (USD) Full Product$79 UpgradeAny Microsoft Expression productAny Adobe Creative Suite productAny Microsoft Office productLanguagesEnglishFrenchGermanItalianSpanishChinese SimplifiedChinese TraditionalJapaneseKorean
- 20. Thankyou!Votre potentiel, notre passion TM
Editor's Notes
- #4: 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.
- #5: 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.
- #6: 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.