HTML5 & CSS3

This project includes a collection of Notes, Links, and Tips which I assembled this semester while studying HTML and CSS (CWB 110, CWB 130, and CWB 204). I created this material while reading the class textbooks, completing the exercises, and researching related topics online. The Notes link above contains notes which I kept while studying (20+ pages). Topics included were either new to me or features that I had not used very often. The Inspiring Designs link is a collection of unique and properly designed sites which I discovered while researching. The links to the right (coded using HTML5's new <aside> tag) include some helpful Tips which I referred to often during the semester.

I have incorporated many of the techniques I learned into this site - a few specific ones are listed below:

• HTML Semantic Elements:
  • <header>
  • <nav>
  • <hgroup>
  • <section>
  • <article>
  • <aside>
  • <footer>
• Horizontal Navigational Bar
• Floated Elements
  • navigation bar just under the header
  • aside element to the right
• CSS id's & class's
  • <header>, <nav>, <section>, <article>, <aside>, and <footer> are styled with CSS
  • <ul> and <hgroup> have been styled with CSS classes
• Embedded PDF Object
• Ordered & Unordered Lists
• Internal & External Links
• Link Styling
• Relative & Absolute Positioning
  • Items styled with CSS class .spanRight use relative positioning
• HTML & CSS Validation via w3.org

How this project has helped me be a better student

I have kept these files updated on a USB flash drive and have found this process to be convenient as I have moved around to various computer systems and have needed to refer to features not yet mastered. The organization of the site - especially the notes - has helped me understand how the topics relate to each other. Also, having this material in one place has been a time-saver.