Dreamweaver Tutorial Online: How to create a website in Dreamweaver CS3
Creating Basic Web page in Dreamweaver CS3
Always use Table to create website in Dreamweaver
When you create the web page, you need to mention the folder structure properly.
To create folder structure, you need to create one folder, give some name to that.
Inside that there should be two main folder that is html and images.
Always keep the index.html file outside the folder. Example: The folder name for your website is Web, inside Web folder create html folder and images folder and save index.html inside web folder. Do not save index.html file inside html folder.
If you change the part from folder your page will not work properly.
By copying the folder you need to copy the main folder.
Creating New Site in Dreamweaver:
> Click on Site
> Click on New Site
> Name/give your site name
> Click on Next Button
> Click on Next Button again
> Click on Next again
> Select your folder
> Click on Next
> Go to your folder again
> Click on Next
> Click on Next again
> Done
You will find all structure right side of the dreamweaver area.
When you open Dreamweaver Software you need to select Basic Page that is HTML Or Go to File > New > Blank Page > Html and click create button.
Inside HTML page you will find two mode. One is Common Mode and another one is Layout Mode.
Using Common Mode you can create the Table with Rows and Column. You can mention the border thickness and you can mention the color as well.
Inside the Table the Cells are very flexible, you can move the Cell, you can merge the Cell. Merge Cell option is there in your properties area.
If you want to take out the Cellpadding you need to right click and go to properties, give Left Margin 0, Right margin 0 and apply it.
Each Cell you can give different color. Inside the cell you can write the text. Again from the properties you can give the link to other pages.
Giving Background Image and the Image
Click on insert > Image
Short Cut key for Insert Image is Ctrl+Alt+i
To insert image, browse the image.
If you want to give background image, right click on the Blank Image, Page properties, Background Image, now you can browse some images from your folder. You need to mention No Repeat Option. From there you can do linking also.
To change link color select link first and right click, go to properties, go to link.
Short Cut way of linking:
Select link for example Home and down there you will find Link and at the edge you will see link sign and click and point/drag to index.html. index.html will be there right side of the dreamweaver. Click here for pic. For example if you want to link contact us page, select contact us link and point mouse cursor to link sign and point to the contact us link. (At the right corner).
Press F12 to publish
