Creating an External Style Sheet Module 5: Beyond the Basics with Expression Web LESSON 8.

Slides:

Advertisements

Similar presentations

Microsoft Expression Web-Illustrated Unit K: Working with Behaviors.

Advertisements

1 After completing this lesson, you will be able to: Search for information on the Web. Create a favorites list. Use and modify your History folder.

1 After completing this lesson, you will be able to: Create a new presentation using a design template. Enter text in the Slide pane. Create a new slide.

MS-Word XP Lesson 7.

MS-Word XP Lesson 1.

Using Advanced Cascading Style Sheets

WORKING SMART Crystal M. Thomas Henrico County DSS (804) POSSESS Central Region Member October 31, 2007.

Excel Tutorial 6 Managing Multiple Worksheets and Workbooks

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

Access Lesson 2 Creating a Database

Copyright 2003, Paradigm Publishing Inc. CHAPTER 6 BACKNEXTEND 6-1 LINKS TO OBJECTIVES Create and Rename a Folder Create and Rename a Folder Delete Workbooks.

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

1 of 6 Parts of Your Notebook Below is a graphic overview of the different parts of a OneNote 2007 notebook. Microsoft ® OneNote ® 2007 notebooks are digital.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 9 1 Microsoft Office FrontPage 2003 Tutorial 9 – Using Layout Tables, Styles, and Office.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

Office 2003 Advanced Concepts and Techniques M i c r o s o f t Outlook Project 2 Scheduling Management and Instant Messaging Using Outlook.

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

Chapter 9 Macros, Navigation Forms, PivotTables, and PivotCharts

Chapter 2 Querying a Database

CIS 205—Web Design & Development Integration Chapter 1.

Guided Lesson.  In this lesson, you will learn how to modify existing bullets, insert new bulleted and numbered lists, select symbols as bullets, and.

Embedding Windows Media Player Controls First, you need to add the Developer Tab in PowerPoint. 1. Click on File and choose Options. 2. In the categories.

Transferring Course Materials to the Web. Creating a Web Site With a Template To create a Web site with a template 1.Start FrontPage. 2.On the File menu,

© 2010 Delmar, Cengage Learning Chapter 7 Using Styles and Style Sheets for Design.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.

Lesson 13: Building Web Forms Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.

Chapter 3 Working with Text and Cascading Style Sheets.

Access Lesson 2 Creating a Database

Chapter 2 Querying a Database MICROSOFT ACCESS 2010.

© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 22 Macros.

Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.

GUIDED LESSON HYPERLINKS. OBJECTIVE In this lesson, you will learn the basics of working with hyperlinks, including how to insert and remove them in your.

Website Development with Dreamweaver

Preview four Pages Click Here-----Click and Drag to Select 4 pages.

Microsoft Expression Web-Illustrated Unit I: Working with Tables.

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.

1 of 8 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

MS-Word XP Lesson 9. Mail Merge The Mail Merge feature combines a list of data, typically name and address that is contained in one file with a document.

© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 13 Templates.

Microsoft ® Outlook 2000 Managing and Integrating Outlook Components.

Website Editing From Gingerweb The Image Gallery.

Microsoft Outlook 2010 Chapter 3 Managing Contacts and Personal Contact Information with Outlook.

1 After completing this lesson, you will be able to: Change the layout of a slide. Insert a clip art image. Scale an image. Insert and format a Microsoft.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7 1 Microsoft Office FrontPage 2003 Tutorial 7 – Creating and Using Templates in a Web.

Adding Multimedia to Expression Web Module 5: Beyond the Basics with Expression Web LESSON Ext2.

Access Lesson 11 Creating and Running Macros Microsoft Office 2010 Advanced Cable / Morrison 1.

FrontPage Tutorial Part 2 Creating a Course Web Site.

Creating a Dynamic Web Page Template Module 5: Beyond the Basics with Expression Web LESSON 10.

Getting Started with Word & Saving Guided Lesson.

Microsoft Expression Web-Illustrated Unit F: Enhancing a Design with CSS.

1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.

MICROSOFT ONENOTE ADVANCED MODULE 1 EXPLORE ONENOTE 2010  Navigate in the OneNote program window  Work in the OneNote program window  Explore.

1 Microsoft Project 2003 Starting a New Project. 2 Creating a new project plan To start Microsoft Project, click the Windows Start menu. Point to All.

1 After completing this lesson, you will be able to: Open a file. Navigate through a document. Scroll through a document. Insert text in a document. Select.

Using CSS to Create Some Style Module 5: Beyond the Basics with Expression Web LESSON 5.

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

1 SAVE A DRAWING AS A TEMPLATE TO REUSE: SETTINGS, DRAWING SHEETS, LAYOUTS, STYLES WITHOUT RECREATING THEM IN EACH NEW DRAWING. TO REUSE: SETTINGS, DRAWING.

Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.

Creating Web Pages with Links, Images, and Embedded Style Sheets

1 After completing this lesson, you will be able to: Use a Word template. Create a template. Use a wizard to create a document.

Lesson 16-Templates and Wizards. Overview Use Word templates. Create new templates. Attach templates to documents. Modify templates. Use the Organizer.

Lesson 1: Learning Worksheet Fundamentals Microsoft Office Excel 2003 Lesson 1 Learning Worksheet Fundamentals.

About SharePoint Server 2007 My Sites

After completing this lesson, you will be able to:

Module 6: Creating Web Pages and Working with Channels

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

Tutorial 8 Sharing, Integrating, and Analyzing Data

Presentation transcript:

Creating an External Style Sheet Module 5: Beyond the Basics with Expression Web LESSON 8

Module 5: Beyond the Basics with Expression Web LESSON 8 Lesson Overview In this lesson, you will:  Create an external style sheet.

Module 5: Beyond the Basics with Expression Web LESSON 8 Guiding Question:  In Module 3, you learned that one of the principles of design is repetition. One way to incorporate repetition in a Web site is through consistency.  What tool did you learn about in Module 2 that can help a designer create consistency between several pages of a site?

Module 5: Beyond the Basics with Expression Web LESSON 8 Project Continue to work with your Current Event project. Create an external style sheet and a Dynamic Web Template for creating additional Web pages.

Module 5: Beyond the Basics with Expression Web LESSON 8 Why use an External Style Sheet?  Saves time for the designer  Employs the design principle of repetition between pages of a Web site  Defines styles to be used across multiple Web pages  Style remains consistent between the pages of the Web site

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating an External Style Sheet 1. Click on the File menu and point to New and choose CSS  A blank page will open but DO NOT add anything to this page.

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating an External Style Sheet 1. Click on the File menu and choose Save. 2. In the Save As dialog box, enter the name of your style sheet followed by.css. 3. Click Save.

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating an External Style Sheet 1. Use the File Tabs or the Folder List to navigate to your homepage (index.html). 2. Click Attach Style Sheet in the Apply Styles or Manage Styles task panes.

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating an External Style Sheet 1. In the Attach Style Sheet dialog box, click the Browse button. 2. In the Select Style Sheet dialog box, find the name of the newly created style sheet and click Open.

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating an External Style Sheet 1. In the Attach Style Sheet dialog box, click OK

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating an External Style Sheet 1. In the Manage Styles task pane, click on the first style. 2. Hold down the Shift key while clicking on the last style.

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating an External Style Sheet 1. Drag all the selected styles to the newly named css category. 2. Save the work by clicking on File and Save. 3. In the Save Embedded Files dialog box, click OK.

Module 5: Beyond the Basics with Expression Web LESSON 8 Creating New Web Pages Using the External Style Sheet  Additional pages can be styled with a style sheet for a consistent look and feel throughout the site.  Web designers use templates to create additional Web pages.  Sections of the template can be reserved for new text or other images to be added to the Web page.  These types of Web page templates are called Dynamic Web Templates.

Module 5: Beyond the Basics with Expression Web LESSON 8 Assignment  Create your own external style sheet for your Current Event Web page.