Archive for the ‘Adobe macromedia dreamweaver tutorials’ Category

How to make a simple html page in macromedia dreamweaver cs3, tutorial.

Friday, May 1st, 2009

Today I will tell how to make a simple html page in macromedia dreamweaver cs3. This tutorial is for begginers who doesn’t know html coding yet. As I have told on the page about adobe macromedia dreamweaver cs3 this program allows to buil web sites even if you do not know even bases of html code. After you buy and install macromedia dreamweaver, choose ‘file’ and ‘new’ and choose ‘create html’ that is on the first line. A new, untitled document will be open and it is ready for work. If you do not know html codes, click on design ’section’. Code and split sections let’s leave for further tutorials.

On this page on macromedia dreamweaver cs3 you can write anything you want, insert pictures, chose text style. Let’s make a simple html page for our first html website. It’s is natural that after you buy domain and hosting your website will stay empty until your website is ready. You can make it’s first ‘under construction’ page in html.

Type in some text like: this website is under construction, please visit us later. Then choose a small image of a tree that is on the upper side of macromedia dreamweaver and insert the picture. Give your picture description, that will help search engines to index it. More about search engines and seo i tell in other articles.

If you have an e-mail adress, type it, if you want to share some useful websites, you can also put some links on your first page. To do it, type the anchor for the website, like: my blog. Choose it and type in your blog address in the field that is below, on the right side of the program.

The only thing to do left is to save your html page. Choose save function and type it’s name as index.html . This is very important. First page of your html website must start with index , nxt pages can have any names like about.html , contacts.html and so on.

Last thing to do is to put this webpage to your ftp folders. Open your ftp client or control panel of your hosting and put your index.html and picture! do not forget about the picture! inside. If you are planning to have a lot of pictures on your web site, create an ‘images’ folder and put your ‘under construction’  picture there, in this way copy your images folder to ftp.

Enter your web site to check if it works. Ta-taaa. You first html page is ready! In my next tutorials i will teach you html coding and css.