EXPRESSION EXPRESSION WEBWEB

Onkar Bhat KMicrosoft Student Partner 8th sem, Dept of Information ScienceRVCE

What is Expression Web?

• Creating sophisticated applications and content for you as a designer.

• Faster and richer interface development for windows applications or web sites that you may design.

THE AGENDA

• User Experience• The Tool• Standards Support• Methods of Designing• Cascaded Style Sheets• Demo

Designer – Developer Collaboration

• Microsoft Tools for Designers & Developers

• Declarative Programming through XAML

• Third Party Tools (e.g. Aurora by Mobiform, ZAM 3D by Electric Rain)

Designers design

With XAML designers & developers can streamline

their collaboration

Developers add business logic

Designer – Developer Productivity

User Experience Defines Market Categories

6

DEMO

INTRODUCTION TO EXPRESSION WEB STANDARDS BASED WEB- SITES, CSS BASED LAYOUT,FORMATTING AND STYLES

Cascaded Style Sheets

Cascading style sheets (CSS) give you control over the presentation of your web pages

Types• External css• Internal css• Inline css

Styles:

• Class based• Element based• Id based

Pros

• Relatively easy learning curve, especially for users experienced with FrontPage2003

• Excellent Integration with VS2005 and other ASP.NET 2.0 Development environments

• Includes ASP.NET development server eliminating need for a dedicated web server

• Advanced support for PHP• Supports Silverlight, Flash, Photoshop import,

Ajax

Cons

• Does not render include files. Dreamweaver automatically renders them

• Doesn’t have a MAC version

• It is possible to open ASP.NET 2.0 files in Dreamweaver but true support for the platform is not present

Microsoft Expression Web gives Dreamweaver a Run For Its Money

-InformationWeek

• Brian Wood is a long time Dreamweaver developer who is director of training at Evolve, an Adobe-authorized learning centre in Seattle. With a foot in both worlds, he’s also a moderator of Expression Web’s online beta forum and is helping testers.

• “The biggest thing going for Expression Web,honestly, are the CSS capabilities,”Wood says.”The program does a great job of supporting Web standards.I can click something and see what properties apply to it and what it’s inherited

• As a trainer , Wood particularly likes the fact that Expression Web’s design view renders HTML and XHTML code somewhat more accurately on-screen than Dreamweaver seems able to.” There are a few things in there that make Dreamweaver’s previews look slightly different from the same code viewed in a standalone browser, such as IE or Firefox.

Resources

Microsoft Expression public site:• http://www.microsoft.com/expression

.Net 3.0 framework reference library:• http://msdn.microsoft.com/library

Windows Presentation Foundation:• http://msdn.microsoft.com/windowsvista/building/

presentation/

QUESTIONS?