LESSON 1
Module 5: Beyond the Basics with Expression Web
Headlines and Background
Color
LESSON 1
Module 5: Beyond the Basics with Expression Web
Lesson Overview
In this lesson, you will:
Explore the Expression Web work area
Differentiate between design, code, and split views
Create a Web page with various heading sizes
LESSON 1
Module 5: Beyond the Basics with Expression Web
Expression Web Work Environment
Common
Toolbar
File
ToolBox
Tabs Bread Crumb
Folder
Trail
List
Tag and CSS Property Task
Panes
View Tabs
LESSON 1
Module 5: Beyond the Basics with Expression Web
Split View
LESSON 1
Module 5: Beyond the Basics with Expression Web
Headlines
For each
headline,
highlight the text,
then choose New
Style, and select
the desired
characteristics.
LESSON 1
Module 5: Beyond the Basics with Expression Web
Headlines
The colors will be chosen in the EW styles
Headline styles range from h1
to h2
to h3
to h4
to h5
to h6
Rendered View:
LESSON 1
Module 5: Beyond the Basics with Expression Web
How do I change the background color?
To change the background color on the page, use the body tag.
LESSON 1
Module 5: Beyond the Basics with Expression Web
Assignment
Create a simple Web page to illustrate various headline styles.
LESSON 1
Module 5: Beyond the Basics with Expression Web
Lesson Review
Identify the various parts of the Expression Web work environment.
Why would a designer use the split view?
How many heading sizes are there? Which is the largest?
How is the background color changed?