Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Photoshop PSD to HTML
Setup and Analyze
Course Files
Welcome (2:38)
Getting Setup Properly (3:21)
Analyze the Layout (4:01)
Isolate and Export Graphics (7:34)
Additional Export Considerations (3:13)
Isolating Button Graphics (6:33)
Export Button Graphics (5:14)
Next Steps (1:09)
Coding the Top Section
Getting Started (3:11)
Calculating the Width (5:35)
Adding the Background Image (7:42)
Creating the Links (10:46)
Reviewing the F2FW ico Class (4:42)
Creating the Social Icon Graphics (4:33)
Displaying the Social Icons (5:26)
Coding the Header
Coding the Header Structure (3:48)
Included F2FW ID's and Classes (5:08)
Create the Gradient Background (6:25)
Adding the Logo (7:06)
Adding the Menu (9:47)
Coding the Page "Hello" Section
Creating the HTML Structure (1:52)
Creating the Gradient Background (5:05)
Adding the Border (4:32)
Coding the Top Bar (8:47)
Adding the Hello Button (6:21)
Creating the Article Text (10:05)
Adding the Custom Buttons (11:05)
Placing the Slider Image (3:55)
Generating the Next and Previous Buttons (5:41)
Position Button and Create Image Files (6:32)
Adding the Arrow Images (5:07)
Coding the Page Albums and Blog Section
Coding the Thumbnails (9:59)
Adding Gray Surrounds and White Space (7:29)
Correcting Thumbnail Appearance (2:26)
Styling the Hyperlinks (4:09)
Adding the Icons to the Hyperlinks (10:25)
Coding the HTML for the Blog Section (5:28)
Styling the Blog Section (4:34)
Displaying Blog Post Icons (9:59)
Changing Icon Position (5:09)
Coding the Footer and Debugging
Coding the HTML for the Footer (5:40)
Styling the Footer (8:17)
Testing in Safari, Chrome, and Opera (2:54)
Debugging Firefox Issues (3:50)
Testing in Internet Explorer 9 (3:01)
Using Adobe Browser Lab (2:27)
Adding the @font-face Declaration (2:42)
Correcting IE Bug 1 and 2 (5:20)
Correcting IE Bug 3 and 4 (2:05)
Correcting IE Bug 5 and 6 (4:47)
Conclusion (0:56)
Adding the Icons to the Hyperlinks
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock