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
2 lessons, 01:59

Free Preview
1.1
Introduction
00:56

Free Preview
1.2
What We're Building
01:03

2.Designing the Banner in Photoshop
7 lessons, 47:29

2.1
Creating the Banner Background
07:22

2.2
Downloading Fonts
03:00

2.3
Adding Text
08:18

2.4
Creating Snow
08:32

2.5
Looping Animations Explained
04:02

2.6
Exporting the Snow Layers
07:51

2.7
Exporting Other Graphics
08:24

3.Building the Banner
7 lessons, 52:52

3.1
Building the HTML
10:32

3.2
Styling the Background
06:06

3.3
Importing Our Fonts
06:35

3.4
Absolute Positioning
06:31

3.5
Positioning Text and Images
10:45

3.6
More Text Positioning
06:57

3.7
Changing the Stacking Order
05:26

4.Animating the Banner
9 lessons, 1:29:21

4.1
Let it Snow
10:14

4.2
Charting the Animation
13:36

4.3
Animating the Heading Text
09:29

4.4
More Heading Animations
19:04

4.5
Text Animations (Part 1)
07:25

4.6
Text Animations (Part 2)
07:28

4.7
Text Animations (Part 3)
09:19

4.8
Evergreens and Snowmen
09:48

4.9
Clickable Banners
02:58

5.Finishing Up
1 lesson, 01:29

5.1
Final Thoughts
01:29


Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio