Inserting Text & Images in Dreamweaver CS3

Step 5: Dreamweaver CS3 Tutorial - Insert Text & Images

Once your template layout (with tables or div tags) and css stylesheet is created, you can insert any images (e.g. logo), common menu items, text (e.g. copyright info) etc. that form part of the general look and feel of the site into the template.

Inserting Text

You can type in text just as you would in any text editing software. You can apply styles to it from the Properties panel.

You can also format it with the existing html tags (which you would have redefined in the css file).

Inserting Images

You can insert images [Insert > Image]. You can also position them :

1. Click on the image.
2. Open the Properties Inspector. Select the required alignment from the 'align' drop down menu. You could also set the alignment of the cell/ div tag in which the image will be placed.

Common Menu Items

Menu items could be simple text with a style applied to it or javascript code etc.

Site Search

If you plan to have a site search on all the pages you can paste in the search code where required. Various Services are available for site search.

Services like:

• Google
• Atomz
• Bravenet
• Freefind

Website Traffic Analytics
It is a good idea to build in any website traffic analyzing code too so that you can easily track traffic to the website later.

You can use following Stats


Google Analytics (FREE)
Free website statistics tracking tool. Get details about hits and visitors to your website. Track the referring sites and search engines, popular kewords etc. An essential for every website owner.
StatCounter
If you find Google Anaylitics too complicated, try StatCounter. It's Free!