PSD to HTML Part 2

GFxCube.Net | An easy to follow photoshop/dreamweaver tutorial on coding a site from a PSD to HTML. Part 2 of 6.

Earlier videos showed how to design this exact template being coded. Feel free to subscribe.
PSD for template can be found at http://www.GFxCube.Net

Category:

Education

Tags:

• graphic design
• template tutorial
• webdesigning
• photoshop designing
• website designing
• make a website
• create webdesign
• web tutorial
• gfxcube
• psd to html

[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 :)

[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.

[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 ^ _^

[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! (^_^)

[Longva9]

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

[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?

[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

[youdreamwedevelop]

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

[b1gbudda]

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

[MrPaulka1983]

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

Great videos :-))

[crozb2]

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

[minus9176]

Love your videos ! Thx alot.

[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.