BSEN307 E-Commerce Website II
CSS - In Class Lab Project
Instructions:
Create the following effects using a combination of External, Internal and
In-Line Style commands. The source pages for this project can be found on
the N: drive in the BSEN307 Gullion folder in the CSS-In-Class-Project
folder. Post this folder with your changes and style pages to the
student server when complete.
Use and External style sheet to create the following effects on all pages in
the site.
- Apply the DMACC Background image
- Center the H1 elements, change their font to 'Goudy Old Style', color
to purple
- Make the H4 elements left aligned with the same characteristics as above
- Make the H4 element of the first paragraph of each page underlined and
font size 14. Use a class identifier called 'firstPara' to make this
happen.
- Make the hyperlink 'Return to Introduction Page' centered, and a solid
border around it
Use an Internal style sheet on the 'Method 2' (embedded_styles.htm) page to create the following effects.
- Make the text of the H1 tags lime green
- Make all the H4 elements centered, Mistral font and
font size 12
- Center align the contents of the paragraphs
- Use a class identifier to make the word 'CSS' appear in bold type.
Us In-line styles to achieve the following effects.
- Center the heading titled 'What Can CSS Commands Do' on the index page.
- Make the first sentence in the paragraph on the index page, that starts 'There
are three main methods...' bold type and purple
- Make the headers 'Method 1: Example' and 'Method 2: Example' purple font on
the Method 1 (inline_styles.htm) page.
|