ITSE 1411 Beginning Web
HTML Module 2 Assignment
Assignment
  1. Begin your Portfolio
    • When you complete this course, you should have a portfolio of projects that you can show a prospective employer what you can do. However, there will be modifications made to the textbook requirements to include JavaScript as it applies to each JavaScript concept. You may learn as you work on your site, that you would like to change the topic. This will create additional work for you, so try very hard to pick a topic that interests you. Or, consider creating a site for an organization that you belong to. It will be impressive if you can show an actual site that is being used in your portfolio.
    • Start Web Project Case Study on pages 98 and 99 of your Design Text. You are writing these steps using a text editor. You are not writing these steps in HTML.
      1. Please write for project topic approval using bullet format to match the bullet format in step 1. This can be very concise. Modifications are usually made as more thought is put into a site. It doesn't matter if the bullet is numbered or not. The best way to get approval is to upload your document to the web and link to it from your index page. Check with your instructor to see if an email attachment is accepted.
      2. Think about step 2 but you do not have to send me anything yet for this step. Since we haven't actually covered that material, it is really difficult to solidify that now.
      3. For step 3, you do not have to create a sophisticated page. See . You do not have to use HTML for this step. Any text editor will do just as long as your tentative site map is self-explanatory.
      4. You are not restricted to use the page layout composition shown in Figure 3.30 on pages 87, but you are welcome to use it. Again, you do not have to have professional skills. Something equivalent to the look of Pacific Trails Resort page is good enough.
      5. For step 5, you may use your pacific.htm page you created in Module 1 for reference. Create the home page for your project. Name your page home.htm.
    • For Chapter 4, continue working on your home.htm page of your Web Project Case Study.
      1. Follow page 123 - 125, Focus on Web Design, steps c. and d. except apply to your home.htm page.
    • For Chapter 5, continue working on your home.htm page of your Web Project Case Study.
      1. Add an image as the background to the title of your page (This is not the title tag; This is an H tag).
      2. Add a color to the background of your links below your title. (Or wherever you have your navigation links.)
      3. Add an image to your page to add interest. Remember copyrights quite often are lenient for educational purposes, but if you are using an image for your portfolio, it will not be considered educational after the semester is over. Be very careful that you do not use copyrighted images because you could be sued.
    • For Chapter 9, create a new page for your Web Project Case Study.
      1. Start your page using the templateHTML.htm page. Save as schedule.htm (or another appropriate name).
      2. Your table subject should apply to the theme of your project. One idea is a volunteer or employee schedule.
      3. Your page should show a table similar to Figure 9.15 on page 282. You should create an external css page that blends with your CSS used on your home page (a site should have a consistent look, but your homepage can have some differences especially the size of the title and the navigation.
      4. Your table must use different background colors for every other row, and some columns should be centered and some columns should not be centered.
      5. Update your navigation on your home page to link to your schedule.htm page. Update your schedule.htm page navigation to link to your home.htm page.
    • Upload the module2 folder containing all files used in your module2 folder to your site.
    • Using http, go to cois-linux.austincc.edu/~login/module2/home.htm (where login is the login name posted in Blackboard). Test that your home.htm page validates in both HTML5 and CSS.
    • If there are any errors, correct, reupload, and test.
    • Test your schedule.htm page.
    • Email that your assignment is ready for grading.
  2. Student examples (you are not to copy the style or layout of student examples, these just show you what other students have done)
    1. Mumal Ahmed Example 1
      Mumal Ahmed Example 2