IT 111 Chapter 2 Assignment

This assignment is due by 11:59pm on July 5th and is worth 20 points. View a short YouTube video with several tips on getting started on the assignment.

WARNING: The Student Date Files that accompany the textbook include the solutions to the hands-on practice exercises you'll be completing for this assignment and it might be tempting to just use these files. However, I believe that the best way to learn XHTML is to type the code in by hand so please don't use the textbook files or web authoring software like Dreamweaver or Microsoft Expression Web.

Learning Outcomes

After completing this assignment you will be able to:

• develop "well formed" XHTML documents
• hand code simple web pages using Notepad (Windows) or TextEdit (Mac)
• use and describe the purpose of several in-line level and block-level tags and their attributes
• make links using both absolute and relative URL's
• add "email" links to a web page
• copy web page files to a web account
• validate your code using a mark-up validator

Instructions

Grading Policy: Full points for each file will be given if you've followed all the instructions, included your last name and last 4 digits from your SID in each page title, and gotten each page to validate without any errors. You may create one email message which includes all the required links or you may send each in a separate email message. Either way, please add Chapter 2 Assignment as the subject of the messages.

1. Use the instructions in the Course ePacket (page 2 for Windows-based systems or page 5 for Max OS X systems) to change your web account password. The tutorial found on the Tutorials page shows how to do this if you are working on a Windows-based system. I should not be able to login to your web account! (2 points)
2. Create a template web page file using well formed XHTML and copy it to your web account. (2 points) See the Course ePacket (page 7 for Windows-based systems or page 9 for Mac OS X) for step-by-step instructions on copying your files to the Compass web server. If you are using a Windows-based system, the tutorials on configuring WinSCP and using it to copy files to the web server will show and tell you how to do this.
   • Watch a YouTube video (8:41 minutes) that explains the Rules for XHTML.
   • View the Creating a Template (23 minutes) demonstration before you begin.
   • Use the sample code from "Hands-On Practice 2.1 " on page 28 for your template.
   • Include your last name and the last four digits of your SID as part of the page title. This is the content that goes between the opening and closing <title> tags in the head section of your page. For example, mine would be Kent 8179 and it would display in the title bar of the web browser.
   • Please name the file template.html or template.htm. Use all lower case letters.
   • Make sure your template is free of errors by validating it with the W3C Mark Up Validator. Validate it after you've copied it to your web account not from your hard drive. This is important!
   • Send me an email message with a link to your template. The link will follow this pattern: http://compass.northseattle.edu/~your_username/template.html or http://compass.northseattle.edu/~your_username/template.htm.
   • Use this template as the basis for all your web page files this quarter. There are two ways to do this. You can copy and paste the code into a new, blank web page file. Or, you can open the template file and immediately save it with a new file name.
3. Complete all the Hands-On Practice exercises in Chapter 2 and copy the following web page files to your web account:
   • heading6.html (or heading6.htm) as shown in Figure 2.14 on page 42. (2 points)
   • design.html (or design.htm) as shown in Figure 2.15 on page 46 (2 points)
   • a folder named mywebsite (no spaces and all lower case letters) with the following files:
     • index.html (or index.htm) as shown in Figure 2.21 on page 52 (2 points)
     • resume.html (or resume.htm) as shown in Figure 2.19 on page 50 (2 points)
     • favorites.html (or favorites.htm) as shown in Figure 2.20 on page 50 (2 points)
     • View a short tutorial on how to code the é in the word resumé
     • Tip: The vertical bar that separates the navigation links is found on the key above the Enter key on a PC keyboard. On a Mac keyboard, it might be above the Return key or nearby. It shares a key with the back slash symbol ( \ ).
     • Use North Seattle Community College (http://www.northseattle.edu) instead of Harper College.
   • Add your name and the last four digits of your SID to the title of each of the web pages.
   • If a copyright date and name are part of the footer, include the current year and your real name instead of the place holder information from the textbook.
   • Make sure all pages are free of mark-up errors by validating them with the W3C Mark Up Validator. Validate them after you've copied them to your web account not from your hard drive.
   • Send me one email message with a link to your pages. These links will follow the pattern:
   • http://compass.northseattle.edu/~your_username/heading6.html
   • http://compass.northseattle.edu/~your_username/design.html
   • http://compass.northseattle.edu/~your_username/mywebsite/
4. At the end of Chapter 2, starting on page 60, you'll find four web site case studies that will allow you to practice the new XHTML skills you'll be learning this quarter. View a tutorial about getting started with the case study project. Pick the one you'd like to work on throughout the quarter (JavaJam Coffee House OR Fish Creek Animal Hospital OR Pasha the Painter OR Prime Properties) and
   • use the specification given in the book to create both the home page and second page for the case study web site and copy them to your web account. (6 points)
     • JavaJam home page should match Figure 2.28 and menu page should match Figure 2.29
     • Fish Creek home page should match Figure 2.32 and services page should match Figure 2.33
     • Pasha the Painter home page should match Figure 2.36 and services page should match Figure 2.37.
     • Prime Properties home page should match Figure 2.40 and financing page should match Figure 2.41
   • Add your name and the last four digits of your SID to the suggested title of both pages.
   • Use the current year and your email address instead of the place holders in the textbook.
   • Make sure your pages are free of mark-up errors by validating them with the W3C Mark Up Validator. Validate your files after you've copied them to your web account not from your hard drive.
   • Send me one email message with a link to the home page. These links will follow the pattern:
   • http://compass.northseattle.edu/~your_username/javajam/
   • or http://compass.northseattle.edu/~your_username/fishcreek/
   • or http://compass.northseattle.edu/~your_username/painter/
   • or http://compass.northseattle.edu/~your_username/prime/

Questions?

Email Jean  ::  Submit to Discussion Board