How to Make a Vertical NAV Bar in Dreamweaver
Dreamweaver is a Web design software application developed by Adobe. It's popular among Web designers because it simplifies tasks that would otherwise take a lot of time to carry out with HTML code and CSS. One of these tasks is creating a navigation bar for your website, which you can do by inputting into Dreamweaver information about your bar, such as the name of the links, the images the bar will use and the URL that the links will point to.
Instructions
-
-
1
Click the cell where you want to insert a vertical navigation bar.
-
2
Click the "Common" tab from the "Insert" toolbar, then click the triangle icon next to "Images." Choose "Navigation Bar" from the drop-down menu to open the "Insert Navigation Bar" window.
-
-
3
Type the name of your link in the "Element name:" field.
-
4
Click "Browse" next to the "Up Image," "Down Image" and "Over Image" fields, and locate an image for each.
-
5
Click the "Insert" drop-down menu and select "Vertically."
-
6
Type the URL that you wish to link to in the "When clicked, Go to URL:" field.
-
7
Click the "+" icon at the top of the window to add another element to your navigation bar, and repeat Steps 3 though 6.
-
8
Click the "OK" button to insert your vertical navigation bar.
-
1
Tips & Warnings
Click on an element and click the "-" icon at the top of the window to delete that element.