1 / 19

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

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

colman
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Microsoft Expression Web - IllustratedUnit A: Getting Started With Microsoft Expression Web

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

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

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

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

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

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

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

  9. Exploring the Expression Web Workspace Microsoft Expression Web - Illustrated

  10. Exploring the Expression Web Workspace Microsoft Expression Web - Illustrated

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

  12. Opening a Web Page and Previewing It in a Browser Web Page Previews Microsoft Expression Web - Illustrated

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

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

  15. Working with Views and Task Panes Microsoft Expression Web - Illustrated

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

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

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

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

More Related