Below are various resources I have made available to CS 101 students for tutoring purposes.
- Example A — workshop template (ZIP archive)
Contains the starting template to conduct the Example A style sheet exercises. (I.e., CSS files are empty.)
- Example A (HTML referencing an empty CSS)
Markup document used for all Example A demonstrations; only style sheet reference changed for A1 through A4.
- Example A1 (HTML, CSS, reference rendering)
Solution: A semi-formal appearance with an ornamental decoration in the corner.
- Example A2 (HTML, CSS, reference rendering)
Solution: A very simple design with a fixed and offset background; also uses negative-valued margins.
- Example A3 (HTML, CSS, reference rendering)
Solution: First-level header replaced entirely with an image.
- Example A4 (HTML, CSS, reference rendering)
Solution: An ornamental image added to the first-level heading; with a thick black border added to the sides of the body.
- Example B (HTML, CSS, reference rendering)
Solution: CSS hierarchal menu example.
- Example C (HTML with embedded CSS, reference rendering)
Solution: CSS shorthand background property example.
- Example D — case study: USLUG IRC Network website (HTML, CSS, ZIP archive)
A full website I created that incorporates elements from the previous examples.
- Example E (HTML with embedded CSS)
Useful for a masthead image that also is hyperlink using CSS.
