PSD to HTML Part 1

[divineIproject]

Great tutorial! It's good that there are such people who help others to learn!

Actually, we also have few tutorials on website creating in Photoshop. Would you be interested in video response?

[krazyfua]

wouldn't that take a lot of time to load a page though?

[jawwadsaeed1234]

Hey! I need some help. Can anybody help me. My style.css is not loading in dreamweaver CS5.

Can anybody tell me whats the problem. I will be thankful if anybody.

Jawwad

[GFxCube]

@jawwadsaeed1234 Hey,

Did you connect it in the html sheet so dreamweaver knows to find the css sheet through that?

[jawwadsaeed1234]

@GFxCube Hey! Thanks for your reply.

This problem is solved but I have now big big problem in my coding.

Can you please help me?

[Quiksilverien]

Ok, i'm dipshit #1!

[Quiksilverien]

The correct way isn't this. The correct way is to code through HTML & CSS. That's how real programmers do it! This is through tables. Good luck once 1 thing goes wrong in 1 browser! :)

[GFxCube]

@Quiksilverien O great, you just learned how to webdesign and now know everything. Glad you feel confident enough to make comments like this. I'm comforted only be the fact my videos are of no use to you so I have one less dipshit watching.

[LuukeNukem]

@Quiksilverien dude youtube.com/watch?v=6PaHcZUHI0­0

[Quiksilverien]

@LuukeNukem

Great, you just found a way to link a youtube movie! It doesn't even affect me. I'm just telling you by learning a very very small amount of HTML(wich is very simple)and some CSS you'll be able to do it the correct way. This guy isn't telling you things wrong but it's not safe for you to do it.I did it aswell on this way, don't get me wrong.Your working in tables wich isn't good anymore. I coded once with very basic knowledge and when shit happened, i pulled my hair out

[underclass29]

@Quiksilverien This is HTML/CSS, web designers make PSD designs like this, slice them up and piece them back together with HTML etc... to represent the PSD in a protocol a browser can understand. GFxCube knows what he's talking about, I work for a design firm and we also do this.

[underclass29]

@underclass29 , I suggest you learn some more about the actual web design process from photoshop right through to coding and then for good measure learn some back end to really work things out. But please don't go around with the misunderstanding that you know what you talking about because you clearly don't.

[LegentOfRezMods]

What size canvas, and DPI are you working with for the webpage in photoshop?

[hainguyenducinfo]

Thanks GFxCube, i hope you will other the tutorials

[pkprabhazz]

really superb 

[shreeve21]

great tutorial!

[Botanek0]

Thank you so much for this tutorial! I made my own psd template and applied your method, and I am seriously happy with the result! Thank you so much!!!

[Muzikfixz]

thank you so much made my own tempalte without ur design thow but same method and worked great im gonna become a web designer

[Muzikfixz]

where do i download the template ur website is just google ads

[b1gbudda]

i designed our company's website this way but my boss is comlaining about how the site loads, because they are all slices it looks kinda messy when the site loads.. does somebody know how i can make it load without seeing the slices? thanks in advance

[ConFuseStudija]

Thanks! But can i cut buttons with Pen tool? Because i want to code design obliquely

[MultiAntora]

For a long time I didn't find the videos about PSD to HTML.. but I needed to be found it here..... thank you very much GFxCube.... Keep it up that wonderful job..

[Olly1814]

Hey Gfx, I love your videos, best ones I've seen (so far) ^^ but I do have one problem, when I tried to download the .PSD for this video the link to your site GFxCube.net on one of your other videos redirected me to a french site. Am I the only one having this problem?? (I do live in France so that could be the reason...) Thanks and keep up the good vids :)

[ProductionsGHM]

thanks thanks you helped too much :D

[WCKicksAss]

Thanks so much:D

[kikogol182]

thanks :D

[TheFleming98]

5 people somewhere are jealous for not having a Mac

[071598dave]

@TheFleming98 Don't comment when you don't know SHIT. Hes using Windows, and not a Mac. God damn these people who comment on important videos to get thumps up. Thanks for the video, GFxCube. Best one I've see so far. SUBSCRIBED!

[alec091693]

God your brilliant.

Thanks for getting to the point and explaining it.

[lianereia]

Wow.. very clear and precise.. it helps me learn a lot.

thanks!..

[umairaslambhatti]

Nice guide , give a lot about some technical aspects

[umairaslambhatti]

Nice guide , give a lot about some technical aspects

[howtocreatewebsite]

Thanks for this, It is an insight into what was a closed html book to me.

[mycyberclone]

what size of your canvas????

[reiran18]

i have a question..wer did u get the template?did you made it yourself?wat if u had a file already containing the template..how will u transfer it to adobe photoshop?tanx

[CraHeX]

Nice tuts!!!!!!!!!

[hadkjfhkad]

why my style.css not changing still a newstext doc.

[pocheco5646766]

Great tutorial! Thanks a million. Very easy to follow.

[hafizfalul123]

thanx u :)

[zainkafeel]

IF any buddy need Service Professional Code Contact Slicingpsdtohtml[com]

[Katilcious]

Thanks alot Dude :)

[nanogirl]

How about slicing text boxes, and text boxes that are at an angle?

[xxnextlivexx]

Thank you very much that helped me a lot.

[TeamNiBiC]

hey mate! :) WATCHED YOUR 1-6 videos!!. :). GREAT. but where can i get the template?. i need the codes for the html.. i subbed btw. and faved.

mail me:

admin@teamnibicYcom

Y = . or PM me :). Please. I liked too :)!

[tiarnan76]

So youve gone from Slicing - into all the PSD files slotted into dreamweaver - why bother doing a fucking tutorial if youre going to skip steps?????????

[Rufflesguy]

Great tut man helped me a lot thanks

[djmickeyg]

i like the way you made the tutorial, i knew how this works. but this is good for beginners :D

[AdamKaoru]

Save for Web IS available in CS2, CS1 as well. I've been doing it for a LONG time.

Good tut! :)

[azwethinkweis]

The code generated tables ...not so good

[Cooriedoon]

Hi do you have a new web site address the GFXCUBE one is all adverts

[Bilox187]

thx very nice :)

make more... your videos are realy great help

but, pls

speek dont so fast ;)

my english is not so goog.

Ty Bilox

[rlopcs]

Very good Tutorial!!

Cuold you please tell me which software did you use to record it?

[manley09]

very good

[oMarshallo]

Thank you, great job ***** 5stars

[MihaiAlexandru92]

How can you make an editable region out of an image?

[ksaloverksa]

you've helped me alot buddy , thx

[CJBx1337]

Thanks Skye.

[mlbe8]

Could you do a tutorial on how i add my pages to my links. i already have a massive ammount of matterial ready in micro word, is it just as simple as copy and paste into a bland Dreamweaver page if so could you demonstrate the path how to Save ect.

[GFxCube]

I'll try to get it up later today.

[mlbe8]

Oh i sussed it never had the optimised tab on.

Could you do a tutorial on how i add my pages to my links. i already have a massive ammount of matterial ready in micro word, is it just as simple as copy and paste into a bland Dreamweaver page if so could you demonstrate the path how to Save ect.

Thank you. Mark

[mlbe8]

in all eight splices done the way you showed can you help please.

Mark from Scotland

And thanks for the great tutorials

[mlbe8]

Hi, I followed your tutorial to the letter, however when i save as web & devices the box pops up and you have a preview of your template with all the slices, Well, in your vid you clicked on your seperate sections and it gave you info in the bottom left corner, with mine i can't seem to highlight these sections, don't want to progress any further incase this causes me problems later, have you any ideas on where ive went wrong. My template is one header, nav bar with 6 buttons & a content area

[chiyo10chon]

Thanks a lot!

[GFxCube]

Your welcome

[KamilEvolution]

Ah! That's amazing, thank you for sharing.

But, where did you get that program that gave you the coding? - Thank you.

[GFxCube]

iso-cube[com]

Can download it and a bunch of other warez for free.

[sliver37]

Awesome stuff!

[GFxCube]

Thanks silver. Hope it helped you

[dharamDSM]

Kepp it up bro!

[xDiehardshortyx]

Very nice tut helped a lot :)