Microsoft Expression Web - Illustrated

Unit A: Getting Started With Microsoft Expression Web

Objectives

Understand Web design softwareStart Microsoft Expression WebExplore the Expression Web workspaceOpen a Web page and preview it in a browser

Microsoft Expression Web - Illustrated

Objectives

Work with views and task panesView Web page elements and visual aidsGet helpPrint and close a page and exit Expression Web

Microsoft Expression Web - Illustrated

Understanding Web Design Software

Using Expression Web, you can:Create Web pages and Web sites A Web page is essentially a text file written in

HTML A Web site is a collection of related Web pages Sites and pages are viewed through a Web

browser

See what your site will look like as you design it WYSIWYG

Microsoft Expression Web - Illustrated

Understanding Web Design Software

Add text, images, multimedia files, and scripts to Web pagesWeb standardsRecommendations for creating Web

pagesExpression Web works to write

code that correctly follows Web standards

Microsoft Expression Web - Illustrated

Understanding Web Design Software

Cascading Style Sheets (CSS) Rules that describe the visual design

and presentation of a page

Publish your Web site Publishing a site means copying the

pages and files from your computer to a Web server

Web server• Computer connected to the Internet

that stores Web content and displays it to a Web browser

Microsoft Expression Web - Illustrated

Starting Microsoft Expression Web

Click the Start buttonPoint to All ProgramsClick Microsoft Expression Web

ORDouble-click a Microsoft Expression Web shortcut located on the desktop

Microsoft Expression Web - Illustrated

Exploring the Expression Web Workspace

Title barMenu barCommon toolbarTask panesEditing window Quick tag selector bar Show Design View, Show Split View, Show

Code View

Status Bar

Microsoft Expression Web - Illustrated

Exploring the Expression Web Workspace

Microsoft Expression Web - Illustrated

Exploring the Expression Web Workspace

Microsoft Expression Web - Illustrated

Opening a Web Page and Previewing It in a Browser

Open either individual Web pages or an entire Web siteUse the Preview feature to check your pages as you workRemember to save Web pages before previewing them

Microsoft Expression Web - Illustrated

Opening a Web Page and Previewing It in a Browser

Microsoft Expression Web - Illustrated

Web Page Previews

Working with Views and Task Panes

Three views Design

• Shows what a page will look like in a browser

• Default viewCode

• Displays the HTML code the page is written in

• Useful for writing, revising, or identifying trouble spots

Split• Combination of the above views• Helpful for debugging or finding problems

Microsoft Expression Web - Illustrated

Working with Views and Task Panes

Task PanesAppear in all viewsInclude essential tools for building

Web sitesCan be rearranged to suit your

working style

Microsoft Expression Web - Illustrated

Working with Views and Task Panes

Microsoft Expression Web - Illustrated

Viewing Web Page Elementsand Visual Aids

Microsoft Expression Web - Illustrated

Visual AidsAllow you to see and modify empty or

invisible elements of a page while in Design view

Getting Help

Opening the Help WindowPress [F1]Click Help on the menu barType a question or term in the Type

a question for help box in the upper-right corner of the program window.

Microsoft Expression Web - Illustrated

Printing and Closing a Page and Exiting Expression Web

Print Web pages as they look when printed in browsersBackground colors and images will not

print

Microsoft Expression Web - Illustrated

Printing and Closing a Page and Exiting Expression Web

Remember to close your Web page or site before exiting Expression Web

Microsoft Expression Web - Illustrated