BSEN307 E-Commerce Website II

Internal/External Style Sheet - Lab Project

Directions:  

Make two copies of the CSS-Introduction folder from the BSEN307-Gullion folder on the N: drive to your own P drive or diskette.   Label one folder as CSS-yourname-Internal and the other folder as CSS-yourname-External.  You will be using this four page site as your source HTML for this project.  

Part 1.    Modify the pages in the CSS-yourname-Internal folder to include an Internal Style Sheet that causes the following effects on all pages in this website.

1. Set the background color to a color of your choice
2. Change the text color to a contrasting color of your choice
3. Change the text color of H1s to a unique color of your choice
4. Change the text color of H2s to a unique color of your choice
5. Change the text color of  H3s to a unique color of your choice
6. Center all H1s
7. Right Justify all H3s
8. Place a border around all the paragraphs.  Make the border color the same color as the text

Part 2.  Create an External Style Sheet called 'CSSLab-Style.css' that causes the same effects as listed above.  Modify the pages in the CSS-yourname-External folder to include this External Style Sheet so that the effects listed above are reflected on all pages in this website.  

Turn In:

A diskette that contains the two folders listed above.  Make sure your name is on the folders.

contact Jeff Gullion for any questions or problems: jhgullion@dmacc.cc.ia.us