Dreamweaver Tutorial: How to Convert a .PSD to .HTML (Part 1)

[anujfr]

out of curiosity, whats the point of making a psd template when you are not even going you it (expect that its a good visual reference)??

[ThePonyKM]

Hi, great guide - but I have a problem. I've made the navigation bar like in this tutorial, but when I click on it the new page for example "About" opens in a new window. Do anybody know how to solve this problem? :-)

[MrChubs23]

@ThePonyKM target="_blank" dos that, so remove that from and it should work

[ThePonyKM]

@MrChubs23 Now it works. Thanks alot! :-)

[MrChubs23]

@ThePonyKM Your Welcome.

[SaltaxGaming]

Nice video, Where is part 2?

[fahadmanutd]

It is clear sympathy with me ,but guess what I like so keep it coming ,hahhahahahhahahhahahah ,what a loser am I !!

[afroto91]

really really really special thx i'm really learned man u r wonderful thx thx thx thx

[timmb2008]

Thanks a million for this video - was exactly what I was looking for. Sorry for all the stupid comments people have left, but I'm sure it's just bored 12 year olds being infantile :-)

[TizeTV]

I want to see how you sliced it up for Dreamweaver!

[IceyArtist]

This is a stupid tutorial. You don't explain how to slice the psd. You fucking retard, never make a tutorial again. Cunt

[ProducesComputers]

Why didnt you make it in design? That would be much easier

[generous2100]

dude what is FavIcon size dont know how to spell it m asking about that which v see lil icon like utube , fb , twitter or something ........

[BearCreations541]

Many thanks my friend great teaching

[MrDRZooR]

thanx it good

[9841312426]

It wasn't boring..it was very useful

[hmzfdl]

God Job ^____^

[thecupcakeattack]

i wish that you wouldve of zoomed in so that we could see the tags better but other than that great vid

[thecupcakeattack]

omg thanks soooo much!

[VideosGlobeOfgeek]

You never showed us how to slice the psd...

[Joelzinho]

@VideosGlobeOfgeek Ya I wondering about this as well! I have no idea what to really slice, but still a helpful video.

[themotivator10]

Thanks for a great tutorial!

[raresaad]

very hard to understand

[cioroianudenis]

dude , I have a question , for all those hrefs about.html , contact.html , portfolio.html I have to do I webpage for all of them ??? And if yes , then where should I store them(all those pages) ?

[djexclusivee]

dude i listened to like 30 seconds of .u speakin & im like this guy knows what he's talking about. exactly what i needed psd to final css. ill update a wicked link.

[SugarDesignz]

thanks for this mate.. really helped.. just got a few questions.. i sent them to yoor inbox..

thanks again mate.. yoo have helped me alot with most of yoor vids.

[MahsaKh22]

thanks for your useful tutorial :)

[ToxidoxX]

and guys, stop saying shit about this video , if you think its easy to make those tutorials .. then make better >.>

[ToxidoxX]

dude , simply YOU ROCK , i will send My website Link when i end it to you

thank you very much

[RevisionGraphics]

Dude check over what your doing, you fuck up way too much, so many spelling mistakes... chose, dropshadow, etc..

[HansonHacks]

Hey are we supposed to remove the _blank for the navigator?

[threedaysgrace9416]

umm dude learn to zoom in? so we can see what you are typing

[RevisionGraphics]

@threedaysgrace9416 Learn how to put it on 1080p then full screen it..

[ghimirerobin]

how to split content in half

[MonkTuts]

mine did not turn out like that at the end :(

[MassGFX]

what is the code for a gradient back ground for css

[calebmcartledge]

Do yourself a favor and get sitegrinder 3 lol makes it so much easier!

[skriptorius]

@octotuts

Thanks for the great tutorial. Also advice people to translate what tags mean, for example (ul=unordered list, li= list items, div=division) and so on. Its much more clearly when you know what means what.

[safeerkhan111]

plz make some zooming on coding because it cant see easy

[skriptorius]

@safeerkhan111

try using expanding or watch it in full screen, the main thing is to understand what is doing and why. other people mistake is that they are trying to code and watch the vid at the same time;]

[viiipeer]

I am newbie and i need to know, does this tutorial i a good, because in the comments below people say it is bad coding style... Is that true?

But whatever i try it out.

I started to learn at w3c site, about html, and css.

Please reply. Thanks!

[TheChrisOS1337]

WHATA-A-NOOB TROLOLOLOLOLOLOLO

[earlkuhrishchun]

pretty much how to make a website when html first came out. Efficiency Octotuts... probably go intern somewhere and actually use dreamweaver. This isn't a coding tutorial. To make this a more effective video, try using textedit.

"Art and Design is like an orgasm, its better when you don't have to fake it."

[CvilleEditing]

yea i want to know where you learned all this stuff did you just watch other videos on youtube or maybe classes what??!!

[iSmashTech]

hey dude, where did you learn everything about coding? thanks!

[octotuts]

@martindemonterrey lmfao. I wasn't going to reply to this and just let you look stupid on your own, but I need to set you straight. First of all, the site looks jacked up in the end because it is an PURE HTML WEBSITE. You obviously have no knowledge of website coding. You take the "jacked up" looking website and type the CSS for it and make it look good.

[octotuts]

@martindemonterrey Second, this is a 23 minute video, and I attempted making this video at least 15 times before finishing it, so do you really expect me to stop and re-do the entire video because of one misspelled letter? I tell you guys the correct thing to type, and I typed it multiple times with correct spelling before so I thought you'd be able to figure out it. Third, the .DSstore file is a default hidden file in all mac folders, and cannot be removed from me.

[octotuts]

@martindemonterrey And lastly, I didn't include the CSS file in this download because we didn't cover it in the video, watch the next video where we type the CSS file to get the download with that included.

[mnaazmy]

What about slicing???

[mnaazmy]

@martindemonterrey IDIOT i did not mean that he is not good

He is Great

[octotuts]

@martindemonterrey ...Internet Explorer is the #1 used web browser in the world. lol

[monk]

make a tutorial on how to create a wordpress website, with free web hosting please.

[mohammadsaadjilani]

I Have No Interest In This But Watched It Cuz It Is S0 Intesting =?

[eksbokz]

Can't you post the next tutorial as fast as possible I don't want to wait another week for the end of the tutorial.

[JayBB100]

PSD to Wordpress Shall i make my psd to html to create the Wordpress theme

[octotuts]

@JayBB100 You don't need to convert a psd to html to convert it to Wordpress, but it would help you understand the concept a lot better if you learn the html version first.

[JayBB100]

@octotuts Ahh ok i already Know a fair bit of HTML

[HighTechGamer]

SECOND!~~



[Joachimhere]

FIRST!

[wwild2k]

@Joachimhere Suck my dick 1st, and HighTechGamer could be next. (2nd).