Intro to Basic Webpage Design

Lesson Outline

Created by The University of North Texas in partnership with the Texas Education Agency

Principles of IT

II. Process for webpage design

A. Purpose of the webpage

1. What message are you trying to

convey to the viewer of your

webpage?

B. Intended audience of the webpage

1. What is the age range of your intended audience?

2. What is the specialization of your intended audience?

2Copyright © Texas Education Agency, 2011. All rights reserved.

III. Qualities of a well-designed webpage

A. Well-organized, easy to follow

B. Inviting

C. Not “Busy”

D. Color – but not too much color.

1. Example of a well designed

webpage.

3

http://www.ashwebstudio.com/portfolio

Copyright © Texas Education Agency, 2011. All rights reserved.

IV. Safety precautions in building and publishing a webpage on the Internet

A. Openness of the Internet – Anyone can view

- MySpace vs. Open Internet

B. What type of personal information should not be posted on the web?

- Address, Phone#, Social Security #, Etc.

4Copyright © Texas Education Agency, 2011. All rights reserved.

IV. Safety precautions in building and publishing a webpage on the Internet

C. Copyright Laws for WebDesign

1. What is copyright?

2. Why are copyright laws in place?

5

(See: http://www.udel.edu/topics/techtalk/1998/March/purpose.html for more information on the purpose of copyright laws.)

Copyright © Texas Education Agency, 2011. All rights reserved.

V. Planning for webpage design

Draft a layout and text for the webpage.

Should include placeholders for: pictures the heading text anchor links external links navigation bar on left side

6Copyright © Texas Education Agency, 2011. All rights reserved.

VI. Building the webpage using an HTML editorA. Opening HTML editor software

B. Saving the webpage (.html or .htm)

C. Inserting a table for left-hand layout

D. Creating a text header

E. Inserting Pictures – adding text captions

F. Creating Links

G. Anchor Links

H. External Links

I. Left-side navigation panel

7Copyright © Texas Education Agency, 2011. All rights reserved.

VII. Evaluating the webpage

Well-organized?

Color Scheme?

Is message conveyed easily for viewer?

What could make it better?

8Copyright © Texas Education Agency, 2011. All rights reserved.