This chapter is from the book
This chapter is from the book
This chapter is from the book
Commenting your code
Comments allow you to leave notes within the code—invisible in the browser—to describe the purpose of certain markup or provide important information to other coders. Although you can add comments manually at any time, Dreamweaver has a built-in feature that can speed up the process.
Open myfirstpage.html using the Developer workspace.
Insert the cursor after the opening tag <aside class="sidebar1">.
Click the Apply Comment icon
.A pop-up menu appears with several comment options. Dreamweaver supports comment markup for various web-compatible languages, including HTML, CSS, JavaScript, and PHP.
Choose Apply HTML Comment.
An HTML comment block appears, with the text cursor positioned in the center.
Type Insert customer testimonials into Sidebar 1
The comment appears in gray between the <!-- and --> markup. The tool can also apply comment markup to existing text.
Insert the cursor after the opening tag <aside class="sidebar2">.
Type Sidebar 2 should be used for content related to the tour or product
Select the text created in step 7.
Click the Apply Comment icon
.A pop-up menu opens.
Select Apply HTML Comment.
Dreamweaver applies the <!-- and --> markup to the selection. If you need to remove existing comment markup from a selection, click the Remove Comment icon
in the toolbar.Save all files.
)
)
)
You’ve created a basic webpage, complete with placeholder text. The next step is to style the page. Dreamweaver supports CSS preprocessors. In the next exercise, you’ll learn how to set up and create CSS styling using a preprocessor.