WEB 240 Enhance teaching - snaptutorial.com

Page 1

WEB 240 Entire Course

For more classes visit www.snaptutorial.com WEB 240 Week 1 Individual Website Brainstorm WEB 240 Week 1 Individual HTML5 Basics WEB 240 Week 2 Individual Website Plan WEB 240 Week 2 Individual Website Development WEB 240 Week 3 Individual Expanded Website Plan WEB 240 Week 3 Individual Expanded Website WEB 240 Week 4 Individual Refine and Finalize Website WEB 240 Week 4 Individual Expanded Website Plan WEB 240 Week 5 Individual Website Submission and Maintenance WEB 240 Week 5 Individual Usability and Accessibility Test

WEB 240 Week 1 Individual HTML5 Basics


For more classes visit www.snaptutorial.com WEB 240 Week 1 Individual HTML5 Basics Using the course software and Week One Template as a starting point, create a new HTML webpage and include the following:  Write the code to display your name in the largest-size heading element.  Write the markup language code for an unordered list to display the days of the week.  Write the markup language code for an ordered list that uses uppercase letters to order the items. This ordered list will display the following: Spring, Summer, Fall, and Winter.  Modify the following code snippet to indicate that the bolded text has strong importance: <p>A diagram of the organization of a website is called a <b>site map</b> or <b>storyboard</b>. Creating the <b>site map</b> is one of the initial steps in developing a website.</p> Submit your HTML file to the Assignment Files tab.

WEB 240 Week 1 Individual Website Brainstorm

For more classes visit www.snaptutorial.com


WEB 240 Week 1 Individual Website Brainstorm Throughout this course, you will work on developing a comprehensive website plan and functional 3-page website based on a topic of your choice. Each week, you will complete and submit an individual project developing your website plan and website. Website Brainstorm: Resource: Use the “Web Design Best Practices Checklist”, Table 3.1, of Basics of Web Design: HTML5 & CSS3, 3rd Edition to guide your review. Think about a type of website such as a resume site, product site, or information site that you would like to create for this class. Find and compare two websites of a similar type. Review each website and pay attention to:  Page layout  Navigation  Color and graphics  Multimedia  Content presentation  Functionality  Accessibility  Brower compatibility Create a 1-page document or 7-slide PowerPoint® presentation comparing the two sites against each other and the Website Design Best Practices Checklist (located in the activity resource). Additionally, consider what design features you will add to your site and why. Submit your file or document to the Assignment Files tab.

WEB 240 Week 2 Individual Website Development

For more classes visit


www.snaptutorial.com WEB 240 Week 2 Individual Website Development Using the course software, create the first page (home/index page) for your website that demonstrates effective application of design elements based on your website plan. Include the following:  A single page named index.html  Effective use of color, images and font  Proper page markup language Save your website page as index.html. Validate your HTML code using the Markup Validation Service on the W3C® website, (www.w3.org) prior to submitting your web page(s). Note: Your website does not need to be fully functional (for example, links may not work yet), but it should open up in a browser and include all design elements. Incomplete portions of the page should include text to indicate what is planned for that area. Submit your compressed (zipped) files to the Assignment Files tab.

WEB 240 Week 2 Individual Website Plan

For more classes visit www.snaptutorial.com WEB 240 Week 2 Individual Website Plan


Complete a first draft of your Website Plan, that includes the following:  Topic of website  Purpose of website  Intended audience/visitors of website  Content outline for homepage and at least two sub-pages  A visual mockup of the website layout Submit your Website Plan to the Assignment Files tab.

WEB 240 Week 3 Individual Expanded Website Plan

For more classes visit www.snaptutorial.com WEB 240 Week 3 Individual Expanded Website Plan A Site Map is a diagram, similar to an organizational chart, which shows a visual mapping of your site and how the pages will be linked together. Add a Site Map to your website plan. Submit your Expanded Website Plan to the Assignment Files tab.

WEB 240 Week 3 Individual Expanded Website


For more classes visit www.snaptutorial.com WEB 240 Week 3 Individual: Expanded Website Using the course software, expand the basic homepage from Week Two to a site that includes at least three web pages. Incorporate the following into your expanded website:  Apply Cascading Style Sheets (CSS) to format elements.  Integrate multimedia into the website.  Create navigation for the site.  Use internal, external, and anchor links in the website.  Apply best practices and principles of design. Validate your HTML code using the Markup Validation Service on the W3C® website, (www.w3.org) prior to submitting your web page(s). Submit all website files in a compressed (zipped) folder to the Assignment Files tab.

WEB 240 Week 4 Individual Expanded Website Plan

For more classes visit www.snaptutorial.com WEB 240 Week 4 Individual Expanded Website Plan Expand your website plan.


Select at least three interactive features that could be added to your site. Identify the following:  What purpose would each feature serve for your site and its visitors?  How would you construct these features? Note: The form created in the next individual activity, “Individual: Refine and Finalize Website” can be included as one of the interactive features. Submit your expanded Website Plan to the Assignment Files tab.

WEB 240 Week 4 Individual Refine and Finalize Website

For more classes visit www.snaptutorial.com WEB 240 Week 4 Individual Refine and Finalize Website Simple web forms can be used for order forms, a subscription to a newsletter, or a request for contact. Using the course software, refine and finalize your website by doing the following:  Add a simple web form.  Use division or a table to structure the form elements.  Finalize a navigation system between the pages. Note: Utilizing the server-side elements offered in the textbook for testing forms is allowable.


Validate your HTML code using the Markup Validation Service on the W3CÂŽ website, (www.w3.org) prior to submitting your web page(s). Submit your website files in a compressed (zipped) folder to the Assignment Files tab.

WEB 240 Week 5 Individual Usability and Accessibility Test

For more classes visit www.snaptutorial.com WEB 240 Week 5 Individual Usability and Accessibility Test Perform a usability test on your website home page. Develop questions and work with a peer to answer questions on your site usability. Run an automated accessibility test on the home page of your school website. Use both the WebAim Wave (http://wave.webaim.org) and ATRC AChecker (http://www.achecker.ca/checker) automated tests. Describe the differences in the way these tools report the results of the test. Did both tests find similar errors? Write a half-page report that describes the results of the tests and includes your recommendations for improving the website. Submit your report to the Assignment Files tab.


WEB 240 Week 5 Individual Website Submission and Maintenance

For more classes visit www.snaptutorial.com WEB 240 Week 5 Individual Website Submission and Maintenance Plan Using the course software, develop a simple JavaScript® element for your website and develop a website maintenance plan. Validate your HTML code using the Markup Validation Service on the W3C® website, (www.w3.org) prior to submitting your web page(s). Include the following in the maintenance plan:  Based on your usability test, what steps will take to update and improve your website?  Will you register a domain name and host your website live? If yes, with what host?  How else will you continue to maintain your website? Submit your website files and maintenance plan in a compressed (zipped) folder to the Assignment Files tab.


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.