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.php in this folder.
  3. Create a link from you index.html page to midterm.php. Remember that midterm.php is not in the same folder as your index.html page.
  4. Give your midterm.php page a Title of "Midterm Exam"
  5. Place an image that you obtain from the web anywhere on your midterm.php 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.php 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.php).
  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 600 pixels. To test this, paste the following text into a paragraph just below your h1 heading.
    This is test text that should wrap as you narrow the window. The text should spreadout and take fewer lines as you expand tha browser window. However, once the window width exceeds 600 pixes, the text should stop spreading out. Instead, there should be white space in the browser window to the right of pixel 600. If you did not properly limit the width of your page to 600 pixels, then you will not see any white space. This is the end of the test text that you paste into your midterm.php page.
  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.php page which is located in your folder midterm
    3. Upload your revised index.html page that contains a working link to your midterm.php page in your midterm folder.