Appendix A IT/237 Version 5

Associate Level Material

Appendix A
Final Project Overview and Timeline Final Project Overview
Throughout this course, you must design and develop a website about your profession, hobbies, or interests in Microsoft Notepad or Adobe Dreamweaver Code View using HTML code. The website must consist of four to five web pages of your choice. Your site must demonstrate the following characteristics: Effective file management Accurate and functional markup code Effective and functional navigation Effective application of design elements

Final Project Timeline

Budget your time wisely and work on your project throughout the course. As outlined below, some assignments in the course are designed to assist you in creating your final project. If you complete your course activities and use the feedback provided by the instructor, you will be on the right track to successfully complete your project. Suggested in Week Two: Project Proposal Decide on your websites topic or theme for your final project. Consider using the Project Proposal from IT/236 as your working document. Submit the following: The sites purpose: short paragraph to describe what you want the website to accomplish The sites target audience: Briefly describe for whom your website is intended. You may use bullet points to describe your target audience. The sites message: The message is not a detailed description of all the sites content; instead, it is the overriding theme or message of the site, such as a slogan or motto. You may include a bullet list of what you want the site to communicate to the target audience.

Suggested in Week Three: Home Page Using Microsoft Notepad or the Code View in Adobe Dreamweaver, hand-code a basic web page describing your profession, hobbies, or interests. This page will become the home page of your website. Save this home page as index.html to your IT237-Name folder on the Toolwire desktop. Prior to submitting your IT237-Name folder, check your HTML code using the HTML Validator at the W3C website, located on the student website. After you validate the code and fix any errors or problems, submit it to your homework folder on Toolwire .

Suggested in Week Four: Expanding Your Website Starting with the basic home page (index.html) from Week Three, expand your website to include three or four additional web pages. Create an appropriate heading for each page.

Appendix A IT/237 Version 5

Save each page to your IT237-Name folder. Name these files using the .html extension. Use only letters or numbers in the filenames; do not include special characters or spaces. Add <meta> tags to each web page file to increase accessibility and search engine optimization. Review Tutorial 1 of New Perspectives on Blended HTML, XHTML, and CSS. Create a navigation system between all the pages by creating a link from every page to every other page. Include at least one external linkto a page not in this collectionand one in-page anchor or target and link, such as Top, inside any of the new pages. Prior to submitting your IT237-Name folder, check the HTML code of each file using the HTML Validator on the W3C website. A link to this site is located in the Information Technology Web links. Submit to your homework folder on Toolwire.

Due in Week Five: Graphic Elements and Images Enhance your web pages from Week Four by incorporating the following into your website: Apply cascading style sheets (CSS) to format elements. Integrate image and rule graphics effectively into the site. Add content to each page in your website. Add at least one list to one of your web pages. Prior to submitting your IT237-Name folder, check the HTML code of all of your web page files using the HTML Validator on the W3C website. A link to this site is located in the Information Technology Web links. Submit to your homework folder on Toolwire.

Due in Week Six: Layout With CSS Enhance one or more pages in your website by doing the following: Use the <div> tag to create four sections in at least one of the pages. Refer to Figure 5-3 on p. 215 of New Perspectives on Blended HTML, XHTML, and CSS for ideas. Add content to each section. Set the style for one or more sections. Refer to pp. 218220 & 226 of New Perspectives on Blended HTML, XHTML, and CSS. Use the position property to position two lines of text on at least one page. Refer to pp. 228234 of New Perspectives on Blended HTML, XHTML, and CSS for examples. Prior to submitting your IT237-Name folder, check all your HTML code using the HTML Validator on the W3C website. Submit to your homework folder on Toolwire.

Due in Week Seven: Forms Enhance your website by doing the following: Add a simple web form, such as an order form, subscription to a newsletter, or request for contact, to one of the pages. E-mail the form data to yourself. To do so, code the form tag as follows: <form id=myForm action=mailto:youremail@mailserver.edu method=post> where youremail@mailserver.edu is your e-mail address.

Appendix A IT/237 Version 5

Include each of the following form controls: text boxes, radio buttons, check boxes, a list box or drop-down box, a Submit button, and a Reset button. Include ID attributes with short, meaningful nameswithout spacesfor every control. Each input control must also include a label tag to make it easier for the audience to identify it. Test for functionality and usability. Prior to submitting your IT237-Name folder, check all of your HTML code using the HTML Validator on the W3C website. A link to this site is located in the Information Technology Web links. Submit to your homework folder on Toolwire.

Due in Week Nine: Refine Your Site Refine and finalize your website to include the following: Four to five pages that are properly named Appropriate content throughout One form A page that uses <div> sections to organize the layout CSS in all pages <meta> tags in all pages One list Valid navigation and graphical hyperlinks Clean and visually well-designed layout Functionality and usability of all formatting, links, and forms, ensured through thorough testing

Prior to submitting your IT237-Name folder, check all your HTML code using the HTML Validator on the W3C website. A link to this site is located in the Information Technology Web links. Submit to your homework folder on Toolwire