Webpage Fundamentals Assignment: Design, Develop, and Publish a Web Site

Webpage Fundamentals Assignment: Design, Develop, and Publish a Web Site

This assignment is designed to help you to understand how websites are designed in the real world.

Purpose: to design, develop, and publish a web site using recommended design practices. Your Project will demonstrate mastery of the web development skills and concepts learned in this course.

The project must be your own design and be completed by you — the use of free or purchased web site templates are not permitted (for example, those found in Dreamweaver, purchased or free, blog or social networking templates such as Drupal, WordPress, Blogger, Facebook as well as the textbook's Case Study Lab). If it is perceived that a web template has been used, the project grade will be no higher than "below average".

Project MUST contain (at minimum)

• One (1) home page and six (6) (but no more than ten (10) content pages.
• Each page must contain appropriate text and images that provide information and value to the target audience
• Each page must contain appropriate page titles
• One (1) video galley
• One (1) image gallery
• One (1) login page using Java script validation
• Each page must contain appropriate meta tags
• One (1) external style sheet (CSS) which contains a minimum of six (6) styles

Project must NOT contain

• mailto or handlers (for example, ASP, CGI scripts) provided in our course assignments are not allowed as the FORM
• action
• < FRAMES > based page
• < TABLE > based page
• < IFRAME > based page
• Image based page (where the page contains little or no text or content other then images)
• Spry Widgets (Dreamweaver) FONT tag or inline, embedded, physical or logical styles

Hint: 6 pages could be, Home page, About us page, Contact us page, What we offer, Store information, and Fuel information.

Submission Requirements

1. A document answering the following questions;

• What is the name of the site? 
• What is the purpose of the site?
• What do you want the web site to accomplish?
• Who is your intended audience?
• What opportunity, problem, or issue is your site addressing?
• What type of content might be included in your site?
• List at least four related or similar sites found on the WWW (two good and two bad in your
• opinion).
• Explain why you chose them
• Storyboards
• Content Inventory
• Navigation structure
• Wireframes
• Mock-ups

2. Fully functional website for OPSS

• A working website with all the features functional as explained in the design document.