Week 4: CSS Selectors

Intro to this Week

This week we’re continuing with CSS, doing a mix of theory and practical implementation in Dreamweaver.

This Week’s Work

1. Setup for Dreamweaver Work

This week we are picking up where we left off in Dreamweaver. You need to download week-4_demo-files.zip. After decompressing the zip file, copy the contents into your week4 folder in your LocalRootFolder.

2. CSS Selectors

Watch the videos below; the third one uses the demo files in LocalRootFolder. I have supplied you with my slides.

• Intro to DIVs video | DIV slides
• CSS Selectors Intro video | CSS Selectors slides
• Move CSS Rules to External CSS File video
• CSS Selectors in Dreamweaver video

Lab Time/Homework

Reading

• Read the article Naming CSS Stuff Is Really Hard
• ***** HIDDEN *****    Discussion 1, due Wednesday

Assignments

• Lab 3, due this weekend
• Project 2 (not due for a while, but you can start)

Additional Resources

Online

• CSS Selectors
• CSS Text Styling Fundamentals

Optional Textbook References

HTML5 and CSS3 Complete Course

• Chapters 8-9: Intro to CSS3

Adobe Dreamweaver CC: Classroom in a Book

• Chapter 4, pages 112-end: CSS box model-end