DW4 入门教程-CODE参考.

Dreamweaver用户需要在网络开发时有一个方便的方法编辑参考材料。这些包括HTML，JS，CSS甚至是BROWSER DOMS。DREAMWEAVER 4已经在O"RILLY里结合参考材料，来帮助解决问题。

　　HTML 参考

　　HTML 参考提供了在每一个在HTML中的TAG的参考内容。

　　查看 HTML Reference:

  1. 在02_Code_OReillyReference 文件夹里打开01_HTML.html。
  2. 确定你是在Code View状态。
  3. 在48行, 在INPUT TAG里选择TYPE 并按 Shift-F1。
  4. 在右上角的Reference窗口, 浏览器和W3C的兼容性被列出来了。
  5. 第一部分是对所有TYPE属性的描述。
  6. 滚动页面，显示一个例子。
  7. 在例子的下面是数值和默认属性文档物体模型的参考。


在HTML里快速查找Integrated O"Reilly Reference

　

　

JAVASCRIPT REFERENCE

　　JavaScript Reference 为NETSCAPE和IE在JS 语言上都提供了参考内容.

　　查看JavaScript Reference:

  1. 在02_Code_OreillyReference文件夹里打开02_JavaScript.js。
  2. 确定你在Code View状态。
  3. 在第7行, 选择Function 并按Shift-F1。
  4. 在右上角的Reference窗口，浏览器和 W3C兼容性被列出了。
  5. 文字提供JS功能关键词的定义。
  6. 在Description 下拉列表里选择toString()。
  7. 这个文字定义了如何把一个变量转换成一个JavaScript String 。

在JS里快速查找Integrated O"Reilly Reference

CSS 参考

　　CSS参考提供了CSS1和CSS2的内容参考

　　查看CSS参考内容：

  1. 在02_Code_Oreilly参考文件夹内打开03_CSS.html文件。
  2. 确定你是在CODE VIEW状态。
  3. 在13行，选择TEXT-DECORATION并按SHIFT-F1。
  4. 在右上角的参考窗口内，THE BROWSER 和W3C兼容性被列出。
  5. 文字提供了对TEXT-DECORATION CSS状态的定义。
  6. 在描述文字的下面是对CSS SYNTAX，JAVASCRIPT EQUIVALENT，VALUE，INITIAL VALUE和EXAMPLE的参考，

    在CSS里快速查找INTEGRATED O"REILLY

　

　

JAVASCRIPT DEBUGGER

　　DREAMWEAVER JAVASCRIPT DEBUGGER让你能在NETSCAPE和IE里看到JAVASCRTPT的执行，帮助你在每个浏览根据里理解JAVASCRIPT。DREAMWEAVER 4里的DEBUGGER BEAT 2的版本只支持在PC下运行的IE 5以上和NETSCAPE 4.7以上版本和在MAC下NETSXAPE 4以上版本。但是对于MAC下的IE是不支持的，这是因为浏览器的限制。

　　设置一个断裂点

　　断裂点是在浏览器里当执行JAVASCRIPT的时候和在打开DREAMWEAVER JAVASCRIPT DEBEGGER时暂停使用的。
　　在DREAMWEAVER里设置一个断裂点：

  1. 在03_Code_Jsdebugger文件夹里打开DEBUGGER.HTML。
  2. 确定你是在CODE VIEW状态。
  3. 把光标定在第26行，从CODE NAVIGATION TOOLBAR菜单里选择设置断裂点。


当在浏览器里浏览页面设置一个断裂点是为了估计JAVASCRIPT

　

　

　 　在浏览器里调试CLIENT-SIDE JAVASCRIPT

　　Dreamweaver 允许你在浏览器里看见CODE的执行，并可以暂停它。CODE可以在任何时间估计服务器端的JAVASCRIPT数值或者物体。

　　开始使用DREAMWEAVER JAVASCRIPT DEBUGGER：

  1. 确定DEBUGGER。HTML文件是打开的。
  2. 启动DREAMWEAVER DEBUGGER，在工具菜单的PREVIEW/DEBUG里的DEBUGGER部分在中选择一个浏览器。
  3. 在浏览器警告对话框里点击OK，开始启动DREAMWEAVER JAVASCRIPT DEBUGGER。


  4. 当DEBUGGER窗口显示时，选择RUN TOOLBAR选项。这将会开始启动CODE的执行并在浏览器里显示文档。


　

　

　　 进入JAVASCRIPT CODE

　　JavaScript Debugger 窗口允许你同时进入服务器端的JAVASCRIPT

　　在JAVASCRIPT里进入FUNCTION：

  1. 确定浏览器正在运行，鼠标在导航按钮上。JAVASCRIPT DEBUGGER将会聚焦。CODE将在第8行的断裂点暂停。
  2. 选择Step Into toolbar option 或按 F10。
  3. 黄色的箭头将导航至the MM_findObj() function。
  4. 选择 Step Out function 回到 MM_swapImage() function。



　

　

查看变量

　　The Dreamweaver JavaScript Debugger 允许你在CODE在执行的是时候即时查看变量的数值

　　在浏览器里查看定义好的变量:

  1. 确定浏览器正在运行并且 JavaScript Debugger暂停在第26行的断裂点。
  2. 在DEBUGGER窗口的下半部分选择plus (+) toolbar 选项。
  3. 键入文档并选择输入。
  4. 使用浏览器的文档物件来扩展文档内码展现整个系列的变量。这个列表将根据浏览器的处理的文档变的不同。

　　

　　清除所有的断裂点

　　当你已经在文档里完成了才处理，选择Remove All Breakpoints 图标.

　　在页面里清除所有的断裂点:

  1. 确定浏览器正在运行， JavaScript Debugger 是可见的。
  2. 在DEBUGGER窗口选择 Remove All Breakpoints 选项。