IM 190

MHCC Web Basics

  • HomeStart Over
  • ScheduleWhat & When
  • SyllabusCourse Outline
  • ContactGet In Touch

May 18, 2010
Posted by admin

PSD to HTML Conversion Options

Choose one of the following development routes you will take only after you have gathered and organized all the content for your site. That is all the body copy, page titles, images, videos, etc.

Exceptional comprehension of PSD to HTML/CSS conversion

Use only PSD graphics you created, or downloaded as a theme template, and convert the design into HTML/CSS.

Screencasts and tutorials for PSD/HTML conversion:

  • Create A CSS Layout From Scratch
  • Converting a Design From PSD to HTML
  • Converting a Photoshop Mockup Series: Part 1 of 3
  • Build a Sleek Portfolio Site From Scratch
  • PSD to HTML Tutorial List
  • PSD to HTML Conversion for a Set of Web Designs – Advanced

Download PSD themes to work with:

  • PSD Themes
  • Free PSD Template List
  • Bevel and Emboss: Free Templates

Average understanding of markup and styling

If it’s hard for you to begin coding a design from scratch then start with the code already build into a template. You still need to know how to modify the template and look of the website to make it your own.

Free CSS Templates

Opensource Templates

Mediocre grasp of replacing content and images

You can still use a ready made template but with little or no editing of the css styles or HTML markup.

No Comments

Posted Under Assignments Side Notes

No Comments Yet

You can be the first to comment!

Leave a comment

* = Required

    Subscribe to RSS

    Subscribe by Email

  • Categories

    • Assignments (16)
    • Don't Make Me Think (2)
    • Lectures (1)
    • Screencasts (2)
    • Side Notes (4)
  • Recent Posts

    • Guerrilla Usability Testing
    • Sprites Navigation Screencast
    • CSS Positioning
    • PSD to HTML Conversion Options
    • Reading 7-8
  • Useful Links

    • Advanced Sitemap Tutorial
    • Audio Player Tutorial
    • Don't Make Me Think
    • Nettuts – Web Basix
    • UX Booth
    • W3 Schools
    • W3C
    • Web Design From Scratch
  • Applications

    • Colors
    • Cyber Duck
    • Fetch
    • Omni Graffle
    • Silverback App
    • Text Wrangler
  • Resources

    • CSS Basics
    • CSS Properties
    • CSS Snippets
    • HTML Color Picker
    • HTML Dummy Text
    • HTML Tags
    • HTML/CSS Cheat Sheets
    • Site Map Generator
    • Very Basics Screencast

This site is using the Handgloves WordPress Theme
Designed & Developed by George Wiscombe

Subscribe via RSS
Login