Today’s goals:
- Finish the HTML/CSS Championships (instructions here)
- Review classes and CSS3 transparency
- Complete end of first quarter survey
Today’s featured websites:
- http://drakedis.co/ (you’re welcome)
- https://frightgeist.withgoogle.com/ (the most popular Halloween costumes, according to Google)
- Don’t forget to check out the code (ctrl u or right click, view source)
CSS Classes and Transparency
- Classes are used to target a specific element with certain styles. For example, our paragraph element below our table in the HTML/CSS Championships webpage.
- Why are classes useful?
- Why was creating a class helpful in our particular webpage example?
- You used a CSS3 feature, transparency, on your images.
- You combined it with a hover effect; where else have we used hover in our CSS to make things happen when a mouse is pointed to an element?
- We will be practicing more with classes and other cool CSS3 features next quarter
End of 1st Quarter Survey
- Things you’ve learned this quarter:
- WordPress (your page on class webpage)
- Graphic design for the web (Harvest of the Month media)
- HTML
- CSS- colors, styling elements, box model
- How to apply Font Awesome and Google Fonts
- How to use the Firefox web developer plug-in (also is same in Chrome)
- How to find images to use in web projects and how to edit them
- How to create QR codes and why/how they’re used
- Please take this survey about the first quarter