I want to learn to code a PSD template!

[Guest George || Apollis]

Hiya! I am looking to learn how to slice and code a PSD into xhtml/css. I am looking for someone who has considerable knowledge about this. I will teach you my knowledge on designing sites if you are willing to trade. I can also purchase your lesson. Please PM me if you are willing to trade or your price. THis is not slice and just leave it as a table, i want the easiest way to code it valid.

[Djkanna]

It's easy stuff and lots of good tutorials out there, use Google :P

[Lucifer]

I used youtube. There is some very good tutorials on there

[Jordan Palmer]

George - Ask Dayo too show you how? Using Team-viewer; You're partners i'm sure he would

[Haunted Dawg]

I think Dayo use's dreamweaver, im not sure. You can contact me, and tehn we can work something else. Pretty good with it too.

[Danny696]

Does dreamweaver do XHTML with div's, whenever i used it, it didnt :/

[Dayo]

Does dreamweaver do XHTML with div's, whenever i used it, it didnt :/

yes i use DW but i code all my html/css myself ... dont use any pre defined styles

DW is realy useful for learning CSS and HTML would advise it to anyone ... btw i dont only use dw i use other programmes too

[Aurora078]

My preference is Notepad++, but thats because i don't like how DW's interface is, all cluttered and such.

Anyway, If you would like to learn how to code PSD's, its very simple. First you need to know (x)HTML/CSS.

Once you know these, all you have to do is slice your images and position them where you want them.

[Aurora078]

My preference is Notepad++, but thats because i don't like how DW's interface is, all cluttered and such.

Anyway, If you would like to learn how to code PSD's, its very simple. First you need to know (x)HTML/CSS.

Once you know these, all you have to do is slice your images and position them where you want them.

And my bf is looking for a design for his portfolio but he got busy and i think he already told you he'd help you, so i can help you learn if you want.

[a_bertrand]

well dreamweaver is good to see how you could do something. and it has the advantage that you can both work with the HTML and in visual mode (WYSIWYG) or even both at the same time. So you can always tweak the HTML and see the effect without reloading your browser nearby. It's perfect for learning. Now if you are more advanced, indeed a normal text editor should do the trick.

To come back to PSD / Splitting, you should really think what you want as result => resizable or not, centered page or not etc... and this inside photoshop. The you must cut your image (either using the tools provided (like the slices and export directly a first static HTML) or cut by hand via the cut / paste. Once you have all your little piece of image, you must produce an HTML / CSS which bring them into your browser. DIVs or TABLES is up to you, even if there is some religious people out there that will come and say you should never use tables, do whatever you feel more comfortable with.

[Dominion]

no thats called getting your post count up...

youtube has really good stuff for learning if your willing to put the time in (as i am sure you are :) )

[Aurora078]

no thats called getting your post count up...

youtube has really good stuff for learning if your willing to put the time in (as i am sure you are :) )

Well if you think so, its your opinion so im not going to say its not, but yes youtube does have alot of tutorials for things. Google of course always helps searching, and George if your looking to learn valid (X)HTML/CSS try w3schools, code a small bit like just a basic page with a body of something and then use the validator every few 20 lines or so and learn that way. Remember to always use a DOCTYPE, html tags, head tag, title attribute within the head tags ( can be blank or not, but must be there in order to be valid ), charset which i most often forget about, and to put any stuff like <link href="" type="text/css" rel="stylesheet" /> or <script src=""></script> in the head tags as well.

Here's what a XHTML 1.0 Strict basic document would look like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <title>Document Title</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

   </head>

   <body>
    Hello World!
   </body>
</html>

[Dayo]

it would be easier for you to learn with tables first (not the best overall) then work your way to divs and when coding the template work from the top downwards (seen so many epic fails of people randomly adding this here and taht there :P)

and to be honest it would be alot easier for you to learn online rather then team viewer cos if most people are like me i would get impaitient and basicly code it for you and you wouldent learn a thing ... but if you need any help to fix bugs just email me them

[Aurora078]

it would be easier for you to learn with tables first (not the best overall) then work your way to divs and when coding the template work from the top downwards (seen so many epic fails of people randomly adding this here and taht there :P)

and to be honest it would be alot easier for you to learn online rather then team viewer cos if most people are like me i would get impaitient and basicly code it for you and you wouldent learn a thing ... but if you need any help to fix bugs just email me them

 

TeamViewer is good for assistance, not for teaching someone to do a whole thing lol. and yes tables should be learned before divs, but either way if you want to learn you can witha bit of trial & error

[Haunted Dawg]

If i was to tell a person to learn how to code, i would not tell them to go learn the deprecated stuff!! So no, don't learn table's first, jump straight at it and learn div's, they are much easier once you get to know your CSS!

Why work top downward's? When it's better working ground up? And no, i don't mean by adding stuff here and there, i mean by actualy putting in bit by bit. If i slice a layout, my first thing is my basic setup with the design on the page. Then i start adding the bit's and bob's. Find it much easier this way.

[Aurora078]

Well considering tables arent going to be deprecated i think until HTML 5 comes out, you can still learn them, but yes div's are much better and flexible

[iSOS]

<tables> won't be gone for a looooonnnnnngggggg time.

[Dayo]

HD i start by the main holder, title, nav (left/top), text area, bottom + copyright