I will teach you in this brief tutorial how to create a website using Dreamweaver. No matter which Adobe Dreamweaver version you will use (either CS3, CS4, CS5, CS5.5 or the newest CS6), you should master it yourself easily after following my steps below:
1) Web Hosting
When you make your new website with Dreamweaver, you will need a “space“ somewhere on the Internet where you can upload it so that it is available worldwide 24/7. This is called web hosting. I would recommend you to use BlueHost to host your website. They are a great web hosting company. I’m hosting with them my 5 websites since 2008 and all is working fine without any problems.
I don’t recommend going with free web hosting, as the free hosting companies are not reliable and your website might be down quite often. I tried this myself in the past and therefore I prefer to pay a few dollars monthly for a decent hosting company like BlueHost is.
2) Find a Free HTML Template
You might wonder why am I asking you to find a free HTML template, but I have decided to write a little different Dreamweaver tutorial than the other ones out there are. The other tutorials are asking you to create a new Dreamweaver file and go on from there. However, in my opinion it is a lot easier to find an HTML template and just edit it in Dreamweaver to fulfill your needs.
So just search Google for “free html templates” and download one that you like. My advice is to download a template that doesn’t look too complicated, so that you can easily work with it.
3) Edit the Template
Open the index file of the template that you have downloaded in Dreamweaver and you can start editing it. Editing is easy – just click on the text fields and insert your desired texts. Delete the images that you don’t need and you can also insert your own images, your logo or any other graphics by clicking on Insert > Image. Once you have done this all, you can start populating the other pages of your website – e.g. the About or Contact page. And don’t forget to create links for all pages of your website on each html (or htm) file of it.
When you are done, don’t forget to save everything and preview your website offline before it goes online – just open the index file in a web browser and check how the website looks like. Also make sure that all links on your website work correctly.
4) Upload the Template Online
The final part of my Dreamwevaer tutorial is to simply upload all the files of your template on your web hosting account. If you signed up with BlueHost, you should have the FTP details sent to you in the welcome email. Use an FTP client (I’m using FileZilla) to connect to your FTP account and upload all files of your website to the public_html folder. After that your website should be available online.
And that’s it – you are done with building your website with Dreamweaver. I hope I have helped you at least a little.
Andrej, web designer
Disclosure: I’m not paid for promoting BlueHost. However, I have tested their services and am using them to host my websites and am content with them, so I highly recommend them. If you sign up with them, you may support me a little, as I will get paid a commission if you purchase the service.