computer science
w.2.a
cis130_final_project_instructions.docxCIS 130 Final Project
Project Summary
You have been contracted by Winter, Edwards, and Boyd LLC to develop a brochure web site. Winter, Edwards, and Boyd (WEB) is a firm with 3 managing partners and 50 employees. They offer accounting and financial services to businesses in the region.
Technical Considerations
· HTML5 must be used. All HTML pages must pass validation.
· All styles must be in a(n) external style sheet(s). This includes one ‘master’ css file, but if you wish to have additional style sheets for different sections, you may; you would just link both in the <head> section of your HTML document. Your CSS file(s) must validate.
· A logical directory structure for your project must be in place. Keep your files organized in appropriately labeled subdirectories. This means you should not have all pages and images in a single folder, but rather have them organized to keep the related items together.
· All image file sizes must be appropriate for the Web.
· Internal documentation is included in all files.
· No GUI HTML editors may be used.
· Remember it is bad coding practice to use tables to lay out your pages. Use positioning techniques to accomplish this. You must include the specific table requested, but the only other table you are allowed to include (which is optional) would be on the Submit an Inquiry page to position your form elements.
Web Site Structure
Use the following points to build the structure of your web site. Each item below should represent a page. Note you may have additional pages for supportive content for that specific topic if you so choose to.
· Main Page
· About Us
· Managing Partners
· Company History
· Community Involvement
· Services
· Contact
· Submit an Inquiry
The main page should have a top navigation and should support the top level topics which are: About Us, Services, and Contact. All pages should have the same layout and design to give some consistency. General layout may include top navigation, left navigation (to support relevant subpages), main content area, and bottom footer; however, I am giving you some leeway here if you want to use another layout. Be sure to demonstrate your use of positioning and that the layout meets the needs and mindset of this company. You can use the outline above as a good guide for the number of pages you’ll need to create. For each bullet item presented, it would be a good idea to have a page to support that topic. Your site should be approximately 8-11 web pages.
Style and Design Guidelines
· Use a professional, conservative color palate. Feel free to utilize one of the color selection tools found in the Resources area of our classroom.
· Use professional fonts. Use an appropriate variety of font sizing, but keep the font selection to a minimum.
· Ensure the site validates properly.
· Each page should be appropriately titled and clearly identified so the user will know what page they are on.
· Use graphics with appropriate taste. Scaling, size, format, and positioning should be appropriately handled.
· Each footer page should include your name, course number, and semester as the copyright information. (Eg. “Created by Your Name, CIS 130 – SP15”)
· Make sure to keep the top navigation consistent among all pages. Also incorporate a company logo or company name on all pages. The image or text should be clickable and allow the user to return to the home page.
· Each page needs to include the relevant navigation items to allow the user to navigate to other major topics and/or related topics. There should be no dead-end pages were the user cannot navigate to another part of the site.
· Use Lorem Ipsum text to represent “copy material” that would come from WEB. Consider this filler material that that customer needs to provide. You can use this tool to help you with that: http://ipsum-generator.com/
Content Requirements
Main Page
· Should include a welcome message and some copy material provided by WEB.
· One or two graphics may also be included
About Us
· This page will tell the user about the company history, how it was formed, how long it’s been in business, where the company has been located, and any other pertinent information. You can use your creativity on what you’d like to put in here. The copy material would be provided by WEB. Be sure to have section titles and separation for these content items.
· This page will also have subtopics. Each subtopic item should be a separate link on the navigation area and would only be visible under the Our History related content. These subtopics will have their own page. The subtopics are: Managing Partners, Company History, and Community Involvement.
Managing Partners
This page will allow the user to learn more about the managing partners of the firm. This page should include a table with appropriate headers, rows, and cells to hold the following information for each partner. You can create your own data, but must include the minimum data shown below. You can add any additional info you feel appropriate (ie. professional headshots).
· Name (must include a last name and first name)
· Email address that the user can click on
· Professional certifications
Company History
This page will allow the user to learn more about the history of the company. Provide some copy material in paragraph form. 3 to 4 paragraphs should be sufficient.
Community Involvement
This page will provide a few paragraphs about the company’s involvement in the community. You will also need to provide logos and links to charitable organizations that the company works with. These organizations include:
· Habitat for Humanity
· United Way
· Salvation Army
Services
Provide a page identifying the services WEB provides. These services are Accounting and Bookkeeping, Investment Management, and Tax Filing. Each service should have 2-3 paragraphs of copy material. If you choose, you can create additional pages for each service. If you do, you’ll need to use the navigation approach for these pages. You will need to make sure these extra pages and the sub navigation items are only visible to the Services related pages.
As an extra feature WEB LLC wanted to include customer testimonials on the page. These testimonials are no longer that 1 or 2 sentences and need to be related to the respective service. You are free to pick two services for the testimonial feature. Each testimonial should be placed near the related topic and should have some sort of visual separation (like a box around it). Testimonials should not be directly following the regular paragraph. Rather, the overall text of the page should flow around the testimonials. You will need to incorporate CSS box model approach to accomplish this. Testimonials should be cited by a fictions person. For example: “WEB submitted my taxes on time and with great accuracy.” - U. Cheatum.
Contact
This page will allow the user to get contact information about the company. You’ll need to include
· Address information (including City, State, and Zip)
· Phone and Fax numbers
· Email (to a generic email box)
This page will also have a subtopic called Submit an Inquiry. This subtopic item should be a separate link on the navigation area and would only be visible under the Contact page, and will take the user to a new page containing a form. On the linked page, create a form that is used to solicit information from any customer who wishes to be contacted by a company representative to discuss their services. This form must gather a minimum of the following:
· Name
· Address information (including City, State, and Zip)
· Phone
· Email (to a generic email box)
· User preference for whether they wish to be contacted by phone or email. User should only be able to select one.
· Which service they are inquiring about. Users should be able to select multiple services.
· General text area for the user to enter further or more specific information regarding what they are inquiring about.
4
