Week 1: Tasks, Complete the Week 1, Read Me First Canvas Modules, which inludes:

A Welcome Discussion Board Announcement

Become familiar with the following web-sites:

• class web-site, Assignments, Tests, Syllabus
• cim.saddleback.edu , central index, Questionnaire, your home page
• on-line videos, quizzes, & quiz grades (left canvas tab grades)
• mySite - Forward your Saddleback e-mail

All Sites are Cross Listed - login Help

Complete Canvas  H0 Intro Quiz

Create your CiM Home Page

• Discussion board student designs - not planning on adding new designs in Spring
  P.S., if you are familiar with RWD/CSS Frameworks, Tailwind CSS has become popular but is complex. I have also observed that all the new AI sites typically use Tailwind. Skeleton is simple, may update all cim sites to skeleton, can use AI to fix some of the past design, or add student projects to enhance them.
• HTML Review Quiz 1,
• HTML Web Page Assignment

Week 3: Due 02/02 - H4 Chapter 1&2 Tutorials and Quiz 2

• Discussion board Zen Gardens
• H4 Chapter 1, 2, tutorial 2 web page
• CSS Intro - Quiz 2 CSS Styles
  
  
  Nota bene,  that CIMW140 is a point-based class; you may complete all assignments and quizzes or focus on the discussion board, tutorial web page, and CSS quiz.
  

Week 4: Due 02/09 H5 and Chapter 3 Quiz 3 Selectors

• H5 Chapter 3 Web page
• Quiz 3 Chapter 3 CSS Selectors

• H6 Chapter 4 Inheritance Web Page
• H7 Chapter 5 Multiple Style Sheets Web Page
• (May add Quiz)

Week 6: Due 02/23 H8 Chapter 6 Fonts and Quiz 4 Fonts

• WOFF Web Open Font Format and CDN
• H8 Chapter 6 CSS Fonts Textbook Pages 172-184
• Chapter 6 Quiz 4 Fonts

Week 7: Due 03/02 Chapters 7 Margins/Graphics and Quiz 5
 

• Web Page Tutorial Chapter 8 Pages 214-226
• Quiz 5 Margins and Borders
• I did create a webcast on adding links from your home page to each assignment.
• Discussion Board implement a fancy textbox using CSS3

Make sure your assignments are accessible from your home page.

Week 8: Due 03/09 Chapter 8, and Chapter 9, Quiz 6 Colors/Backgrounds

• Discussion Board— In week 7,  you created a fancy text box with a special effect on cim and took a snapshot (Alt Print Screen). In this dicussion add a gradient to it.
• Chapter 6 Quiz: Colors and Backgrounds
• Web Page Chapter 8 Textbook Tutorial Graphics
• Note: CSS3 gradients can get awfully fancy. Links to an external site.

Also Due 03/09: Extra Credit Quiz and Extra Credit Assignments

• We have lots of extra credit in this module
• Will be adding an AI-oriented assignment using advanced AI coding tools such as figma.com Links to an external site. and lovable.dev Links to an external site..
• A Tables/Lists Quiz - this quiz cannot hurt you
• Chapter 9 Navigation - webcast 9 notes.
• Chapter 10 is the last assignment: CSS3 Transforms/Transition & Animation Links to an external site.- Complete chapter 10 tutorial - webcasts 10 notes.
• Chapter 16 Extra Credit Assignment - Grid Systems Skeleton. Links to an external site. Complete the book's tutorial - webcasts notes. Bootstrap is the most popular RWD Grid Framework, but Skeleton is lightweight, so it is easier to use and a good building block before looking at Bootstrap. Tailwind CSS. Links to an external site. Tailwind is the second-most-popular RWD framework Links to an external site. and is becoming increasingly popular. Most new AI sites were written with Tailwind CSS, but for small sites and as a learning tool, a skeleton is better.

Good luck with your other classes, and have fun this summer.