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

Generating HTML5 Layouts Using Photoshop

Course Summary

A short introduction that takes the viewer from a graphic asset created using Photoshop, and shows them how to slice it up and produce an HTML5 ready, reusable asset that can be included in any web project.

  • +

    Course Syllabus

    ● Using the Photoshop Slice Tool
        ◦ Introduction
        ◦ Assumptions
        ◦ Software
        ◦ A first look at the slice tool
        ◦ A better way of dividing slices
        ◦ Re-joining unwanted slices
        ◦ Setting slice options
        ◦ Creating the output
        ◦ A quick look at the output produced
        ◦ Summary
    ● Working with HTML5 Layout
        ◦ Introduction
        ◦ Remembering what got produced
        ◦ What is HTML5
        ◦ Intro to semantics
        ◦ The new HTML5 tags
        ◦ HTML5 Document Structure
        ◦ CSS3 Changes
        ◦ Analizing the document produced by Photoshop
        ◦ Tidying the HTML (round 1)
        ◦ Tidying the HTML (round 2)
        ◦ Refactoring the CSS
        ◦ Nth Child Selectors
        ◦ Continuing with the CSS tidying
        ◦ Fixing up the parent container and text area
        ◦ Reviewing what we just did
        ◦ Summary


Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations 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