Recreating a Website From a Photo

After only 3 weeks of learning HTML 5 & CSS, I was given a class homework assignment to re-create a website from an image. I think I did pretty good. Let me know what you think.


This was my reference image.


This is my work after 8 hours.

At the end of the week I was given a test to do the same thing…and it took me 16 hours to complete it. After 16 hours of frustrating fun, I did it. It wasn’t perfect, but at least I finished it. This was probably the most challenging thing I’ve done in this class so far.

Sample image.

Sample image.

Finished project.

Finished project.

So is it easier to create a website from a picture (i.e. laying it out in Photoshop first) or just building it from scratch? I like to visualize and plan things out first, but this project was hard. I think if I was just doing this on my own, and not under the gun, I would’ve done better.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s