but we're wanting to look professional here, and nothing beats your own hand crafted site sitting pretty under your personalised .com domain name. What we're looking to achieve, is to build a simple website that compiles the important information of who you are, what you do, examples of your work and methods of contact. These are the key points anyone looking to hire a designer will need. The site also needs to look nice, but not to be too in-your-face that it takes the limelight from the examples of your work, so we'll build a clean, structured layout with subtle details. Finally, we also want the site to keep the attention of the viewer, if your website is part of a bunch of job applications we don't want to allow the viewer to lose interest clicking through page after page. Limiting the site to a single page helps display all the information quickly and effectively. Let's get started with the Photoshop mockup, then move onto the nitty gritty of coding up with XHTML/CSS, and finish off with some fancy features using an awesome jQuery plugin. Prepare The Document Start work by opening Adobe Photoshop, create a new document at 1680x1050px. Draw in guides to highlight a 960px wide area to accommodate 1024x768 resolution monitors. We don't want any major page elements straying beyond this point. Also draw out a basic grid to align the page elements to, giving a nice, structured appearance. Add Some Texture Fill the document with a