|
|
DW4 入门教程-综合文本编辑(2)
作者:acome 来源:LoadSkill.com
块缩进
另一项非常手欢迎的技术是手动编码HTML和JavaScript时是块缩进。这个功能允许我们高亮显示一个代码的区域,并用Tab键对高亮象使得代码区域进行缩进。块缩进功能格式化代码使之更加易于阅读。当你进行嵌套式的HTML表格,或Javascript的块工作时这是非常有用的。
使用块缩进:
- 打开01_Code_TextEditor 文件夹下的05_BlockIndenting.html文件。
- 确认你是在代码显示模式下。
- 选择37-41行间的内容,如下图所示。
- 按几次Tab键并且注意整个选择区域缩进。
- 按Shift-Tab返回原先的位置。
块缩进可以快速格式化代码
查找并替换
查找和替换窗口现在被综合在代码显示模式中并能够强大的在源代码中搜索。用这个功能可以在当前文档或整个站点中查找词。你甚至可以通过高稽查找来查找表达式或替换函数。
使用查找和替换:
- 打开01_Code_TextEditor 文件夹下的06_FindReplace.html文件。
- 确认你是在代码显示模式下。
- 要启动查找替换窗口,选择Edit(编辑) /Find and Replace… (查找和替换)。
- 在当前选者文档的选项菜单下得查找编辑框中输入MM_preloadImages 。
- 按下Find All(查找全部)按钮。
- 双击结果列中的一项跳转到那个部分。
用强大的查找和替换面板查找
HTML和JavaScript代码导航
JavaScripts是时一个对象化向导语言,并且在页面上连续的排列着。这和传统的脚本语言以及HTML不同,他们按照常规的程序排列,所以他们可以象普通的文本那样被阅读。当你阅读Javascript的时候经常会从一个函数跳到另一个函数,然而这些函数的先后顺序却不重要。代码导航菜单提供一个有效方法在两个函数间往返。这个菜单也提供简单的在代码中设置断点的方法。断点是Dreamweaver用来在浏览器中调试代码时设置的运行到此处的停止点。
如何开始:
- 打开01_Code_TextEditor文件夹中的07_CodeNavigation.html文件
- 确认你是在代码显示模式下。
在两段代码间往返:
- 点击代工具条里的导航按钮来显示文档中的函数列表。
- 选择MM_FindObj 函数来跳转到这个函数。
设置断点:
- 将鼠标指针放置第25行,函数MM_swapImage 的内部。
- 点击代码工具条里的代码导航按钮来显示菜单选项。
- 选择设置断点并注意有一个红色的小原点添加与代码显示窗口中。
代码导航使得我们易于往返于JavaScript
编辑非HTML文档
Dreamweaver 4
会自动在CODE状态下打开非HTML文档。里面包括了JS,XML或者没有任何以HTML结构显示的文字。这样允许DREAMWEAVER在没有SOURCE
CODE的警告下打开任何文档。
编辑非HTML文档:
- 在01_Code_TextEditor文件夹里打开 08_EditNonHTML.js。
- 文件自动在文档窗口打开。
Dreamweaver
能够安全地编辑任何类型的文档
Dreamweaver4入门教程-CODE参考……
|
|