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 to using Photoshop's slice tools to create HTML5 output

  • +

    Course Syllabus

    Using the Photoshop Slice Tool
    - 22m 38s

    —Introduction 1m 2s
    —Assumptions 1m 13s
    —Software 1m 4s
    —A first look at the slice tool 3m 26s
    —A better way of dividing slices 2m 11s
    —Re-joining unwanted slices 2m 46s
    —Setting slice options 4m 23s
    —Creating the output 4m 29s
    —A quick look at the output produced 0m 51s
    —Summary 1m 13s
    Working with HTML5 Layout
    - 30m 35s

    —Introduction 1m 18s
    —Remembering what got produced 2m 25s
    —What is HTML5 1m 0s
    —Intro to semantics 1m 16s
    —The new HTML5 tags 2m 48s
    —HTML5 Document Structure 0m 52s
    —CSS3 Changes 1m 41s
    —Analizing the document produced by Photoshop 2m 2s
    —Tidying the HTML (round 1) 1m 55s
    —Tidying the HTML (round 2) 3m 13s
    —Refactoring the CSS 1m 18s
    —Nth Child Selectors 3m 28s
    —Continuing with the CSS tidying 2m 29s
    —Fixing up the parent container and text area 2m 11s
    —Reviewing what we just did 1m 15s
    —Summary 1m 24s

Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations Community

Related Posts:

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