In this video we'll discuss documenting by adding a comment to code in Dreamweaver.

Adding comments to code is an important practice to use regularly.

The comments are simple notes you add in your code to explain your choices. This helps other developers understand why you made certain coding choices, and it helps them modify the code in the future, if necessary.

Looking at this open HTML file in Dreamweaver, you can see that the center column is a different color than the left and right columns. We'll add a note to the CSS that explains this color difference.

Switch to the open styles.css file.

In the CSS code, we'll add a comment for column2's background-color.

Placing your cursor on that line of the code, type the opening character combination forward-slash asterisk. Then type a short explanation why this column's color is green. Close the comment by typing the ending combination asterisk forward-slash.

Now, switch back to index.html and preview the page in your browser.

You can see that your comment is not appearing in design view for this file. Now, preview this page in a browser.

The page is now open in a browser, and your comment remain unseen. The great thing about adding comments is that it helps you and other developers, while keeping the display of your webpages intact.