CIS-16 Internet Programming - HTML
Tentative Assignment List

Week Of: Week's Title Assignment Due
One The Basics - Getting Started

1) Locate site to post assignments on and email course teacher with site information

2) Course confirmation email stating you have read the course syllabus and drop policy. The email must state that you have read and understand the requirements for the class and that it is your responsibility, as a student, to drop the course if you no longer desire to complete the course.

3) That you have read, understand, and will abide by the college's Electronic Use Policy and Academic Honesty Policy.

This assignment must be completed by Wednesday of Week One by 8:00 a.m. Pacific Time. Failure to meet deadline will result in student being dropped from the course in compliance of the college's drop policy.

Two Working with Text

1) Create a simple web page using some of the flags from part one of the week's lesson.. On your page include a title line in font size +5. Insert a simple horizontal break between the title line and the following paragraph. What's that I haven't taught you a horizontal break yet? Okay you caught me.

Here it is. To add a horizontal line simple use the flag <hr />. You can also specify it's width in percentages by modifying the command and <hr width=60%></hr>

Write a brief paragraph on the four flags you think you will use the most and why. Finally end your page using the address tag to place your address information in the lower left hand corner of your page. (Do not use your actual address. I will never ask you to place your real information on a student site for safety reasons.)

2) Use the same page you created for the working with text section of this week's lesson. Make your background color white, text color blue, links red, active links green and visited links purple. In the real world I strongly suggest you stick with a white background and black text, and to make sure everyone can view your page. Use hex codes only, no actual words for the colors.

3) Using the commands you have learned from Week's One and Two create a page telling the class about you favorite recipe. Your page should have the following criteria:

  1. A heading telling the name of the recipe.Make your heading size 4 and your font type Times Roman. For the body of your page use arial. For example: Ham and Cheese Pockets
  2. A horizontal line with a width of 75% and centered separating the title from the following paragraph.
  3. A brief paragraph describing the recipe.
  4. The ingredients displayed in an unordered list with a small heading stating your ingredients
  5. A second horizontal line separate the ingredients for the preparation steps
  6. The preparation steps displayed in an ordered list with the small heading Preparation Steps.
  7. A copyright symbol in the lower right hand corner of the page

 

Three Links, Images and Backgrounds

1) Create a web page with at least one graphic on it.

2)Create and upload a page(s) with the following criteria:

a) Common HTML tag set
b) At least 2 images (One GIF and one JPG) including the appropriate ALT tags and height and width tags
c) 2 external links (one to a site for GIF/JPEG's and one to a link on how to create links)
d) 2 thumbnail gif's linking to larger gif's
e) A <HR> tag with a width of 80%
f) An image map with an external link to MAPEDIT's home page site (Use the mapedit.jpg as your image source and make the parlor the hot spot)

Four Tables

1) Create a calendar for the month of August of this year (table) with the following activities:

  • Every Monday: A planning meeting with your boss a 10:00 a.m.
  • Every Friday: A department meeting at 3:00 p.m.
  • August 1st: Initial meeting with Jones Inc. on a new Web site 1:30 p.m.
  • August 8th: Follow up meeting with Jones Inc. 9:00 a.m.
  • August 15th: Strategy meeting on Jones account (gathering company information)
  • August 22st: Logo presentation to Jones Inc.
  • August 29th: Final contract negotiations with Jones. Inc

Table parameters:

  • Save table as wk4asgn.html
  • Set table width to 100% of display area
  • Modify each cell in the table, changing the cell for Sundays to 16% of the table width, and make the remaining cells 14% of the table.
  • Insert the days of the week in the cells of the table header row starting with Sunday
  • Make the table border equal to 5
  • Align the date to the top of the cell and make a different color from the text
Five Frames 1)

1. Create and upload a page(s) with the following criteria:

  • Basic frame dividing your page into two sections make the left one approximately 50 percent of your total page width, make the right one 50 percent of your page.
  • Compare and contrast the importance of frames on the Internet. Be sure to include your personal feelings on likes and dislikes.
  • Each side should include two Gif's or JPEG's
  • Each Side should include two links to sites supporting the view point stated

Remember each week builds on the last week(s) so I still expect to see proper page layout and all the other elements we have discussed thus far.

Six Sound, Video, and Metatags 1) Create and upload a page with the following criteria:
  1. Create a two page web site. One the first page include a page banner called "The Importance of Meta Tags".
  2. Then write two to three paragraphs on whether, (in your opinion), Meta tags are important or not.
  3. At the top of the page create a link linking to your second page.
  4. On your second page include the following items
    1. a back button to return to your viewer to the first page
    2. include a two to three paragraph discussion on Presentation versus Content.
  5. Create external links to two sites, one in which you think "Content is King" and one in which you wonder what the page creator had in mind.
  6. Add one each on the following items.
    1. midi
    2. streaming video
  7. At the bottom of the page indicate the following items, date the page was created/updated section and copyright notice.
Seven Intro to JavaScript

1) Alter the script shown in part one of the week's lesson so that it will produce two lines of text, one red and one blue. But you must do this by writing more Javascript commands, not by simply adding more HTML to the instance.

2) Here is a link to a page with a script. When you click on the link, the script will throw two errors. Your assignment is to fix the two errors so that the script runs. Now, you probably won't recognize some of the commands in this script, but that doesn't matter. The error boxes that appear will give you enough information to make this script run.
     If the script runs correctly, the current date will display on the page. Again, each of these links will open a new window.

3) This one isn't so tough. What I would like is for you to write a script that shows the date separated by slashes on your welcome page. I'd like the welcome text printed in green. Don't worry about the numbers you'll learn about that when you take the Internet Programming - JavaScript Class. This will wrap it up for the introduction to JavaScript. I hope you have had fun this week.

Eight Forms and CGI 1) Create a simple guest book form using at least one each of the example from above. For example one set of radio buttons, one set of text boxes, one set of pop-up lists, etc. I do not expect you to be able to set up the CGI scripts. I did feel however, it was necessary for you to know how they work, and how to install them once you have your own site.
Nine The Final 1) Final Criteria: Length: 4 to 6 Web pages. Create a site to sell Pizza on line.

To get an idea of what I want go to the following URL Pizza Hut on-line Do not copy this site. Make up your own pizza company, complete with special toppings and different types of pizza and related pasta dishes. A well designed site should include the following:

  • Standard HTML Tags including Meta Tags
  • Appropriate Heading,
  • Images, including long descriptions for screen readers
  • Standard Navigational Aids,
  • Author's Notice,
  • Copyright notice

Bottom line show me what you have learned, show off, grand stand, make it pretty, what ever . . .
BUT follow all the rules we have learned this semester and be sure to include all of the parameters above.

The use of the Pizza Hut URL for this assignment is not an endorsement of Pizza Hut or its affiliates but as an example for the final exam.

Valid XHTML 1.0 Transitional Bobby Section 508 Cpmpliant Logo

Updated January 2008