PSD to HTML Part 2

[Longva9]

@GFxCube I think... I think.. I think I love you!!! THANK YOU!!

[crozb2]

shows up fine in all browsers except in internet explorer .... any tips

[minus9176]

Love your videos ! Thx alot.

[fthis123456]

AND...all those table tags are bad for SEO...very bad.

[GFxCube]

@fthis123456 Gunna have to troll harder bro. These videos were made to help people get a start. Obviously no one should ever to image slicing except to get images out. Troll videos not 3 years old and not designed to help people learn. A lot have gotten a start from these videos.

Maybe it's time I make new videos to help people really learn a few things. In the mean time, no room for trolls. Cya :)

[syco1986]

@GFxCube What is meant by "no one should ever to image slicing except to get images out" Is this not a practice used in the industry? I was looking up jobs and it said requirement to know how to get Photoshop to HTML, do you know what that means?

[youdreamwedevelop]

@fthis123456 this is not an SEO tutoria i guess you are that only disliker :D

[fthis123456]

Heres the reasons as to why this guy's approach to convert PSD to HTML is just plain UN-PROFESSIONAL:

1. Everything in the web page will be images...even mono colored backgrounds....

2. the html generated by photoshop will include tables, tables are becoming obsolete..

3. When a designer wants to change the text or sizes of font's/images etc, they have  to redo it in photoshop, and slicing must happen again, very very bad approach.

and many more reasons...

[thedeeceteam]

@fthis123456 this is just an intro to slicing. You can take your creativity along with this tutorial and apply it to more "modern" ways of building a website. E.g: if you set images in tables as background, you can designate large areas for text input in HTML that doesn't require changing the psd.

[MastKalundar]

on the last step of this can you just ctrl click on the table layer and see the hight and the width in the info box??

[howtocreatewebsite]

Coding vid gold. Even so, not sure I can do it like you. Thanx!

[superadry88]

Hello everyone, I'm Italian so excuse me if I do not write very well in English ... I am following this tutorial because although it is a different language is very well done! I only have one problem, when I create buttons with the respective link on the home, contacts, etc., forming a blue outline around them .... why?? thank you very much !!!!!

[ezekielthemack]

Thank you very much for your tutorials. You have helped me a great deal and I appreciate it. Thanks again.

[MySuzukiRider]

How can you see your homepage, it starts in your video at 00.00 untill 00.10?

[dalebednell]

Thanks for a very well made video good tut best i have see yet

and for the time you spent making this video keep up the good work

[cutekezia]

Wow! I've been design and developing lots of website manually with dreamweaver and photoshop (not save as web and devices like you) for over 5 years , it's pain! Now I watch your vid, it's REALLY SUPER HELP me! My work will soo much fasteeer, and easier! Thanks!

[Sdfrien]

I know that this video is over a year old but I would like to have seen the more visual options for changing properties. I do understand that the actual coding is important but all of the CSS options can be changed without touching any code. Since cs4, dreamweaver is moving to a very visual program. Dreamweaver can take of much of this work with a few button clicks as opposed to so much coding. Very detailed tutorial and it was a big help. thanks.

[darkshad109]

@Sdfrien I suppose because doing it visually is just common sense, whereas doing it through code requires know-how, also coding will always have a place no matter how visual things get, sometime you just need to get your hands dirty in code to get the job done right.

[trulyme1987]

great tuts, thanks alot, just one question.. how the heck did you get yours centered? when i put in my body width like you did, yours centered, mine didn't. Any help?

[Tripx012]

mine dose not look like what you have there's no example.com it just a bunch of pink blue and green letter

[InfoLester]

Down video !!! up reload plis!!!

[arcyruel2010]

what dreamweaver are you using? there is no style css are linked to my dreamwevear

[imperial1983]

regarding your last point on finding out a certain objects dimensions just select the layer with the object on it and go ctrl+a -> ctrl+c -> ctrl+n

opens "new document" dialogue with the objects dimensions as filesize. that way you don't have to click so much ;)

[convert2xhtml]

Very good video will share with others too. Highly recommend for beginners...

[PrimeDesigning]

Hey, im having a bit of trouble,it's not centering my site please help.... :)

[GotGrafix]

I've watches plenty of these tuts. this is by far the best. I'm not really a beginner but the pace was fast enough for me not get bored but slow enough to get everything. Keep up the very good work.

[ritchieDonkers92]

you solve that in css search custom link color etc.. on google!

[antzzz111]

finally someone showed me how to make my buttons work thank you!!!!! and great overall vid!!!

[xBLooDLiNEx808x]

This is one of the best Photoshop > HTML Tutorial vid I've ever seen. It seriously helped me out! I highly recommend this for beginners SERIOUSLY!!!! Good work! (^_^)

[FoeHammer115]

how do i remove the slices???

[tanvirul0]

In your StyleSheet type this in:

a img {

border style: none;

}

Dne :D

[djmixmind]

I made the link but the image went wacky in my design and it has a blue border around it!?

Any help...

GREAT TUT!

MM*

[GFxCube]

watch?v=tvBYXfgd_yQ

Got a tutorial up about that.

[djmixmind]

THANKS FOR GETTING BACK TO ME!

[MySuzukiRider]

How can you see your homepage, it starts in your video at 00.00 untill 00.10?

[MySuzukiRider]

@GFxCube - How can you see your homepage, it starts in your video at 00.00 untill 00.10?

[MrPaulka1983]

i have a blue border around links, also my images have all moved?? what have i done wrong please?

Great videos :-))

[b1gbudda]

@MrPaulka1983 on the bottion (in design view) you see border1 set it to 0

[Gok521]

@djmixmind whereever you put the image ( the div tag i mean ) for example, if it is in div example, in your css do this

.example img

{

border: none;

}

it ll remove the border

[IceStudiosYT]

Just watched it all, probably the best PSD>HTMLtut I've seen for beginners good job

[IceStudiosYT]

Never mind, found out, search function ftw?

[IceStudiosYT]

I can't find the HD tut, link please mate?

[rassklatz]

when i click on your link to your webpage it puts me in a forum for evercube?

[GFxCube]

We merged our graphic forums with our gaming site. Same thing ^ _^

[WizardShroom]

Great tutorial, but can you make your future videos HD? If you don't know how, I have a video on it somewhere on my channel, or you can just search it. I know HelpTube1 also has a tutorial on it. You are using Camtasia Studio, right? Anyway, great tutorial, thanks!

[GFxCube]

Check out GFxCube[net]

I posted this same tutorial in a thread there. It has a link to the video with a way bigger picture and it's HD.