Hi, I'm fairly new to coding and all that jazz, okay tell a lie I know nothing, but I have been designing for quite a while and really could do with some help. Could someone tell me where to start with coding this which I have designed, or point me in the right direction? It's (very) simple so I know it shouldn't be hard once I get the hang of it!

 

help would be appreciated. Thanks

 

What you will need to do is slice up the image into smaller segments, except the text. Then use CSS to help you with the positioning of the website. Use DIVS in the html to place items in certain places etc. So your container div, you would want to give around 200-300 padding on the top and on bottom, and auto on left and right. Then put your own DIVS in to help position the Computer, The buttons etc. You will also want another dive below your container for the links at the bottom.

 

Here are a few tutorials on HTML and CSS (HTML is basic for this kind of design, but the CSS you will find tricky if you have no experience).

 

HTML:

 

http://www.pagetutor.com/html_tutor/lesson01.html

 

CSS:

 

http://www.csstutorial.net/introductionCSS.php

 

If you need help, feel free to ask the community

this may help you with setting the containing div.

 

linky

Digg here:

http://dzineblog.com/2009/04/tutorials-psd-to-html.html

HTML and CSS isn't the hardest of things to pick up. If you spend some real time looking and trying things out. The most important thing, is that you try to do things. Follow some basic CSS tutorials, and you should start to pick it up fairly easily.

 

Reading and looking at tutorials or site is fine and dandy. But in this game.. if you don't get stuck it, you'll find it very hard to learn. Once you get going, you'll pick up more and more as you go. It's the best way to do this.

Hey take a look and let me know if you need some help!