Website Design Computer Application Worksheet

Use a computer application (word process, PowerPoint, graphics program, etc.) or paper/pencil to draw a flowchart (storyboard) of your website that shows the hierarchy of pages and relationship between the pages. If you are using a computer application to create a site map and save as a .gif or .jpg file (within the application or using Print Screen) and insert them, with Insertscreenshot function, below. If you are using paper/pencil please either scan your sketches in or take pictures with your cell phone and insert them below. Images that are not clear and easy to read will lose points.

Use a computer application or paper/pencil to create a wireframe for a sample page on your web site that clearly shows the header, navigation, content, and footer areas. If you are using a graphics application to create a wireframe and save as a .gif or .jpg file and insert them below. If you are using paper/pencil please either scan your sketches in or take pictures with your cell phone and insert them below. Images that are not clear and easy to read will lose points. Review the rubrics to find out what info is required to be included in the wireframe.