Hey guys, this is my first tutorial, teaching you how to make your own website as well as upload all the files and make the pages function correctly, etc. Hopefully you can learn a few things from it. (sorry for my voice, I had a really bad cold at time of recording.)
If you have any questions feel free to reply and ask, or message me and I will reply.
This tutorial is aimed more at beginners, so if you’re looking for more expert methods you might want to find a new tutorial, or perhaps skip through pieces of this one. I know I used some basic methods, not to say I don’t know the more advanced ones, but as I mentioned this is for beginners.
Before everyone starts asking, i’m using WindowsBlinds to theme my windows, the theme is OpusOS (customized to black), and to record i’m using “My Screen Recorder Pro 2.3″.
FOR SMARTFTP:
http://smartftp.com/
FOR DREAMWEAVER:
http://www.adobe.com/products/dreamweaver/
FOR PHOTOSHOP:
http://www.adobe.com/products/photoshop/family/
Thanks for watching, I hope you learned something. Don’t forget to keep checking my website, www.trportfolio.net for more tutorials in the future!
(By the way, in case you missed it… “Least but not last.”
Haha, i’m an idiot.)
——————————————-
ATTENTION EVERYONE:
Addressing a few FAQS:
Do I have to use 1and1?
–No, there are tons of other great hosts out there. Just make sure they have FTP, otherwise uploading your images will take forever.
What about Freewebs?
–I do not recommend freewebs. You cannot have any php (used for login systems, blogs, etc), no mysql (used to save information, like usernames and passwords), and no FTP (used to upload files quickly and explore your directory freely). You can use freewebs and sacrifice the features above instead of paying about $3.00 a month, but like I said, you will only be allowed to upload 1 file at a time.
Can I use any image for slicing?
–Anything that you can open in imageready (which is pretty much any image file) can be sliced.
Are there alternatives to these methods?
–Of course there are, this is just a great way to learn. If you dislike coming across all those table expansion problems and such in dreamweaver, you can always make each image one at a time and create the tables yourself.
Is there a simple way to avoid the stretching and distorting of my website in dreamweaver?
–Yes, but its a little painstaking and a bit tougher to do. If you have a long image that is a gradient or a solid color, rather than keeping that image there, you can…
a) For solid colors, just find the color. Then, delete the image and make the background color of that section the same color.
b) For gradients, if it is a vertical gradient, make an image that is (1px by ?px, ? being the height.) What you can now do is rather than having one giant image gradient, you can have 100 of these side by side to create the same effect. This is a useful method because if you need to expand the width of your page now, you can just keep adding the small 1px pieces.
Hopefully this giant post helped a few people.
——————————————–
Duration : 0:9:42
(more…)