9. From the Coding toolbar, click Expand All.
The two different sections of the page have now been switched. One last operation will clean up
the look of the code.
10. From the bottom of the Coding toolbar, choose Format Source Code ??? Apply Source Formatting.
11. Switch to Design view and save your page.
Familiarity with the functions of the Coding toolbar will greatly help your coding productivity.
Collapsing and Moving Code
Code selection and highlight
Coders will appreciate the capability to quickly select and identify different groups of code with the next
series of buttons on the Coding toolbar:
n Select Parent Tag: Expands the selection from the current cursor position to enclose the surrounding
tag.
n Balance Braces: Selects code within the matching set of parentheses, braces, or square brackets; if
the code is nested, click again to select the parentheses, braces, or square brackets.
n Line Numbers: Toggles the line numbers on the left of Code view.
n Highlight Invalid Code: Marks broken code with a yellow highlight.
The last two options, Line Numbers and Highlight Invalid Code, are also found in the View Options menu
option of the Document toolbar.
Commenting code
The next two buttons of the Coding toolbar focus on comments. Because Dreamweaver is a Web page editor,
you??™ll find a variety of different types of comments available under the first menu button, Apply
Comments:
n
n // CSS or JavaScript single line style comments
n /* CSS or JavaScript block style comments */
n ???Visual Basic single line style comments
n ASP, ASP.
Pages:
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412