Skip to main content
Paul8Kemp
Participant
March 3, 2024
Question

Dreamweaver bookmarks for html pages.

  • March 3, 2024
  • 2 replies
  • 833 views

Hi I am new to Dreamweaver and I am trying to find out how to put linkable bookmarks in html5 pages.

Can someone who knows how to do this give me instructions on how to find the bookmark menu.

 

I created these pages using Expression Web that had a simple menu for adding bookmarks.

 

Thank you

 

    2 replies

    Community Expert
    March 4, 2024

    Maybe I'm not understanding your question correctly, so if my answer is strawberry, don't blame me.

    It may be that what you mean by bookmark in the code is adding and indexing an ID attribute to a tag (i.e. foo), and thus being able to affix a link that directs to that ID...

     

    href="page.html#foo"

     


    If this is the case, there's a palette that's perfectly suited to the task and very useful... it can be found in the Window > DOM menu (or Ctrl + F7)

    Once in the palette, you can unfold your HTML code in the form of a tree structure, which is collaterally interactive, whether you click on the rendering, in the code or in the palette itself...

    Let's take the example of this DIV with class .heading-with-icon

    simply double-click on the class in the DOM palette, and the field becomes editable... 

    add a space followed by #foo,

    and instantly, the id will be added to your code, allowing you then to point to this link

     

    Nancy OShea
    Community Expert
    Community Expert
    March 4, 2024

    Formerly called HTML Named Anchors.

    <a href="some_link.html#anchor_name">LINK</a>

     

    Expression Web Docs:

    https://www.expression-web-tutorials.com/anchor-tags.html

     

    Nancy O'Shea— Product User & Community Expert
    Legend
    March 4, 2024

    Bookmarks in a web editor allow you to move around the code easier, whilst in code view. You can bookmark a spot in the code or side gutter with an icon, give the bookmark a name/description and then select it from a dedicated bookmark panel in the editor, which will jump you to the exact spot designated by the bookmark in the code. Many editors have this facility but DW probably doesn't, otherwise I would assume it would be a well known feature to those who use the application frequently.

    Nancy OShea
    Community Expert
    Community Expert
    March 3, 2024

    I never used Expression Web so I don't know what is uses Bookmarks for.  That said, Bookmarks are a web browser feature.  Saving a webpage URL to your browser's Bookmarks or Favorites folder enables you to quickly access the page later from your web browser.

     

    Dreamweaver isn't a browser, it's a code editor.

    To add linked text to your HTML page, go to the INSERT menu > Hyperlink and follow the prompts.  See screenshot.

     

     

    Hope that helps.  Post back if you have more questions.

     

     

     

    Nancy O'Shea— Product User & Community Expert
    Paul8Kemp
    Paul8KempAuthor
    Participant
    April 4, 2025

    Hi Nancy thank you so much for your time. I finally figured it out. You need to click the view then view mode and then display and then right click and open properties. Highlight the text you want to bookmark and click the quick tag editor and the past the bookmark text between the quotation marks EG <a name="copied text"> The anchors only show in the display view.  I am a happy camper and thank you, your post led me to explore the code options and discover the answer. Now my website is constanly updated with bookmarks. I create images with thought gems from the 5th Epochal Revelation and then link to the Papers they were taken from. 

    https://mm.spiritualfamily.net/Urantia_Book-Online_Reader-2019/Paper_101.html#101:4.3

    Godspeed,

    Paul

     

    Nancy OShea
    Community Expert
    Community Expert
    April 4, 2025

    Just so you know, named anchors (also known as jump links or bookmarks) are deprecated in HTML5 documents.

    Several years ago, named anchors were replaced by the ID attribute.

    https://www.w3schools.com/html/html_id.asp

     

    <a href="#C4">Jump to Chapter 4</a>
     
    Browsers still support them, but that could change at any time.
     
     
    Nancy O'Shea— Product User & Community Expert