1. Intro to Basic Webpage Design Lesson Outline Created by The University of North Texas in partnership with the Texas Education Agency Principles of IT

2. 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? 2 Copyright © Texas Education Agency, 2011. All rights reserved.

3. 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.

4. 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. 4 Copyright © Texas Education Agency, 2011. All rights reserved.

5. 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.)http://www.udel.edu/topics/techtalk/1998/March/purpose.html Copyright © Texas Education Agency, 2011. All rights reserved.

6. 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 6 Copyright © Texas Education Agency, 2011. All rights reserved.

7. VI. Building the webpage using an HTML editor A. 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 7 Copyright © Texas Education Agency, 2011. All rights reserved.

8. VII. Evaluating the webpage Well-organized? Color Scheme? Is message conveyed easily for viewer? What could make it better? 8 Copyright © Texas Education Agency, 2011. All rights reserved.