Creating Web Pages Dr. E. Rebecca Limback

2 methods 2 methods n Html n NetScape Composer

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

Design Continued n Reason for page –theme –business –organiztion n Text is EZ to read n 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

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

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

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

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

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

Other Elements n Background n Ruled Lines n Bullets n Buttons

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

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

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

Sites to See n n GIF Wizard Homepage – – n n Maiden Basin Inn Homepage – – n n Blue Mountain Greetings- ecards - animated – – n n HTML Station Welcome – –

More Sites n Worst Web Sites – images.com:8081/leonardt/tenworst.htm images.com:8081/leonardt/tenworst.htmhttp:// images.com:8081/leonardt/tenworst.htm n Riley Guide - Employment – n Simple Page – n Central Missouri State University –

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

n Enjoy!