Web Design Lesson
Designing Ideas
| Web Pages are designed in a tree pattern. Level one contains the index page or home page. This page is similiar to the table of contents of a book. Level Two is where the content is located. These pages are like the chapters of a book. Level Three also contains content information. These web pages are the pages of a book. |
 |
 |
The Web page should have a Header, Content Area, and Footer. The Header should contain the School's name, the title of the web page, and sometimes the author. Content information goes in the Content Area. The Footer includes links to the index page, main school web page, sometimes the name of the author of the web page, and the date that the web page was created or last updated. |
Suggestions
Audience- Every browser views a web page differently. Check the web page using different browsers.
Consistency-There are lots of web pages on the Web. Keep a general layout and design and use similiar fonts and background colors for each page in a web site. This will let the user know that all the pages belong in the web site.
Colors- Different system software and hardware can cause different color renditions. Stay with the basic colors and keep the page as simple as possible.
Size- Lots of images or large images increases the size of the file. Big files take longer to uploading. Use small images and use images that complement or enhance the web page.
Techniques
Working with the Text
Headers- Use headers to organize the content
Lists- Use lists of information. Use bullets, numbers or icons to organize your lists. Viewers scan for information on the Web.
Fonts- Use SIZE to organize information. Use BOLD to emphasize information. Use underlines only to indicate a hyperlink. Use ITALIC when you would have underlined.
Grammar- Check for spelling and grammar mistakes.
Images
Copyright- Use only Copyright free images.
Insert- Save the image to the same server or folder where the web page is located.
Appropriate- Use images that relate to your topic. Make sure you don't have too many images or too big of an image.
Hyperlinks
External- create hyperlinks to web pages outside of the web site.
Internal- create hyperlinks to new web pages in order to build a web site.
Directinal- create hyperlinks to move up or down in a web page.
E-mail- create hyperlink to an individual's electronic mail address
Tables
Insert- Design a table by indicating the numbers of rows and columns and by adding borders and spacing between the cells and the sides
Options- Change the background colors of specific cells and the table, alter the size of the cells and the table, merge cells together, split cells into two, and add captions to the cells.
Layout- use tables to display text and images or text and text next to one another in columns.
Last Updated: 12/06/05
Kristina McGlaun, Librarian
Jackson Creek Middle School
To the top
Return to Web Design Guide
