Skip to Content

Building a landing page using HTML / CSS

Author: Michael Hopkins

This tutorial will start with a single-page Photoshop design and show you
how to cut up the images, and then place content in HTML using CSS styling.
This tutorial covers centring a column of content, image replacement for
text and floated column layouts.

The source PSD file and completed code from the tutorial can be downloaded
here.

Launch Video

bulletBack


Share

Like this? Click a link below to share it...


Subscribe and Download

Subscribe to the Swinburne Faculty of Design Podcasts

Post a comment

Garbage posts and SPAM will be deleted.

* Name:
* Email: (will not be made public)
* Comment:
* Reply Notification: