EXPRESSION WEB Onkar Bhat K Microsoft Student Partner 8 th sem, Dept of Information Science RVCE

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.

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

User Experience

The Tool

Standards Support

Methods of Designing

Cascaded Style Sheets

Demo

Designer – Developer Collaboration

Designer – Developer Productivity 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

Microsoft Tools for Designers & Developers

Declarative Programming through XAML

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

With XAML designers & developers can streamline their collaboration

User Experience Defines Market Categories

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

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

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

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

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.

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

“ 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.

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/

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?

QUESTIONS?