Midterm exam

Rules

You can use the text book. It will be very helpful. You can also search the web for material that will help you. You cannot consult with your fellow students or anyone else. Exception: You can ask questions of the instructor. If I answer a question, I will communicate the answer to all members of the class.

Requirements

Note each item below is worth one point.
  1. Create a folder in your area for this class on your n: drive. Name the folder midterm.
  2. Create and save a web page named midterm.html in this folder.
  3. Create a link from you index.html page to midterm.html. Remember that midterm.html is not in the same folder as your index.html page.
  4. Give your midterm.html page a Title of "Midterm Exam"
  5. Place an image that you obtain from the web anywhere on your midterm.html page
    1. For example, go to http://www.northshorechoral.com/index.php and save the Illinois Arts Council Image into your
    midterm folder and then use the approriate html tag to include this image on your web page.
  6. Create an external style sheet and save it in your midterm folder. Include code on this style sheet to make the text on all H1 tags red. Name your external style sheet midtermstyle.css. Hint: External Style Sheets have rules only. The do not have any html tags such as <html>, <head> or <body>.
  7. Link your external style sheet into your web page.
  8. Place at least one H1 heading on your midterm.html web page so that I can see that the text comes out red because of your style sheet. (No credit will be given for specifying color information within midterm.html).
  9. Create a table in your web page with three columns. (Hint: You do not need to create a table in a database. You can type the table in HTML directly into your web page.) The three columns should have bold headings
    1. Course ID
    2. Title
    3. Software used
  10. Add data to your table. (Hint: Again, you are not using MySQL or PHP for this problem. Just type into your HTML web page directly.)
    1. Row 1: GSB622, Management Information Systems, Excel and Access
    2. Row 2: GBIS722, Systems Analysis, Access and Microsoft Project
    3. Row 3: GBIS751, E-commernce, Dreamweaver and PHP and MySQL
    4. Row 4: GBIS744, LAN Administration, VMWARE and Microsoft Server 2003 and Fedora Linux
  11. Limit the width of your entire page to 1000 pixels
  12. Limit the width of you table to 200 pixels.
  13. Place a button at the bottom of your web page (using a <form>) that links back to your main index.html page.
  14. Under the button, add PHP code that sets a variable to "123" and then displays the variable on the web page.
  15. Upload all your work so that I can grade it
    1. Upload your external style sheet
    2. Upload your midterm.html page which is located in your folder midterm
    3. Upload your revised index.html page that contains a working link to your midterm.html page in your midterm folder.