Web Design – HTML & CSS
Categories: Designing, Programming
About Course
Launch a career as a web designer by learning HTML5, CSS3, responsive design, Sass and more!
What Will You Learn?
- Create any website layout you can imagine
- Add tasteful animations and effects with CSS3
- Support any device size with Responsive (mobile-friendly) Design
- Use common vocabulary from the design industry
Course Content
01 Welcome
-
001 Course Introduction
01:59
02 HTML Essentials
-
002 Why HTML is Exciting
02:10 -
003 First Look at HTML
07:09 -
004 Hands-on – Create Your First HTML File
04:52 -
005 Russian Stacking Dolls Bulleted Lists
04:22 -
006 HTML Document Structure
04:51 -
007 First Look at Attributes – Linking Pages Together
06:25 -
008 Section 1 Review
02:18
03 Adding Media to a Web Page
-
009 Images
05:24 -
010 Audio Files
05:48 -
011 Video Files
08:14
04 Text Basics
-
012 Headings
03:48 -
013 Lists
05:47 -
014 Bold Italic
07:13 -
015 Special Characters
03:08
05 Semantics Organization
-
016 Semantic Structural Elements
07:35 -
017 Navigation
04:00 -
018 Non-semantic Elements div and span
05:27 -
019 HTML Comments
02:41 -
020 The Section Element
04:47
06 Forms
-
021 Forms
08:19 -
022 Different Types of Inputs
06:21 -
023 Choosing Between a Set of Options
10:35
08 CSS Essentials
-
026 CSS Introduction
05:17 -
027 CSS Selectors
06:51 -
028 The Cascade
10:08 -
029 Box Model
08:19 -
030 Creating a Page Layout with Floats
15:34 -
031 Beauty School – Apply What We’ve Learned
11:44
09 Intermediate CSS
-
032 Styling Navigation Menu
08:01 -
033 Overlapping Content Transparent Backgrounds
15:06
10 Less Exciting Yet Still Necessary CSS Tasks
-
034 Styling Data Tables
12:46 -
035 Styling Forms
17:20
11 CSS Typography
-
036 CSS Typography
09:29 -
037 Using Custom Web Fonts
12:24
12 Developer Timeout
-
038 Developer Tools Inspect Elements
05:43
13 CSS Backgrounds
-
039 Background Images
15:12 -
040 Gradient Backgrounds
05:10 -
041 CSS Sprites
11:32 -
042 Full Width Backgrounds Fixed Width Content
07:00
14 Responsive Web Design
-
043 Responsive Web Design
19:55 -
044 Responsive Grids
19:58
15 CSS3 Special Effects
-
045 Box Shadows
05:55 -
046 Rounded Corners
06:39 -
047 CSS Transform
12:49 -
048 CSS Transitions
13:08 -
049 CSS Animations
19:58
16 Leveraging JavaScript without Writing JavaScript
-
050 Slideshow – Part-1
17:59 -
051 Slideshow – Part-2
09:06 -
052 Reveal Hide Content on Click Tap
12:13 -
053 Open Image in Modal Window Gallery
18:40
17 Sass
-
054 Sass Introduction
19:58 -
055 Sass Continued
19:56
18 Cross-browser Compatibility
-
056 Feature Detection
11:17 -
057 Browser Device Testing
10:09
