2. Creating Web Pages Dr. E. Rebecca Limback

3. 2 methods 2 methods n Html n NetScape Composer

4. Good Design n Background - not too busy or just color n Attractive color scheme n Opening page comes in quickly n Opening page not too “busy” n Links to other pages/sites EZ to locate n Links WORK (are current

5. Design Continued n Reason for page –theme –business –organiztion n Text is EZ to read n e-mail to editor included n EZ way to go back to opening page n Surfer will want to stay and look at page n Graphics are appropriate

6. Bad Design n Page is not useful n Cluttered n Cannot find “hot spots” in image map n Links are broken n No return to opening page n Overpowering background

7. More Bad Design n Visitor will not want to stay –takes too long to download –requires downloading plugins to view site –visitor cannot determine how to get to next level of site n Site includes too many levels and poor transition between--viewer gets lost

8. Step 1: Design n Design –storyboard –text –graphics

9. Storyboard Home Page 3a Link 1 Link 2 Link 3 1a 2a 1a1 1a2 1a1-2

10. Step 2: Gather Resources n Graphics –pictures –clip art –GIFs and JPEGs –Digital Camera Pictures –Web Captured Graphics n regular n animated

11. Other Elements n Background n Ruled Lines n Bullets n Buttons

12. STEP 3: Create Page/s n Tool –HTML –NetScape Composer –PageMill –MS FrontPage –MS Word –Correl n Spell Check and PROOFREAD

13. STEP 4: Test n Test in Browser –Colors –Screen view - opening page viewable without scrolling –Links n between pages n to external sources –Graphics all in place

14. STEP 5: Post n Follow instructions from Host –Transfer files to server n Check again n Modify as needed

15. Sites to See n n GIF Wizard Homepage – –http://uswest.gifwizard.com/http://uswest.gifwizard.com/ n n Maiden Basin Inn Homepage – –http://www.maidenbasininn.com/index.htmlhttp://www.maidenbasininn.com/index.html n n Blue Mountain Greetings- ecards - animated – –http://www.bluemountain.com/http://www.bluemountain.com/ n n HTML Station Welcome – –http://www.december.com/htmlhttp://www.december.com/html

16. More Sites n Worst Web Sites –http://www.inet- images.com:8081/leonardt/tenworst.htm http://www.inet- images.com:8081/leonardt/tenworst.htmhttp://www.inet- images.com:8081/leonardt/tenworst.htm n Riley Guide - Employment –http://www.dbm.com/jobguide/ http://www.dbm.com/jobguide/ n Simple Page –http://www.iland.net/~rlimback http://www.iland.net/~rlimback n Central Missouri State University –http://www.cmsu.edu http://www.cmsu.edu

17. Assignments n Site Evaluations (4) n Simple, personal page –html n Netscape Communicator page –begin with storyboard –theme or business –post to cmsu2

18. n Enjoy!