Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web

Objectives Understand Web design software Start Microsoft Expression Web Explore the Expression Web workspace Open a Web page and preview it in a browser Microsoft Expression Web - Illustrated

Objectives Work with views and task panes View Web page elements and visual aids Get help Print 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 pages Web standards   Recommendations for creating Web pages   Expression 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 button Point to All Programs Click Microsoft Expression Web OR Double-click a Microsoft Expression Web shortcut located on the desktop Microsoft Expression Web - Illustrated

Exploring the Expression Web Workspace Title bar Menu bar Common toolbar Task panes Editing 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 site Use the Preview feature to check your pages as you work Remember 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 view   Code 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 Panes   Appear in all views   Include essential tools for building Web sites   Can be rearranged to suit your working style Microsoft Expression Web - Illustrated

Working with Views and Task Panes Microsoft Expression Web - Illustrated

Viewing Web Page Elements and Visual Aids Microsoft Expression Web - Illustrated Visual Aids   Allow you to see and modify empty or invisible elements of a page while in Design view

Getting Help Opening the Help Window   Press [F1]   Click Help on the menu bar   Type 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 browsers   Background 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