WEB 2153  -  CSS/XHTML  #8564
Instructor: Donna Wilson  -  Online

David's Class Website

David's Client Website

Blog Link

Back to Assignment List

HTML Quiz      XHTML Quiz   

MovieCSS1    Format1.CSS        MovieCSS2   Format2.CSS

Color1   Color1.CSS

 Read chapter 1 and download the book files, Web Developer Toolbar and Firebug into Firefox.

 Go to W3Schools and complete the following tasks:
 

  1. Take the HTML quiz and print the results to a PDF file.
  2. If you do NOT make a 90% or above then complete the HTML Tutorial and take the Quiz again. Continue this process until you have a PDF with the results 90% or higher.
  3. Take the XHTML quiz and print the results to a PDF file.
  4. If you do NOT make a 90% or above then complete the XHTML Tutorial and take the Quiz again. Continue this process until you have a PDF with the results 90% or higher.
  5. Put the 2 PDF files in a folder on the student server with a link on your index page to the folder called Assignment_1.
  6. Complete the attached Word Document and place all files in a sub-folder in Assignment_1 folder and create a link on the index page for each CSS file.

 

Class Exercises 2 

1.      In this exercise you will create two external style sheets files and a Web page. You will experiment with linking the Web page to the external style sheets and note how the display of the page is changed.

a.       Create an external style sheet (call it format1.css) to format as follows: document background color of white, document text color of #000099, and document font family of Arial, Helvetica, or sans-serif. Hyperlinks should have a background color of gray(#cccccc). <h1> elements should use the Times New Roman font with red text color.

b.      Create an external style sheet (call it format2.css) to format as follows: document background color of yellow, document text color of green. Hyperlinks should have a background color of white). <h1> elements should use the Times New Roman font with white background color and green text color.

c.       Create a Web page about your favorite movie that displays the movie name in an <h1> tag, a description of the movie in a paragraph, and an unordered list of the main actors and actresses in the movie. The page should also have a hyperlink to a Web site about the movie. Place an email link to yourself on the web page. This page should be associated with format1.css file. Save the page as moviecss1.html.

d.     Modify the moviecss.html page to link to the format2.css external style sheet instead of the format1.css file. Save the page as moviecss2.html.

2.     Use the web site http://webdevfoundations.net and do the following tasks:

a.     Design a color scheme. List three hex color values in your design

b.     Create an external CSS file name color1.css that configures font properties, text color, and background color selections for the document, h1 selector, p selector, and footer class using the colors you have chosen.

Create a Web page named color1.html that shows examples of the CSS style rules.