Setup and Analyze

• 
  2.24 MB 2:39 Welcome

• 
  6.14 MB 3:21 Getting Setup Properly

• 
  4.72 MB 4:02 Analyze the Layout

• 
  11.63 MB 7:34 Isolate and Export Graphics

• 
  3.95 MB 3:12 Additional Export Considerations

• 
  9.73 MB 6:34 Isolating Button Graphics

• 
  8.63 MB 5:14 Export Button Graphics

• 
  1.96 MB 1:09 Next Steps

Coding the Top Section

• 
  4.83 MB 3:11 Getting Started

• 
  18.43 MB 5:36 Calculating the Width

• 
  11.33 MB 7:42 Adding the Background Image

• 
  28.35 MB 10:47 Creating the Links

• 
  10.13 MB 4:42 Reviewing the F2FW ico Class

• 
  8.58 MB 4:34 Creating the Social Icon Graphics

• 
  17.88 MB 5:27 Displaying the Social Icons

Coding the Header

• 
  7.47 MB 3:48 Coding the Header Structure

• 
  16.18 MB 5:08 Included F2FW ID's and Classes

• 
  11.04 MB 6:25 Create the Gradient Background

• 
  15.38 MB 7:06 Adding the Logo

• 
  18.4 MB 9:47 Adding the Menu

Coding the Page "Hello" Section

• 
  3.21 MB 1:52 Creating the HTML Structure

• 
  11.84 MB 5:05 Creating the Gradient Background

• 
  8.74 MB 4:33 Adding the Border

• 
  15.51 MB 8:48 Coding the Top Bar

• 
  12.35 MB 6:22 Adding the Hello Button

• 
  22.55 MB 10:05 Creating the Article Text

• 
  16.86 MB 11:05 Adding the Custom Buttons

• 
  6.83 MB 3:55 Placing the Slider Image

• 
  8.59 MB 5:42 Generating the Next and Previous Buttons

• 
  11.4 MB 6:33 Position Button and Create Image Files

• 
  7.54 MB 5:07 Adding the Arrow Images

Coding the Page Albums and Blog Section

• 
  15.79 MB 9:59 Coding the Thumbnails

• 
  11 MB 7:30 Adding Gray Surrounds and White Space

• 
  4.62 MB 2:26 Correcting Thumbnail Appearance

• 
  6.07 MB 4:10 Styling the Hyperlinks

• 
  16.87 MB 10:25 Adding the Icons to the Hyperlinks

• 
  10.45 MB 5:28 Coding the HTML for the Blog Section

• 
  12.76 MB 4:35 Styling the Blog Section

• 
  18.81 MB 10:00 Displaying Blog Post Icons

• 
  8.62 MB 5:09 Changing Icon Position

Coding the Footer and Debugging

• 
  10.88 MB 5:41 Coding the HTML for the Footer

• 
  12.7 MB 8:18 Styling the Footer

• 
  5.21 MB 2:54 Testing in Safari, Chrome, and Opera

• 
  7.94 MB 3:50 Debugging Firefox Issues

• 
  3.74 MB 3:01 Testing in Internet Explorer 9

• 
  3.49 MB 2:28 Using Adobe Browser Lab

• 
  3.79 MB 2:43 Adding the @font-face Declaration

• 
  8.96 MB 5:21 Correcting IE Bug 1 and 2

• 
  2.97 MB 2:05 Correcting IE Bug 3 and 4

• 
  7.94 MB 8:30 Correcting IE Bug 5 and 6

• 
  845.7 KB 0:57 Conclusion