Add temporary bookmarks in Code View in Microsoft Expression Web 3
Posted by: Minal Agarwal ,
on 10/18/2009,
in
Category Expression Web
Abstract: Expression Web 3 has introduced a ‘Code View toolbar’ and ‘Code View Submenu’ under the Edit menu, to give you more control over the source code. We can add or remove temporary bookmarks to our code using these features. This article digs deep into what these temporary bookmarks are and how to add or remove them.
Add temporary bookmarks in Code View in Microsoft Expression Web 3
Expression Web 3 has introduced a ‘Code View toolbar’ and ‘Code View Submenu’ under the Edit menu, to give you more control over the source code. You can add temporary bookmarks using the toolbar or the submenu. Temporary bookmarks are code bookmarks that mark particular locations in the code of a web page, to be able to quickly navigate between sections of your code.
Code bookmarks are different from the HTML bookmarks. The later are HTML anchors that point to a hyperlink. These Code Bookmarks are known as ‘Temporary Code Bookmarks’ since they work only in the Code View while the page is open. As soon as you close the web page, Expression Web deletes all the code bookmarks from the page.
See image below:
The small blue rounded rectangles depict a bookmark. Well you can change the color of this symbol (given later in this article).
To add a code bookmark
In the Code view, place your cursor on the line on which you want to add a bookmark and do one of the following:
a. Right click on the any toolbar and choose ‘Code View’ to make the Code View toolbar visible. Click the ‘Toggle Bookmark’ button.
b. Go to Edit menu, choose ‘Toggle Bookmark’ from the menu.
To navigate between bookmarks
In the Code view, do either of the following:
a. On the Code View toolbar, use 
buttons to go to next/previous bookmarks.
b. In the Edit Menu > Code View >Next Bookmark or Previous Bookmark.
c. Key in shortcuts F2 (Next Bookmark) or Shift + F2 (Previous Bookmark)
To remove all bookmarks
In the Code view, do either of the following:
a. On the Code View toolbar, click on Clear Bookmarks button
.
b. In the Edit Menu > Code View > Clear Bookmarks.
c. Key in shortcut Ctrl + F2
To change the color of the bookmark icon
a. Go to Tools menu > Page Editor Options… > Color Coding.
b. Choose Code view settings and under Display items click Bookmarks.
c. Choose a color for Item foreground. Reset Defaults would reset your changes to the default values.
Temporary bookmarks are only a visual and navigational aid to help you while coding. They do not influence you actual web page. Hence mentioned earlier, they are not to be confused with the HTML bookmarks.
I hope you enjoyed reading this article.
This article has been editorially reviewed by Suprotim Agarwal.
C# and .NET have been around for a very long time, but their constant growth means there’s always more to learn.
We at DotNetCurry are very excited to announce The Absolutely Awesome Book on C# and .NET. This is a 500 pages concise technical eBook available in PDF, ePub (iPad), and Mobi (Kindle).
Organized around concepts, this Book aims to provide a concise, yet solid foundation in C# and .NET, covering C# 6.0, C# 7.0 and .NET Core, with chapters on the latest .NET Core 3.0, .NET Standard and C# 8.0 (final release) too. Use these concepts to deepen your existing knowledge of C# and .NET, to have a solid grasp of the latest in C# and .NET OR to crack your next .NET Interview.
Click here to Explore the Table of Contents or Download Sample Chapters!
Was this article worth reading? Share it with fellow developers too. Thanks!
Minal Agarwal, Expression Web MVP, MCDST, works as a freelance web designer (
SaffronStroke) working on Expression Web, Photoshop and other Graphical tools. As a hobby, she also runs a famous Food site called
Foodatarian.com. Follow her on twitter @
saffronstroke