How to Add a Banner in Dreamweaver
Banners are a form of advertisement on websites, called such since the earliest banners took on a long, rectangular shape. Webmasters placed these advertising graphics at the tops of their pages. In more recent times, banners have become more varied in size and shape, but they remain simple to implement. In Dreamweaver, you can add a banner as an image, click on it and make it a link. You can also paste in code given to you by an advertising partner.
Instructions
-
Add Your Own Banner
-
1
Open your Web page in Dreamweaver. Set your view to either "Design" or "Split." Use "Split" if you like to tweak the code after placing items on Web pages.
-
2
Locate the position on the page where you want to add the banner, and place your cursor there. Note that the banner placement often depends on the size of the ad, so a 468 by 600 pixel leaderboard would go at the top of a page whereas a 160 by 600 pixel skyscraper should go in a sidebar.
-
-
3
Go to "Insert" on the menu bar, and select "Image." Choose an image, click "OK," and enter your alternate text before clicking "OK" again. Dreamweaver will place the banner in your page.
-
4
Right-click on the banner and select "Make link" from the menu. Add the URL in its respective field, and click "OK" to finish creating the link.
-
5
Go to the "Properties" panel, and type "0" in the "Border" field to remove the thick, blue border.
Add an Advertiser's Banner Code
-
6
Log in to your advertisement partner's website and get the banner code from there.
-
7
Open your Web page in Dreamweaver and select "Split" view. Find where you want to add the banner code, and place your cursor on that spot in the "Design" panel.
-
8
Paste your banner code where the cursor appears in the "Code" panel. When you add the banner code, you should see the banner appear in the "Design" view.
-
1