MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Adobe Certified Training: PSD to HTML with Adobe Photoshop

Course Summary

Learn how to code an HTML/CSS pages from a Photoshop mock up in this PSD to HTML tutorial course.

  • +

    Course Syllabus

    • Setup and Analyze
      • Welcome
      • Getting Setup Properly
      • Analyze the Layout
      • Isolate and Export Graphics
      • Additional Export Considerations
      • Isolating Button Graphics
      • Export Button Graphics
      • Next Steps
    • Coding the Top Section
      • Getting Started
      • Calculating the Width
      • Adding the Background Image
      • Creating the Links
      • Reviewing the F2FW ico Class
      • Creating the Social Icon Graphics
      • Displaying the Social Icons
    • Coding the Header
      • Coding the Header Structure
      • Included F2FW ID's and Classes
      • Create the Gradient Background
      • Adding the Logo
      • Adding the Menu
    • Coding the Page "Hello" Section
      • Creating the HTML Structure
      • Creating the Gradient Background
      • Adding the Border
      • Coding the Top Bar
      • Adding the Hello Button
      • Creating the Article Text
      • Adding the Custom Buttons
      • Placing the Slider Image
      • Generating the Next and Previous Buttons
      • Position Button and Create Image Files
      • Adding the Arrow Images
    • Coding the Albums and Blog Section
      • Coding the Thumbnails
      • Adding Gray Surrounds and White Space
      • Correcting Thumbnail Appearance
      • Styling the Hyperlinks
      • Adding the Icons to the Hyperlinks
      • Coding the HTML for the Blog Section
      • Styling the Blog Section
      • Displaying Blog Post Icons
      • Changing Icon Position
    • Coding the Footer and Debugging
      • Coding the HTML for the Footer
      • Styling the Footer
      • Testing in Safari, Chrome, and Opera
      • Debugging FireFox Issues
      • Testing in Internet Explorer 9
      • Using Adobe Browser Lab
      • Adding the @font-face Declaration
      • Correcting IE Bug 1 and 2
      • Correcting IE Bug 3 and 4
      • Correcting IE Bug 5 and 6
      • Conclusion

Course Fee:
USD 79

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top