How to Create a Website the Right Way For Beginners Part 2
Sunday, March 21st, 2010
Part 2 of our series on creating fast loading validating SEO power sites. Brought to you by Adam @ http://www.developphp.com
Duration : 0:20:22
Part 2 of our series on creating fast loading validating SEO power sites. Brought to you by Adam @ http://www.developphp.com
Duration : 0:20:22
Part 7 shows the header being created and I discuss cutting it out after it is fully completed, in order to make it an easy to manage include file. Happy Coding!
Duration : 0:11:56
Long 30 minute Video (sorry for it being so long) of how to make a website.
Things You Need:
Adobe Dreamweaver
Internet Connection
**Later on, a .webs account (free)
Free ONLY IF YOU FINISH BEFORE THE ADOBE DREAMWEAVER TRIAL ENDS.
Adobe Dreamweaver Trial:
(NO LINK DUE TO ADOBE TAKING OFF CS3 FROM ADOBE.COM. CS4 Does not work with this video either.)
Links:
Site
http://www.VvCompHelpvV.com
http://www.Twitter.com/VvCompHelpvV
Make Money Together
http://www.CashCrate.biz
featured Failblog:
http://failblog.org/2009/07/16/truck-fail-5/
*Also the example site of the one we are making.
4 Stages:
1. Intro To Video/What We Are Doing
2. Set up Files
3. Setup Dreamweaver/Layout Mode
4. Put Site Online
GET A FREE DOMAIN NAME (.tk, .co.cc, .co.nr):
This video will show you how to make a website using adobe dreamweaver. You will be able to design your website (at beginner level) using tables and cells (with layout mode).
You Can easily make unique, appealing and inviting sites if you have a good basis for your site, and good plan for it.
**Suggestion:
Before downloading 30 day trial, draw out your site on a piece of paper. Draw each page on your site so you waste no time while on your 30 day trial.
Duration : 0:31:0
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
Making our own website is easy with these tips, get expert advice on web development & design in this free video.
Expert: Rick Kennedy
Bio: Rick Kennedy has worked in the computer field for over 15 years.
Filmmaker: Richard Kennedy
Duration : 0:1:49
Adding video to your website is easy with these tips, get expert advice on web development & design in this free video.
Expert: Rick Kennedy
Bio: Rick Kennedy has worked in the computer field for over 15 years.
Filmmaker: Richard Kennedy
Duration : 0:1:20
CirclePad has been updated to be twice as simple, twice as powerful. This introduction video gives you the big picture of what CirclePad does and how it helps you get online.
http://www.circlepad.com
Music by Jssystem, simply electro:
http://www.jamendo.com/en/album/40229
Duration : 0:2:41
Free book on creating a website http://www.ThePerfectSiteGuide.com and check out my website http://www.2createawebsite.com
Duration : 0:7:1
http://psd2cssonline.com – In this tutorial we show you how to turn a Photoshop web page design into a functional web page including a button that your viewers can use to purchase goods and services from you. The conversion takes seconds and hooking up the PayPal button only a couple minutes.
Here is the page that was created in the video: http://psd2cssonline.com/tutorials/widgets/index.html
Here is the PSD file used in the video to create that page: http://psd2cssonline.com/tutorials/widgets/widgets_prep.psd
I’d like to mention, even though I keep saying ‘theme’ or ‘template’ throughout the video, it’s just a simple web page – index.html is the only page generated. No software other than your ISPs web server is required to run your online store.
Like what psd2css Online has done for you? Spread the word!
Please feel free to Digg us or write any good words on your favorite social networking sites:
http://digg.com/design/PSD_2_CSS_Online
http://twitter.com
http://delicious.com
http://facebook.com
http://www.stumbleupon.com
Duration : 0:8:5