CIS 275

WEB PROGRAMMING I

PROGRAMMING LAB 9

DUE Tuesday, November 16th

Creating style and html type look with a Cascading Style Sheet (css)

Save the contents of this lab exercise in a folder on your students directory.  The folder must be named the same as this specific lab (Lab 9 is to be named Lab 9 and so on).

When your team has completed the lab, sent me an email at wayne.pauli@dsu.edu telling me this, and also giving me the URL for the lab that your development team has created.

Remember, labs submitted for grading after 5:00 pm Central time will not be accepted, and the grade earned will be a zero (0). The time used will be the time that my system stamps on the email you send me.

I will reply to the email after reviewing your work with the grade for the lab. Each lab is worth 5% of your total grade (50 points, using the 1000 point system).

PLEASE INCLUDE ON YOUR DEVELOPMENT COMPANY WEB SITE THE NAME AND THE URL OF THE WEB SITE THAT YOU ARE GOING TO WORK WITH FOR THE FINAL TWO LABS

Step 1 - Create a development Company xml document incorporating Cascading Style Sheets for the viewing enjoyment of your Instructor (and maybe some other guy who wanders into your URL)

1.  Include the following Elements for the XML

        a.  Development Company Name

        b.  e-mail address

        c.  URL - make this a link that functions (see page 104)

        d.  Name of Customer that you will be working for

2.  Include the following attributes inside of the specified elements

        a.  Individual class member names as attributes for the Company Name

        b.  Individual links to the personal portion of lab 9 as attributes of the Company URL - make this  links that function (see page 104)

        c.  The reasons why you are redesigning your customers site as attributes for (d) in #1 above.

3.  Please make sure that this code is validated for proper format by running it through the msdn parser which is located at http://msdn.microsoft.com/downloads/samples/internet/xml/xm;_validator  10 points for this code being validated through the parser

Step 2 - Once you have a structured, well-formed document, now we want to display the information with the use of Cascading Style Sheets (CSS).  CSS works with XML just like it works with HTML.  So we have to create a .css document that will contain the values for the style in which our xml document created in Step 1 above will be viewed.

1.  The Elements coded in the xml document are to have the following properties:

        a.  Arial Black Font

        b.  16 point

        c.  Bold

        d.  Italicized

        e.  Green background color

        f.  text-align is left

        g.  text-transform is to all Capital letters

2.  The attributes coded in the xml document are to have the following properties:

        a.  Arial

        b.  14 point

        c.  Bold

        d.  Red color

        e.  Blue background color

        f.  text-align is centered

Step 3 - Now, create a .css file that will make the same style changes (as step 2) to your xml document from lab 7.  Rename this file as lab 9, and have it be the link that is mentioned in step 1 above. (Individual links to the personal portion of lab 9 as attributes of the company URL - make this a link that functions (see page 104))

DELIVERABLES - the link that should be delivered to me by the COMPANY is the link to the xml document created in lab 9.  This xml document will have active links to each class members lab 9 xml that has had a CSS applied to it.  The company document will have accessed the CSS document that you created using the above properties for style.

QUESTIONS???????