To Homework

HCI 201 -- Ex8 -- Adding CSS Stylesheet Links to a Web

 

Goal: Create a CSS stylesheet and add stylesheet links (external style) to a web.

  1. Create a web on your PC named cinderella-web.

  2. Download the files cin-homepage.htm, cin1.htm, ... , cin10.htm in cinderella-files into cinderella-web on your PC. To download an image, right click on the link to the page and select Save Target As.

  3. Download images (jpg and gif files) in cinderella-files/images into the images folder in cinderella-web.

  4. Refresh. Select the main menu item View >> Refresh to verify that all of the pages and images have been downloaded into the web.

  5. Create a CSS style page. Follow the directions in FrontPage Styles. The suggested name is cin-styles.css. You must set at least four properties for full credit.

  6. Attach the stylesheet to all of the pages in your Cinderella website.

    All of the pages cin1.htm to cin10.htm will have the style set by the style sheet cin-styles. cin-homepage.htm will remain unchanged because its properties are set on the page after the stylesheet has been applied.

  7. Add a Document-level Styles. Add a document-level style to Page 3. This style should contain at least four properties that differentiate Page 3 from the other pages that use the external style.

  8. Upload the cinderella-web to students.depaul.edu.

  9. Submit a link to the cin-homepage.htm page. Indicate in addition which page has the document-level style.

  10. Update the hyperlink in your table of contents page from Ex5 so that it links to Ex8, not the stub page for Ex8.