IIRF Online > Development > Web Development > CSS > Web Design for Beginners: Real World Coding in HTML & CSS
Web Design for Beginners: Real World Coding in HTML & CSS by Udemy
Launch a career as a web designer by learning HTML5, CSS3, responsive design, Sass and more!
Course Highlights
- Create any website layout you can imagine
- Support any device size with Responsive (mobile-friendly) Design
- Add tasteful animations and effects with CSS3
- Use common vocabulary from the design industry
Skills you will learn!
Curriculum
2 Topics
Course Introduction
Big Picture Overview of Course (What To Expect)
8 Topics
Why HTML is Exciting
First Look at HTML
The Easiest Way to Get Started
Hands On! Create your First HTML File
Russian Stacking Dolls: Bulleted Lists
HTML Document Structure
First Look at Attributes: Linking Pages Together
Section 1 Review
5 Topics
Images
Image Exercise
Audio Files
Video Files
Vector Graphics & Illustrations (SVG & Figma)
4 Topics
Headings
Lists
Bold & Italic
Special Characters
5 Topics
Semantic Structural Elements
Navigation
Non-semantic Elements ("div" and "span")
HTML Comments
The "Section" Element
3 Topics
Forms
Different Types of Inputs
Choosing Between a set of options
2 Topics
How to Create a Table of Data
Do Not Use Tables for Layout
7 Topics
CSS Introduction
CSS Selectors
The Cascade
Box Model
Quick Note About CSS Floats
Creating a Page Layout with Floats
Beauty School! Apply What We've Learned
2 Topics
Styling Navigation Menu
Overlapping Content & Transparent Backgrounds
2 Topics
Styling Data Tables
Styling Forms
2 Topics
CSS Typography
Using Custom "Web" Fonts
1 Topic
Developer Tools | Inspect Elements
4 Topics
Background Images
Gradient Backgrounds
CSS Sprites
Full Width Backgrounds - Fixed Width Content
4 Topics
Chapter Introduction
Responsive Web Design
Responsive Grids
Responsive Grid with Flexbox
2 Topics
Flexbox (Part 1)
Flexbox (Part 2)
3 Topics
CSS Grid Part 1
CSS Grid Part 2
CSS Grid Part 3
5 Topics
Box Shadows
Rounded Corners
CSS Transform
CSS Transitions
CSS Animations
5 Topics
Chapter Introduction
Slideshow (Part 1)
Slideshow (Part 2)
Reveal & Hide Content on Click / Tap
Open Image in Modal Window (Gallery)
2 Topics
Bootstrap (Part 1)
Bootstrap (Part 2)
3 Topics
Getting Started With Sass
Sass Basics
Sass Continued
1 Topic
Going Live using GitHub Pages
1 Topic
Cross Browser Support & Feature Detection
2 Topics
Next Steps
Bonus Lecture
Web Design for Beginners: Real World Coding in HTML & CSS
Related CSS Courses
.webp)
Thank You!
Your review has been submitted successfully.