位置:首页 > 软件操作教程 > UI设计软件 > Adobe Dreamweaver > 问题详情

Dreamweaver代码片断概述

提问人:刘旭39发布时间:2020-10-12
(1)代码片断的创建

【窗口】|【代码片断】 :在该面板中显示的代码都是DW预定义的代码片断。 

(2)创建代码片断文件夹

打开“代码片断”面板,单击面板右上角的按钮J$ZS1K27T4C(HE0Z63%YCEL.png,从弹出的快捷菜单中选择“新建文件夹”命令。为新建的“未命名”的代码片断文件夹命名 。

(3)创建代码片断

打开“代码片断”面板,右击前面创建的文件夹“个人代码集”,从弹出的快捷菜单中选择“新建代码片断”命令,弹出“代码片断”对话框。

名称:新建代码片断的名称。

描述:输入对代码片断描述性的文本。

代码片断类型: “环绕选定内容”或“插入块”。

环绕选定内容:

前插入:输入或粘贴在当前选定内容前插入的代码。

后插入:输入在选定内容后插入的代码。

插入块:则将代码输入或粘贴到“代码”框中。

插入代码:在此处输入代码。

预览类型:有两种方式,代码或设计

创建代码片断:

打开参考的网页,在页面文档中选择要创建“代码”的页面元素,选择“代码片断”面板上的快捷菜单“新建代码片断”命令,所选择的代码就会自动插入到“代码片断”对话框中,在“代码片断”对话框中输入名称、描述等信息,单击“确定”按钮,完成代码片断的创建。 

(4)代码片断的基本操作

删除片断:打开“代码片断”面板,选中欲删除的代码片断的名称,单击NTRLP%XCG27)NSW_F$09M0Y.png按钮。

编辑和修改代码片断:选中要修改的代码片断的名称,单击[[V~)@LY(XX)`(LE[2ERU]D.png 按钮,打开“代码片断”对话框,直接在该对话框中代码片断对进行编辑和修改,确定后完成对“代码片断”修改后的保存。


2.代码片断的使用

将光标停留在要插入代码片断的位置,打开“代码片断”面板中的“个人代码集”文件夹,并选择具体的代码片断,单击“代码片断”面板中的按钮,选择的代码片断就会插入到光标所在的页面位置中,同时在页面中出现相应的标识 

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部