Making a website? (from a photoshop layout)?

Question

I have recently picked up the hobby of web design, and i want to make Real website now. i already have my website layout finished and it is a Photoshop document now, is there an easy way i can use my layout and make it into a website because I dont have any coding experience.

(i dont want a pre-customized templete) i want to start from scratch and use My layout.

Answer 1

I like Coffeecup HTML Editor because it includes wizards and tools to make it easy to develop your website. They also offer free hosting with their S-Drive service. You don't have to mess with configuring FTP settings and all your files are referenced correctly. The software is a desktop program which means you are not locked with any online design service and have the freedom to use your website with any hosting provider.

Answer 2

The photoshop layout for a website is just a blueprint on the design specifications for the website. It will guide you what to design and where. Ultimately, what you need is to apply web designing techniques to make a website which is the exact copy of the photoshop layout and CSS and HTML will help you in that regard.

Answer 3

First step is to plan or think about how you will build the XHTML. By this I mean, what elements in your PSD will be used as backgrounds? What fonts (Google Fonts API) will work best with your PSD (assuming you're not using default Web fonts)? Etc...



Then you build a grid "wireframe" in XHTML using

tags and CSS to position and/or float them...



Next up, slice your PSD into Web safe images (photos = JPG, line art = PNG)



Add the images to your XHTML and finalize your CSS, add the JS layer and voila ready for content



I will add some more complexity to this and suggest you learn about responsive Web :D I hope this helps a little. I don't know your learning type but I like to learn by jumping into things head first, make tons of mistakes and learn from them. I would also start with HTML5/CSSIII then learn the frustrations of the limitations of IE :)

Answer 4

You're going to need to learn how to write HTML if you are serious about web design. It is what most websites are made from as well as some java and CSS. http://www.w3schools.com/html/default.asp is going to be the best way to learn HTML for a beginner. Also if you have ever used tumblr, all of their blogs are written in HTML and some CSS for moving graphics so make a blog on there and mess around with your template on there.