HTML and CSS Reference
In-Depth Information
Overview
As you read this chapter, you will learn how to create the Web page shown in
Figure 7-1 on the previous page by performing these general tasks:
Plan the CSS structure.
•
•
Enter HTML code into the Notepad++ window.
•
Save the file as an HTML file
•
Enter basic HTML tags and add text to the file.•
•
Use the <style> tag in an embedded style sheet.
•
Create external CSS files that are linked into Web pages with a <link /> tag.
•
View the Web pages and HTML code in your browser.
•
Validate the Web pages.
•
Test and print the Web pages.
Plan
Ahead
General Project Guidelines
As you create Web pages, such as the project shown in Figure 7-1 on page HTML 325, you
should follow these general guidelines:
1.
Plan the Web site
. First, you should determine if using Cascading Style Sheets (CSS) is
appropriate for your Web site. If you have several Web pages and need a consistent style
that can be easily updated, CSS is a good choice. If you have a single page with mostly
static content and formatting, CSS might not be needed.
2.
Analyze the need.
In the analysis phase of the Web Development Life Cycle, you should
analyze what content to include in the Web page. Chapter 7 introduces advanced CSS
techniques that can be used for Web development. Using style sheets can eliminate
the need to edit multiple Web pages for simple changes. An external style sheet
can be edited to make changes across a Web site. Part of the analysis phase includes
determining how the multiple Web pages work together using CSS. In this chapter, you
will create both embedded and external style sheets.
3.
Choose the content for the Web page.
With a multiple-page Web site, you can distribute
the content as needed throughout the Web site.
4.
Determine the type of style sheets to use for the pages and their precedence.
If you
determine that CSS is appropriate, then you must decide which type(s) of style sheet is
best. For Web sites with many Web pages that have a common look, an external style
sheet may be the best option. For Web sites with few common looks to the pages,
using embedded or inline style sheets may be a better option. Also, knowing style sheet
precedence helps you to understand how each style interacts with the others.
5.
Create the style sheets
. Once the analysis and design is complete, the Web developer
creates the Web page using CSS. Good Web development standard practices should be
followed in this step. Embedded and inline style sheets are used within particular Web
pages. An external style sheet must first be created and saved as a .css file. Then a link
statement must be inserted into all Web pages that will use the external style sheet.
