Lessons:26Length:3.2 hours
1.2 What We're Building
In this lesson we'll take a look at the banner we're going to build in this course, and we'll briefly discuss the steps we'll take to build it.
1.Welcome
1.1Introduction00:56
1.1
Introduction
00:56
1.2What We're Building01:03
1.2
What We're Building
01:03
2.Designing the Banner in Photoshop
2.1Creating the Banner Background07:22
2.1
Creating the Banner Background
07:22
2.2Downloading Fonts03:00
2.2
Downloading Fonts
03:00
2.3Adding Text08:18
2.3
Adding Text
08:18
2.4Creating Snow08:32
2.4
Creating Snow
08:32
2.5Looping Animations Explained04:02
2.5
Looping Animations Explained
04:02
2.6Exporting the Snow Layers07:51
2.6
Exporting the Snow Layers
07:51
2.7Exporting Other Graphics08:24
2.7
Exporting Other Graphics
08:24
3.Building the Banner
3.1Building the HTML10:32
3.1
Building the HTML
10:32
3.2Styling the Background06:06
3.2
Styling the Background
06:06
3.3Importing Our Fonts06:35
3.3
Importing Our Fonts
06:35
3.4Absolute Positioning06:31
3.4
Absolute Positioning
06:31
3.5Positioning Text and Images10:45
3.5
Positioning Text and Images
10:45
3.6More Text Positioning06:57
3.6
More Text Positioning
06:57
3.7Changing the Stacking Order05:26
3.7
Changing the Stacking Order
05:26
4.Animating the Banner
4.1Let it Snow10:14
4.1
Let it Snow
10:14
4.2Charting the Animation13:36
4.2
Charting the Animation
13:36
4.3Animating the Heading Text09:29
4.3
Animating the Heading Text
09:29
4.4More Heading Animations19:04
4.4
More Heading Animations
19:04
4.5Text Animations (Part 1)07:25
4.5
Text Animations (Part 1)
07:25
4.6Text Animations (Part 2)07:28
4.6
Text Animations (Part 2)
07:28
4.7Text Animations (Part 3)09:19
4.7
Text Animations (Part 3)
09:19
4.8Evergreens and Snowmen09:48
4.8
Evergreens and Snowmen
09:48
4.9Clickable Banners02:58
4.9
Clickable Banners
02:58
5.Finishing Up
5.1Final Thoughts01:29
5.1
Final Thoughts
01:29
