Online Class: Introduction to CSS

This course shows you how to design web pages and create CSS classes from a beginner's level to a more intermediate level.

$95.00
no certificate
- OR -
$120.00
with CEU Certificate*
Start Right Now!
$120.00 (with CEU Certificate)
Taking multiple courses? Save with our platinum program.
 
  • 12
    Lessons
  • 14
    Exams &
    Assignments
  • 2,699
    Students
    have taken this course
  • 11
    Hours
    average time
  • 1.1
    CEUs
 
 
 

Course Description

Unveiling the Secrets of Modern Web Design: Dive Deep with CSS3 & HTML5

Ever gazed upon a stunning website and wondered about the magic behind its flawless design? Welcome to the dynamic universe of Cascading Style Sheets (CSS), the lifeblood of contemporary web design. At the forefront of this evolving domain stands CSS3, the most recent advancement in styling standards. It offers a plethora of innovative properties and declarations, equipping you with the tools to sculpt cutting-edge, interactive, and responsive website designs.

"Mastering Modern Web Design: CSS3 & HTML5 Explained" is your golden ticket to the realm of web design excellence. This comprehensive course gently eases you into the intricate dance of design and coding, making it perfectly suited for both novices and those looking to upgrade their skills.

Course Features and Highlights:

  • From Basics to Brilliance: Venture from understanding elementary HTML declarations to mastering the art of styling using the nuances of CSS3. Whether you're deciphering your first line of code or elevating your foundational knowledge, our course ensures a seamless learning curve.

  • Interactive, Step-by-Step Guidance: We don't just tell; we show. Experience hands-on learning as we walk you through the process of crafting a CSS file, integrating it seamlessly with your HTML code—even if your website resides on a cloud server.

  • Positioning and Layout Perfection: Dive deep into the techniques of element positioning. Learn the art of orchestrating elements in relation to your documents, ensuring your designs resonate with aesthetic coherence and functional finesse.

  • Styling Mastery: Grasp the essence of styling your HTML structures using a rich palette of predefined CSS values. Be it subtle shadows or vibrant animations, let your web pages narrate stories that captivate.

  • Up-to-Date Coding Standards: Stay ahead of the curve. Our curriculum emphasizes the most contemporary practices, focusing predominantly on the advancements of CSS3 and HTML5. Bid adieu to obsolete methodologies and embrace the future of web design.

  • For Everyone and Anyone: Designed with inclusivity in mind, our course caters to a wide audience. Whether you've never encountered a line of CSS code or are simply seeking a refresher, we've got you covered.

Why This Course?

In today's digital age, websites are more than just digital real estate—they are experiences. The confluence of CSS3 and HTML5 has revolutionized how these experiences are crafted and consumed. By embarking on this course, you're not just learning; you're investing in a skill that's invaluable in the modern world.

Enroll in "Mastering Modern Web Design: CSS3 & HTML5 Explained" and set forth on a journey that promises creativity, innovation, and excellence. Unlock the doors to the enchanting realm of web design, and let your creations redefine digital brilliance.

  • Completely Online
  • Self-Paced
  • Printable Lessons
  • Full HD Video  
  • 6 Months to Complete
  • 24/7 Availability
  • Start Anytime
  • PC & Mac Compatible
  • Android & iOS Friendly
  • Accredited CEUs
Universal Class is an IACET Accredited Provider
 
 

Course Lessons

Average Lesson Rating:
4.54 / 5 Stars (Average Rating)
"Extraordinarily Helpful"
(780 votes)

Lesson 1: Introduction to CSS: Why Use CSS?

12 Points
CSS files are the layout and design for a web page. From the placement of images and text to the font size and background color, CSS controls the way these HTML elements display in a browser. Additional lesson topics: HTML5 and CSS: Introductory; HTML and CSS: Design and Build Websites
  • Lesson 1 Video
  • Lesson discussions: Reasons for Taking this Course
  • Complete Assignment: Motives for Taking this Course
  • Assessment: Exam 1

Lesson 2: CSS Syntax

10 Points
This lesson focuses on CSS selectors, properties, values and different basic declarations you need to make basic CSS classes and styles. Additional lesson topics: CSS Syntax; The Several CSS Selectors you Must Memorize
  • Lesson 2 Video
  • Assessment: Exam 2

Lesson 3: HTML 5 and CSS

9 Points
The latest version of HTML is HTML 5, which has changed the face of web page design. The latest version of CSS is CSS 3. Both of these versions work together to create interactive desktop applications that work on both a desktop browser and a mobile brows Additional lesson topics: CSS Tricks-box- shadow; Using CSS gradients
  • Lesson 3 Video
  • Assessment: Exam 3

Lesson 4: Setting Up Web Pages with CSS

10 Points
This lesson will cover some basics of inserting CSS classes in your coding projects. Additional lesson topics: Three Ways to Insert CSS
  • Lesson 4 Video
  • Assessment: Exam 4

Lesson 5: Styling Text, Font, and Properties

10 Points
Having some knowledge in font layouts and design and knowing how to work with these designs in CSS will help you when you design your pages. Additional lesson topics: Font Properties; CSS Properties
  • Lesson 5 Video
  • Assessment: Exam 5

Lesson 6: Styling Page Backgrounds

10 Points
You can use a color, a gradient, or even an image for your background. When you set your background, the entire page is set with the color or image and any layers or elements overlap the background. Additional lesson topics: Perfect Full Page Background Image CSS-Tricks
  • Lesson 6 Video
  • Assessment: Exam 6

Lesson 7: Styling Lists in CSS

10 Points
Lists (both bullet points and numbered) have been a part of HTML code for ages. What's new about lists is the way you can stylize them for your users in CSS. Additional lesson topics: 5 Simple and Practical CSS List Styles You Can Copy and Paste; Multiple Class / ID and Class Selectors CSS Tricks
  • Lesson 7 Video
  • Assessment: Exam 7

Lesson 8: Using CSS Classes and IDs

9 Points
CSS lets you use inheritance, which means that objects or styles can “inherit” or take from their parent classes. Additional lesson topics: CSS Classes vs ID Tutorial
  • Lesson 8 Video
  • Assessment: Exam 8

Lesson 9: Using Borders and Height and Width CSS Properties

10 Points
When newer styles of CSS and HTML were introduced, the hassle of borders was remedied and now designers can use premade CSS classes to create a border around an HTML element. Additional lesson topics: Box Sizing CSS Trick; CSS Box Model
  • Lesson 9 Video
  • Assessment: Exam 9

Lesson 10: CSS Pseudo Elements

10 Points
CSS not only lets you control styles of an element, but it also lets you control styles for parts of an element. Additional lesson topics: CSS Pseudo-elements; A Whole Bunch of Amazing Stuff Pseudo Elements Can Do- CSS Tricks
  • Lesson 10 Video
  • Assessment: Exam 10

Lesson 11: Positioning Elements

10 Points
In this lesson, we'll learn how to work with tableless designs, position elements, floating styles, margins and padding, and other aspects of creating layouts that fit a page width and height. Additional lesson topics: CSS Positioning; Learn CSS Positioning in Ten Steps
  • Lesson 11 Video
  • Assessment: Exam 11

Lesson 12: Validating CSS and HTML

67 Points
After you finish your CSS and HTML design, you need to validate it in some way. There are several validation tools on the market across the web.
  • Lesson 12 Video
  • Lesson discussions: What is your opinion of this course?; Program Evaluation Follow-up Survey (End of Course); Course Comments
  • Assessment: Exam 12
  • Assessment: Final Exam
177
Total Course Points
 

Learning Outcomes

By successfully completing this course, students will be able to:
  • Define CSS.
  • Demonstrate using basic CSS syntax.
  • Demonstrate set up web pages with CSS.
  • Demonstrate using CSS for styling text, font, and properties.
  • Demonstrate using CSS for styling page backgrounds.
  • Demonstrate styling lists in CSS.
  • Demonstrate using CSS classes and IDs.
  • Demonstrate using borders and height and width CSS properties.
  • Demonstrate using CSS pseudo elements.
  • Demonstrate positioning elements with CSS.
  • Demonstrate validating CSS and HTML.
  • Demonstrate mastery of lesson content at levels of 70% or higher.
 

Additional Course Information

Online CEU Certificate
  • Document Your Lifelong Learning Achievements
  • Earn an Official Certificate Documenting Course Hours and CEUs
  • Verify Your Certificate with a Unique Serial Number Online
  • View and Share Your Certificate Online or Download/Print as PDF
  • Display Your Certificate on Your Resume and Promote Your Achievements Using Social Media
Document Your CEUs on Your Resume
 
Course Title: Introduction to CSS
Course Number: 8900324
Lessons Rating: 4.54 / 5 Stars (780 votes)
Languages: English - United States, Canada and other English speaking countries
Availability: This course is offered online and is accessible in every state across the U.S., including California, Texas, Florida, New York, Pennsylvania, Illinois, Ohio, and Georgia. Learners in English-speaking countries like Canada, Australia, the United Kingdom, and South Africa can also enroll.
Last Updated: June 2024
Course Type: Self-Paced, Online Class
CEU Value: 1.1 IACET CEUs (Continuing Education Units)
CE Accreditation: Universal Class, Inc. has been accredited as an Authorized Provider by the International Association for Continuing Education and Training (IACET).
Grading Policy: Earn a final grade of 70% or higher to receive an online/downloadable CEU Certification documenting CEUs earned.
Assessment Method: Lesson assignments and review exams
Syllabus: View Syllabus
Course Fee: $120.00 U.S. dollars

Choose Your Subscription Plan

Course Only
One Course
No Certificate / No CEUs
$95
for 6 months
 
Billed once
This course only
Includes certificate X
Includes CEUs X
Self-paced Yes
Instructor support Yes
Time to complete 6 months
No. of courses 1 course
Certificate Course
One Course
Certificate & CEUs
$120
for 6 months
 
Billed once
This course only
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 6 months
No. of courses 1 course
Platinum Yearly
ALL COURSES
Certificates & CEUs
$189
per year
 
Billed once
Includes all 600+ courses
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 12 Months
No. of courses 600+
Platinum 2 Years
ALL COURSES
Certificates & CEUs
$299
for 2 years
You save $79.00!
Billed once
Includes all 600+ courses
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 24 Months
No. of courses 600+