20
Expression Web 3 Christophe Lauer – http://twitter.com/CLaueR Business Devpt Manager w/ Web Agencies Microsoft France

Introducing the new features in Expression Web 3

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Introducing the new features in Expression Web 3

Expression Web 3Christophe Lauer – http://twitter.com/CLaueRBusiness Devpt Manager w/ Web AgenciesMicrosoft France

Page 2: Introducing the new features in Expression Web 3

Expression Web 3

• Create standards-based Web sites faster & easier

• Professional code editor with Intellisense• SuperPreview 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 checker

• Build compelling Web sites that deliver results• Sophisticated CSS design tools• Professional editable design surface• Includes 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 technologies• Supports X/HTML, CSS, ASP.NET, ASP.NET AJAX, PHP, JavaScript• Broad Web standards & schema support• Silverlight, Flash , Windows Media, Photoshop files• Publish sites with FTPS, SFTP, WebDAV (NEW)• Visual Studio TFS integration for file source control (NEW)

2

Professional design and development tool for creating modernstandards-based Web sites

Page 3: Introducing the new features in Expression Web 3

Makes you more productive writing and debugging codePROFESSIONAL CODE EDITOR

• Intellisense, code coloring, and snippets for HTML, CSS, PHP & JavaScript aids adding valid code

• Preview ASP.NET & PHP pages with the included develop-ment server

Page 4: Introducing the new features in Expression Web 3

Debug pages on multiple browsers with your development machine

SPEED DEBUGGING WITH SUPERPREVIEW

• Supports IE6/7/8 & Firefox

• Multiple browser renderings side-by- side or onion-skin overlay

• Element position, size, & DOM tree properties

• Compare Web page with PSD comp

Page 5: Introducing the new features in Expression Web 3

Debug your pages with a high-fidelity browser image that updates real-time as you code

SNAPSHOT PREVIEW YOUR CODE

• No need to preview page in a browser

• Absolute image fidelity for IE6/7/8 or Firefox

• Supports HTML, ASP.NET, & PHP pages

Page 6: Introducing the new features in Expression Web 3

Preview ASP.NET and PHP pages locally

FPO

NOW SERVING

• Quickly preview pages with installed browsers

• No need to installed a separate Web server

• Included ASP.NET and PHP development server.

Page 7: Introducing the new features in Expression Web 3

Publish your site from Expression Web to any server

FLEXIBLE SITE PUBLISHING

• FTP, SFTP, FTPS, WebDAV

• Publish to multiple destinations simultaneously

• Parallel file transfer speeds upload

• Live on-server edits

Page 8: Introducing the new features in Expression Web 3

Optimize your sites for accessibility

ACCESS FOR EVERYONE

Accessibility Checking

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.

Page 9: Introducing the new features in Expression Web 3

Make design decisions with confidence

PIXEL PERFECT

• Professional Design Surface

• Built-in CSS rendering engine

• Directly manipulate positioning, sizing, margins and padding

• Visual support for ASP.NET Master, Pages, User Controls and PHP

• Includes Expression Design 3 professional graphics tool

Page 10: Introducing the new features in Expression Web 3

Sophisticated CSS design features for visual design

VISUALIZE YOUR STYLE

• Drag-and-drop style

management

• Detailed reports on CSS

usage

• Intelligent style renaming

• Fine-tune CSS code

generation

Page 11: Introducing the new features in Expression Web 3

Expression Design 3 for professional graphics

INCLUDES PROFESSIONAL GRAPHICS TOOLS

• Flexible vector drawing

• High quality effects

• Seamless workflow with Expression Web

• Export to Silverlight, PSD, PDF, others

Page 12: Introducing the new features in Expression Web 3

Easily encode and add Silverlight video & add DeepZoom experiences

LIGHT UP YOUR SITE WITH SILVERLIGHT VIDEO & DEEPZOOM

• Encode WMV, AVI, QuickTime, MPEG with included Expression Encoder

• Choose output format based on Web site bandwidth. Supports VC-1 & H.264

• Insert DeepZoom imagery for immersive Web experiences

Page 13: Introducing the new features in Expression Web 3

Built-in support for today's modern web standards

PASSIONATE ABOUT STANDARDS

• XHTML compliance

• Full schema support

• Real-time standards validation

• CSS properties palette

• XHTML Tag property grid

Page 14: Introducing the new features in Expression Web 3

Capture the Power of ASP.NET and ASP.NET AJAX

FPO

VISUAL PROGRAMMING

• Easy drag-and-drop controls, rendered on the design surface

• Access ASP.NET control properties

• Visually bind data sources to controls on the design surface Seamlessly integrate with Visual Studio

Page 15: Introducing the new features in Expression Web 3

Open and edit PHP pages directly in Expression Web

YES, PHP

• Intellisense, code-coloring and snippets

• Apply the full range of standards-based design tools to PHP

• Preview PHP includes on design surface

• Preview PHP pages with built-in development server

Page 16: Introducing the new features in Expression Web 3

Integrate rich media into your sites

INTEGRATE MEDIA

• Prototype design with custom views of XML data

• XSL Transform support (XSLT)

• Sort, filter, and apply conditional formatting to raw data

• Insert Silverlight, Windows Media, Photoshop, ASP.NET AJAX, and Flash content

Page 17: Introducing the new features in Expression Web 3

Import Adobe Photoshop files

YES, PHOTOSHOP

• Import Adobe Photoshop files with transparency and full control over cropping, slicing, & layer importing

• Expression Web prompts when source file changes

• Memorized settings to import revised artwork with the same settings

Page 18: Introducing the new features in Expression Web 3

NEW IN EXPRESSION WEB 3

• Visual diagnostics• SuperPreview renders pages on multiple browsers

on developer’s machine• Snapshot Preview shows exactly how a page

renders in a browser and updates real-time with coding changes

• Easily encode and insert Silverlight video with included Expression Encoder

• Includes Expression Design for professional vector graphics

• Insert Silverlight or Seadragon AJAX Deep Zoom experiences

• Import, crop, and slice Photoshop files with transparency

• Flexible site publishing: FTP, SFTP, FTPS, WebDAV

• Visual Studio TFS integration for source control

Page 19: Introducing the new features in Expression Web 3

PRICING & LANGUAGE AVAILABILITY

• New Pricing• $149 (USD) Full Product• $79 Upgrade• Any Microsoft Expression product• Any Adobe Creative Suite product• Any Microsoft Office product

• Languages• English• French• German• Italian• Spanish• Chinese Simplified• Chinese Traditional• Japanese• Korean

Page 20: Introducing the new features in Expression Web 3

Thank you!

Votre potentiel, notre passion TM