Introduction to CSS3
The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits. When done correctly, the styling of a webpage can enhance your page. When done incorrectly the result can be worse than no styling at all.
Buy Now AED 274.99 + VAT
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- المدة 12 ساعات hours
- الطبع بواسطة University of Michigan
-
Offered by
عن
The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits. When done correctly, the styling of a webpage can take enhance your page. When done incorrectly the result can be worse than no styling at all. To ensure that your sites do not put up barriers for people with cognitive and/or physical disabilities, you will learn how to evaluate pages using the standardized POUR accessibility guidelines. Upon completion of the course, learners will be able to sketch a design for a given HTML page. Using that design they will use CSS to implement the design by adding fonts, colors, and layouts. This is the second course in the Web Design For Everybody specialization. Subsequent courses focus on adding interaction with JavaScript and enhancing the styling with responsive design. It will be difficult to complete this course if you do not have access to a laptop or desktop computer for the homework.الوحدات
Lesson 0: Welcome
-
1
Videos
-
3
Readings
1
Videos
- Introduction to CSS3
3
Readings
- Course Syllabus
- Pre-Course Survey
- Resources
Lesson 1: Getting Started with Coding
-
8
Videos
-
3
Readings
8
Videos
- Cascading Style Sheets
- Reviewing the "Cascading" of CSS
- Colors
- Styling Your Text
- Code Together: Applying Style
- Display and Visibility - Part 1
- Display and Visibility - Part 2
- Code Together: The Display Property
3
Readings
- Building Your First Web Page
- Early coding
- Code Placement
Lesson 2: Assessment
-
1
Videos
-
1
Readings
-
1
PeerReview
-
1
ExternalTool
-
1
Assignment
1
Assignment
- Styling Syntax and Theory
1
External Tool
- Homework One: Optional Gallery Submission
1
Peer Review
- Homework One: Styling Your First Page
1
Videos
- Homework One Description
1
Readings
- Homework One Description
Lesson 1: More Properties
-
6
Videos
-
6
Readings
6
Videos
- Display: Grid
- Display: Flex
- Styling Links and Lists
- Advanced Selectors
- Attribute Selectors
- Code Together: Navigation
6
Readings
- Resources
- Display: Grid
- Display: Flex
- Review of the DOM
- Shorthand rules
- Browser Defaults
Lesson 2: Thinking Beyond Selectors
-
3
Videos
-
3
Readings
3
Videos
- Browser Capabilities
- Code Together: Background Images and Opacity
- Designing For Accessibility
3
Readings
- Browsers
- Background Images and Opacity
- Additional Resources
Lesson 3: Assessments
-
1
Videos
-
1
Readings
-
1
PeerReview
-
1
ExternalTool
-
1
Assignment
1
Assignment
- Advanced Selectors Quiz
1
External Tool
- Homework Two: Optional Gallery Submission
1
Peer Review
- Homework Two: Advanced Selectors and Display
1
Videos
- Homework Two Description
1
Readings
- Homework Two Description
Lesson 1: Advanced Ideas
-
3
Videos
-
6
Readings
3
Videos
- Box Model
- Code Together: Box Model
- Positioning
6
Readings
- Resources
- Borders
- Margin and Padding
- Code Together: Box Model
- Positioning
- Additional Resources
Lesson 2: Assessment
-
1
Readings
-
1
Assignment
1
Assignment
- Final Quiz
1
Readings
- Why not a Peer Assignment this week?
Lesson 1: More Advanced Selectors
-
6
Videos
-
2
Readings
6
Videos
- Pseudo Classes and Elements
- Code Together: Styling Images with Pseudo-classes
- Transitions
- Transforms
- Code Together: Transitions
- Accessible Navigation
2
Readings
- Resources
- Additional Resources
Lesson 2: Assessment
-
1
Videos
-
1
Readings
-
1
PeerReview
-
1
ExternalTool
1
External Tool
- Final Project: Optional Gallery Submission
1
Peer Review
- Final Project: Create your site!
1
Videos
- Final Project Description
1
Readings
- Final Project Description
Lesson 3: Closing
-
1
Videos
1
Videos
- Closing
Other Resources
-
2
Readings
2
Readings
- Coursera Options
- Post-Course Survey
Auto Summary
"Introduction to CSS3" is an essential course for anyone looking to dive into the world of web design and development. With a focus on Cascading Style Sheets (CSS3), this course is part of the Web Design For Everybody specialization and is perfect for beginners eager to learn the fundamentals of styling web pages. Led by expert instructors from Coursera, this foundational course spans 720 minutes of engaging content. Learners will master writing CSS rules, testing code, and developing good programming habits. A special emphasis is placed on ensuring web accessibility using the standardized POUR guidelines, making your designs inclusive for all users. Throughout the course, participants will gain practical skills to enhance web pages with complex layouts, unique fonts, and customized color schemes. By the end, you'll be equipped to sketch and implement your own designs using CSS, transforming plain HTML pages into visually appealing websites. A sample final project can be viewed [here](https://wd4ewebsite1css.wd4e-css.repl.co/). This course is available through various subscription options including Starter, Professional, and Paid plans, catering to different learning needs and budgets. Ideal for those new to web design, it requires access to a laptop or desktop computer for hands-on homework assignments. Join the "Introduction to CSS3" course today and start your journey towards becoming a skilled web designer.
Colleen van Lent, Ph.D.
Charles Russell Severance