Possible output fragment

ICT-4540 Homework 2


The purpose of this homework is to explore the use of namespace notation in XML and show its application in CSS.
A secondary purpose is to show that modern browsers can make some sense of XML documents, including applying proper styling.

What to Hand In

Hand in your integrated CombinedPresidents.xml, and president.css and birthday.css files, together with two browser screen shots of Combinedpresidents.xml--one from Internet Explorer, and one from another browser (e.g., Firefox, Chrome, Safari). If IE is not available to you, please visit or other site that can provide an IE screenshot --or provide a shot from a different browser if that's too hard..
This will demonstrate the effectiveness of your namespaces
Heads up: There is a quite a bit of cut and paste for this exercise. Please leave yourself some time for this activity.


  1. Problem: Create an XML file by interspersing two XML files
    1. Create a CombinedPresidents.xml file which is an XML document (has an XML declaration at the top) and paste the contents of the USPresidents.xml document in as the content.
      Ensure that the presidents element is the root element
      [You can view the results of this step in the browser, though it will be a boring set of words]
    2. After the XML declaration, add the two xml-stylesheet instructions that tie in the CSS documents.
      Remember that the xml-stylesheet instruction needs a type attribute with the value text/css, and an href with the value president.css for one stylesheet, and birthday.css for the other.
      There is a president.css with the starter files, and if you have created the birthday.css file, these will style the document.
    3. Next, we will place the namespace declarations in the root element. Let the president namespace represent url Let the birthday namespace represent url
      [You can view CombinedPresidents.xml in the browser, also, if you like. After inclusion, what happens with your display?]
    4. Since we have provided the president namespace, all the tags in CombinedPresidents.xml, for the part that was from the USPresidents.xml file, must be part of the namespace president.
      [What does this do to your display?]
    5. Next, update the president.css stylesheet to reflect the new namespace. Add the namespace declaration to the CSS file, and update all the tags to be in the namespace.
      Be sure to copy and modify the CSS for both non-Microsoft and Microsoft browsers by use of the alternate notations
      [You can view the results of this step in the browser]
    6. For each president, insert the information about that president's birthday, copied from the PresidentBirthdays.xml document into an element called date in the namespace birthday. Paste it below the name element (in the president namespace)
    7. Create a birthday.css CSS stylesheet (you linked it in step 2) and have it display the birthday in a block, and in the same font as the name, but 4 points smaller, and in blue
    8. Check your result by viewing in your browsers, and ensure compatibility with both Internet Explorer and another browser



Criteria Weight
CombinedPresidents.xml XML file with namespaces incorporated 25%
Updated CombinedPresidents.xml file including birthday information from the PresidentBirthdays.xml file with namespaces incorporated 25%
Updated presidents.css file with namespaces incorporated 20%
Created birthday.css file with namespaces incorporated 15%
Evidence of proper display in two (or more) browsers 15%