Learn CSS Web Design & Development Beginner CSS introduction
4.5 (76 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
11,088 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn CSS Web Design & Development Beginner CSS introduction to your Wishlist.

Add to Wishlist

Learn CSS Web Design & Development Beginner CSS introduction

CSS masterclass learn how to apply styling to HTML elements
4.5 (76 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
11,088 students enrolled
Created by Laurence Svekis
Last updated 7/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 24 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Apply CSS styling to HTML elements
  • Create web pages and web sites
View Curriculum
Requirements
  • Basic HTML
  • Computer Access Internet Access
Description

Learning how to apply CSS to your HTML it will bring your web content to life!

Learn about CSS. Cascading Style Sheets is one of the main building blocks of web content online.  Its used everywhere to add styling to plain HTML. Applying CSS is easy to get started with updating your plain HTML code. Everything you need to get started with CSS is provided within this course.

Bring your web content to life with CSS.   This course will show you the syntax used within CSS and help you better understand where to apply the properties and values. Whether you are a beginner or want to update your skills, this course is for YOU! 

CSS is designed to save you time and we show you how to use it effectively to achieve results.

Explore what the different CSS properties can do. Expand your knowledge of CSS and learn what can be done with Cascading Style Sheets .    Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of elements within an HTML page.  This course is designed to help you learn how to use CSS within your web pages. 

Learn What CSS is and how YOU can use it!

Explore How to add CSS to your websites
Add styling with colors to fonts and backgrounds
Learn about the Box Model
Find more about How Padding, Borders, and margins work
Update your height and width and dimensions
Basics of displaying content with CSS
Explore the use of floats to create multiple column sites and pages

All about CSS positioning everything is included to get you started quickly!

Learning the CSS fundamentals will help you develop the core skills to apply styling to your HTML content.

From an instructor with over 18 years of web development experience.

I'm here to help you learn about CSS and ready to answer any questions you may have.  Let me introduce you to using CSS. I show you how to add CSS to your websites. What CSS can do and the amazing transformation that can be done.



Who is the target audience?
  • HTML beginners
  • Web designers
  • UI UX beginners
Students Who Viewed This Course Also Viewed
Curriculum For This Course
82 Lectures
05:57:41
+
Introduction to CSS
45 Lectures 02:58:20



How to add CSS to HTML Pages
10:28

Making selections CSS inspector
07:42

Divs and spans content selection
06:32

CSS selection id tag class
08:43

Colors HEX RGB RGBA values
07:29

CSS named color values
02:28

CSS background images
09:16

CSS background shorthand statement
02:33

Code Sample Backgrounds
00:07

CSS borders shorthand
05:44

CSS border Outline
02:04

Code Sample Borders
00:05

CSS Margins
04:07

CSS padding
03:10

CSS Box Model Dev Tools
07:40

Box Model Code Example
00:09

CSS height and Width
03:45

Box Model Challenge
05:20

Box Model Challenge Source
00:13

Auto Margins Center your elements CSS
02:02

CSS font property
05:37

CSS Text property
04:19

Chrome dev tools editors and options
02:48

Adding Font families Google Fonts
04:55

Line Height CSS
02:54

CSS letter spacing
02:35

Code examples Fonts text and letters
00:25

CSS links
04:52

CSS table styling
05:56

Display and Hiding elements CSS
06:37

Code samples
00:03

Display Inline 4 squares Challenge
05:31

Display Inline 4 squares Solution
00:16

CSS position Properties
06:14

DevTools Design Tips
03:03

Code Example position
00:04

Coding Challenge Make a NavBar from an unordered list
04:16

NavBar start code
00:04

Code Challenge Solution
10:42

Source Code Code NavBar CSS
00:17

Source Example Code
00:46

CSS links and Resources
00:02
+
Using CSS to build webpage layouts
13 Lectures 56:13
Floats section introduction
02:14

More about Floats
05:57

intro to floats
04:53

CSS Float images inline with text
06:17

CSS float thumbnails
05:26

Source Code Thumbnails
01:25

HTML build basic page layout CSS
06:10

2 column CSS site
04:12

Create a 2 column page layout in minutes
06:19

2 column source code
00:48

Create 3 column webpage
07:07

3 column height background color fix
03:55

Source Code 3 Column Website
01:29
+
Advanced CSS
9 Lectures 53:57
CSS Combinators
07:40

CSS Pseudo Classes
08:55

Source Code examples
03:46

CSS Pseudo Elements
08:22

Source Code
03:42

CSS Selectors by attributes
08:46

Selector example code
00:02

CSS Media Queries secret to responsive design
12:14

Media query source code
00:30
+
Do more with your CSS
8 Lectures 31:48
Multiple Background Images CSS
02:46

Element box properties CSS
07:07

More border options CSS3
08:08

Source Code Example
00:20

background gradients CSS
06:07

Code sample
00:22

CSS3 Animation
06:23

Animation example code
00:34
+
Apply CSS create a website
6 Lectures 38:54
HTML build a basic website structure with HTML
06:25

Apply CSS build a navbar
05:18

Build 2 Column main content area CSS
06:41

Sidemenu links hover CSS
07:47

CSS website tweak
10:21

Website source Code
02:22
+
Course Resources
1 Lecture 00:02
CSS resources
00:02
About the Instructor
Laurence Svekis
4.2 Average rating
13,052 Reviews
288,987 Students
183 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"