how to create a vertical navigation bar

Building on the answers above, if you want to try it yourself with minimal coding, there is a neat trick using only HTML and CSS. Give each content panel its own id, and in the left-hand menu link to those ids. Then add a small CSS rule so the panels are hidden by default and only the panel that was clicked is shown, using the target selector. The first panel can stay visible by default with one extra rule. Because this is all plain HTML and CSS, you can build it in Code view and test every click in Live view, which makes it a nice exercise in how menus, links, and CSS selectors fit together, all without any JavaScript.

Dreamweaver can actually help you build this using its Bootstrap components.

Before going further, when you say "without coding", do you mean that you do not want to write any code at all, or would you be comfortable adding or modifying two or three small lines of HTML/CSS?

If a small amount of code is acceptable, Dreamweaver's Bootstrap Tabs component can be adapted to place the tabs vertically on the left and display the corresponding content on the right. Bootstrap already handles the JavaScript interaction.

Dreamweaver's Bootstrap integration is described here:
https://helpx.adobe.com/dreamweaver/desktop/layout-and-design/bootstrap.html

If that approach suits you, I can show you the steps to build it in Dreamweaver.

​@Nancy OShea 

In fact, I was thinking to something like : https://www.w3schools.com/howto/howto_js_vertical_tabs.asp

What do you think ? My goal is that, on the same page, when I click on the menu at left, it displays the content at right. So, there is javascript here.

I was wondering if dreamweaver has a similar tool that could do this ? 

Without coding?  NO.

At a minimum, you’ll need an unordered list of links in HTML and some CSS styles to make it look pretty.

See link below for details.

https://www.w3schools.com/howto/howto_css_vertical_menu.asp