I’m all done with that, what you want to do to actually make it into an HTML document is go to File and then go to Save for Web and Devices, click on that, wait for a little bit cause this takes a while, the bigger the file sizes, the longer it’s going to take, so right now it’s a thousand by a thousand so it shouldn’t take that long. Okay, so it’s about to open up and what you will see when it opens up is basically some similar tools, you could, there’s the slicing tool, a magnifying tool, a drop tool and you have like a color tool and the hand tool to like move it around. So basically you’re not going to really need to use this, if you did what I told you to do, if you did what I told you to do in like before, so then once you’re done with that just click save and save it, I’m just going to save it to my desktop and make sure to save it somewhere that you could like keep it there, so I’m just going to save it as Test 1, click save, oh and before you click save make sure this has deceived as type, make sure it says HTML and Images, and then the settings, default settings, the slices, all slices, so click save. Okay and then after that just press Done, you don’t need to exit out of Photoshop so I’m just going to minimize that, so let’s open it up and see what it looks like. Hold up a second I’ll just show in my desktop icons, okay so as you see here we have a Firefox document so we go ahead and double click on that, obviously Firefox or your default Internet Explorer or whatever, it’s going to open up displaying the page you just made. So let’s open that up, so we just made this; this left side right here, we just made this, so that’s basically it’s right here. So now you want to add some finishing touches with Dreamweaver, so go ahead and open up Dreamweaver, well you can always just upload it as it is right there, but if you open up Dreamweaver you can add text, you can add more links, you could center it for one, you could do a whole mess of things. So once true reloads up you want to click Open With and open it wherever it is in your computer, so in my case it’s on my Desktop, so let’s go ahead and open that, it’s like open down here, sorry for the lag guys, it gets annoying; okay, so Desktop, and then Test 1, double click on that and it should open up momentarily and there you have it right there, so there it is, so you could center it on, I will have a code of an HTML code so you could just copy and paste it right after this title right here where it says Open-Close Rocket title and in Test 1 or whatever and then the Open-Close Rocket title, so it’s going to have that so you could just copy and paste it or click on that then click Enter and then copy and paste the code right there on the next line so I will have a code up for that inside or in the video descriptions so just copy and paste that, if you want to center it and some final adjustments that you could do is add text, for example if you want this to link up to something else, see if you click on this logo right here, if you click on that you see the link says http.//techsupportgonebad.com, now we could have done this inside of Dreamweaver but Photoshop has that feature so why not just go ahead and do it in Photoshop?
So after you’re done with editing everything just whatever you want editing at all just save it, Control Shift, control S or Control Shift and S, if you want to save S, and then just upload it to your Web Server, as simple as that and once you upload it to your Web Server, make sure , just make sure, this is really important, make sure to upload every single image that comes with it, as you see right here, there’s also an Images Folder with it, so if you double click on that, all the images that are involved with the Website that I just made will be in that Images Folder, cause there will be a lot so make sure to upload every single one of them or your website is just going to come up a bunch of broken image links and it will look white and plain and retarded so make sure, I kind of stress, it’s not make sure to upload all the images, see, as you could see right here, there’s all these images, so make sure to upload all of those to your Web Server in order to get it working. And that’s it, all you have to do is that editing in Photoshop, save it as HTML and then that’s it, so just upload it to your Web Server and that’s it, so hope you guys learned something today, and remember if you guys want me to make you one individually it’s 10 dollars, you could donate at the Tech Support Gone Bad website, techsupportgonebad.com and thank you and goodbye.
Transcription by:
Scribe4you Transcription Services