IT 111 Chapter 2 Assignment
This assignment is due on October 12 by 11;59pm and is worth 20 points.
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 FrontPage.
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 SID in each page title, and gotten each page to validate without any errors.
- Use the instructions in the Course ePacket (page 2 for Windows-based systems or page 6 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)
- Create a template web page file using well formed XHTML and copy it to your web account. (2 points) See the Course ePacket (page 8 for Windows-based systems or page 12 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) I created that explains the Rules for XHTML.
- View the Creating a Template 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.
- 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.htm or http://compass.northseattle.edu/~your_username/template.html.
- Use this template as the basis for all your web page files this quarter.
- Complete all the Hands-On Practice exercises in Chapter 2 and copy the following web page files to your web account:
- heading6.html as shown in Figure 2.14 on page 42. (2 points)
- design.html 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 as shown in Figure 2.18 on page 49 (2 points)
- resume.html as shown in Figure 2.19 on page 50 (2 points)
- favorites.html as shown in Figure 2.20 on page 50 (2 points)
- View a short tutorial on how to code the é in the word resumé
- The URL for the North Seattle Community College web page is http://www.northseattle.edu.
- 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.
- Use North Seattle Community College (http://www.northseattle.edu) instead of Harper College.
- 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/
- 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 Pete 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
- Pete 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 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/