Table
of
Contents:
Getting Started - Tips and Tricks
Interlit Web Site Links to Textbook Chapter Resources
Required Equipment, Software and Services
Course Syllabus
Course Assignments and Due Dates
Part One: Understanding The Internet
Part Two: Getting On The Internet
Part Three: Communicating Over The Internet
Part Four: Finding Things On The Internet
Part Five: Creating Web Pages
Part Six: Using Multimedia On The Internet
Part Seven: Planning For The Future Of The Internet
Send E-Mail:
Internet Literacy Home Page |
After completing this chapter, you will be able to:
- Identify the basic elements that constitute a Web page.
- Explain the uses and general appearance of the elements of a Web page.
- Begin thinking about the design of your Web page resume and how to make it engaging and informative.
- Arrange text in the proper size, color, and font on a Web page.
- Choose an appropriate background color and understand how foreground text colors interact with background screen colors.
- Arrange pictures on the screen either as background images or design elements for text to flow around.
- Make text stand out against a background photo.
- Adopt a common look and feel for your Web pages.
The HTML Document
The HTML document, or web page, uses some standard tags to define its major components. The <HTML> and </HTML> tags indicate the beginning and end of a HTML document. <:HEAD> and </HEAD> tags define the document's heading which
contains the page title -- indicated by the <TITLE> and </TITLE> tags. The page title does not display on the web page--it appears in the title bar of the browser. The body of the document lies within the <BODY> and </BODY>
tags.
It is good practice to first define these tags before coding other parts of the HTML document. You could even create a template which includes these basic tags.
Basic Elements of a Web Page
| HEAD | The main element within the heading of a html document is the title. Each web page should have a meaningful title of less than 64 characters. The title should identify a document's content and
will help users when it is found by a search engine. |
| BODY | The content of a web page is contained within the body of a html document. The body contains the text and images seen by someone browsing the page. HTML elements define headings, paragraphs,
lists, hyptertext links, styles, images, and other elements of a document. |
Designing Your Site
- Figure out the purpose of your page. What information do you want to convey?
- Think about who your audience is. How can you tailor your content to appeal to this audience? Should you include lots of graphics or is it more important that your page download quickly?
- How many pages will you need? How do you want these pages organized? Do you want visitors to go through your site in a particular direction or sequence or do you want to make it possible for them to explore in any direction?
- Sketch out the design of your site on a piece of paper.
- Devise a simple, consistent naming system for your pages, images and other external files.
- Design for a 550 by 300 pixel screen space.
- Make sure your page does not contain more than 40 K of images.
- Create your web site layout and design before adding any actual content.
Online Resources:
- The Copyright Website
- Student Produced Web Pages
- Pat's Interesting Sites
- Classifieds2000 - The Internet Classifieds
- W3C - The World Wide Web Consortium
- Creative Labs: Americas Home
- What is the history of the Internet? - 15 Minute Series
- Kairos Shell
- Internet Literacy - Chapter 16: Screen Design Principles
- RGB Color Chart
- Document specific background and foreground control
- Yahoo! Arts:Design Arts:Graphic Design:Web Page
Design and Layout:Graphics:Backgrounds
- Informed Linking
- Creating Killer Websites Online - Core Page
- HTML Hell Page
- Yahoo! Arts:Design Arts:Graphic Design:Web Page Design and Layout
Go to:
Chapter Fifteen
Chapter Seventeen
|
