Creating mockups and presentations of the layout is given if you wish to pursue the line of web developer/ web designer.  Making prototypes and wireframes have now become easy with tools like Balsamiq. You no longer need to use Adobe illustrator, Photoshop to create wireframes – creating wireframes is easy , fast and beautiful with Balsamiq.

I myself use it extensively for creating sitemaps of client’s website, creating wireframes for website. With loads of UI components & icons available using Balsamiq is awesome.  The software comes at a very reasonable price of $ 79 for desktop app . You can even signup for their online web app which starts at a measly $12 pm allowing you to create upto 3 projects at a time.

Give it a try.