Introduction: Enrich your pages with style sheets and page templates
This tutorial teaches you how to define the look and feel of a Web site with style sheets and page templates.
There are six separate lessons in this tutorial, each with its own set of learning objectives. You can watch the movies in any order.
Learning objectives
In this tutorial, you will develop a Web site for a group of movie theaters. While watching the tutorial, you will learn these things:
- The difference between style sheets and page templates
- The difference between common and content areas
- How to apply page templates and style sheets to Web pages
Time required
This tutorial should take approximately 20 minutes to finish. If you explore other concepts related to this tutorial, it could take longer to complete.
Skill level
Beginner
Audience
Web designers, Web developers
System requirements
To perform the tasks demonstrated in this tutorial, you need to have the following tools and components installed:
- Web development tools
Prerequisites
To complete this tutorial, you should be familiar with these subjects:It will also help if you understand these tasks:
- Basic Web design concepts, such as Web sites, pages, and browsers
- How to create a simple static Web page
- The elements of a Web page, such as tables, hyperlinks, and images
- How to use the perspectives and views of the workbench
- How to edit a Web page's HTML code
Lessons in this tutorial
- Lesson 1: Create a page template
This video shows you how to create a page template, lay out the page template and add images to the page template.- Lesson 2: Add dynamic navigation and a content area
This video shows you how to add navigation bars, content areas, and background colors.- Lesson 3: Create pages and apply the template
This video shows you how to apply page templates and format text in content areas.- Lesson 4: Add content to pages and edit the page template
This video shows you how to add tables to content areas, add a navigation trail to the page template, and view the generated navigation links.- Lesson 5: Create a style sheet
This video shows you how to create style sheets and add style rules.- Lesson 6: Apply the style sheet to the Web site
This video shows you how to apply style sheets to page templates and define styles using CSS classes.