Beruflich Dokumente
Kultur Dokumente
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.
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.
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