Dreamweaver网页操作命令集合_怎么使用dw制作网页

Dreamweaver网页操作命令集合由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“怎么使用dw制作网页”。

Dreamweaver网页操作命令集合Dreamweaver操作小结站点和网页

1、站点的导入方法

方法一：用“站点 / 管理站点 / 导入”命令导入站点的ste文件

方法二：用“站点 / 新建站点 / 高级” 打开相应站点文件夹

2、网页更名的方法：右击网页文件名。选择“编辑/重命名”命令（注意：先更名后打开）

3、设置网页标题：打开网页后，在标题栏输入网页标题

4、网页背景颜色、文字颜色、背景图片和链接颜色：

“修改 / 页面属性 / 外观”和 “修改 / 页面属性 / 链接”

5、网页背景图片固定的方法：

在标签栏中单击“”标签，在标签面板属性的“未分类”中设置 bgproperties属性为 fixed6、网页背景音乐：插入/标签/ 标记语言标签/ HTML标签/页元素/ bgsound7、插入图片：插入/图像

8、建立Flash按钮：插入/媒体/Flash按钮

9、建立Flash文本：插入/媒体/Flash文本

10插入WMV视频：插入/媒体/插件

11插入水平线及设置水平线属性： 插入/HTML/水平线

12、设置鼠标经过时的图像效果：插入/图像对象/鼠标经过图像

13、插入Flash动画：插入/媒体/Flash14、设置动画背景透明的方法

• 单击 Flash属性面板上的“参数”按钮，出现“参数”对话框，添加参数：wmode、相应的值设置为：transparent14、插入字幕

（1）插入 / 标签 / 标记语言标签 /HTML标签/页元素/marquee，单击插入按钮后关闭，在代码窗口和之间加入字幕文字

（2）返回设计视图，选中字幕文字，在属性面板设置字体和颜色

（3）在标签栏中单击“”标签，在标签属性面板中设置方向(direction)、背景颜色(bgcolor)表现方式(behavior)延时（scrolldelay）

15、图片作为字幕的方法：见课堂讲解实例

16、动画作为字幕的方法：见课堂讲解实例

17、设置逐张播放图像：

（1）插入/媒体/Applet”，选中XXXXXX.cla（具体根据考试指定的文件）

（2）选中插入的Applet元素，在“属性”面板设置宽度和高度

（3）单击“属性”面板“参数”按钮，在对话框中添加image1、image2。。若干参数，值分别为相应的图片文件名。

Dreamweaver操作小结建立各种超级链接

18、在文字或图像对象上建立超级链接

（1）选中文字或图像；（2）在属性面板的链接栏内选择（或输入）相应的网页或URL地址 • 注意：如果是Email链接，则需在Email地址前面加上 Mailto:

19、建立图像的热点链接

（1）选中图像，选择属性面板中相应的热点工具

（2）在图像中拖曳鼠标产生热点区域

（3）在热点属性面板的“链接”栏内选择（输入）相应网页或URL地址

19、设置锚点链接

（1）先建立锚点 插入/命名锚记，保存网页，然后建立链接，注意“#”符号

在建立各种链接时注意链接目标(_Blank)及建立空链接的方法（#）

Dreamweaver操作小结有关表格的操作

20、插入表格以及表格的边框线、宽高、间距等属性

（1）插入/表格；（2）设置行列数，设置宽度（注意有像素和百分比两种单位），设置边框粗细和间距大小

21、选中表格、选中行，选中列，选中单元格的方法，先把光标放在表格中相应位置

（1）在标签栏中单击“”，选中整个表格

（2）在标签栏中单击“”，选中当前整行

（3）在标签栏中单击“”，选中当前单元格

22、插入表格的行、列的方法：

（1）插入/表格对象/在上面插入行（2）插入/表格对象/在下面插入行

（3）插入/表格对象/在左面插入列（4）插入/表格对象/在右面插入列

23、表格单元格的合并和拆分：（1）合并：修改/表格/合并单元格 2）拆分：修改/表格/拆分单元格

24、表格的背景图片；（1）选中表格；（2）在表格属性栏中选择指定图片

Dreamweaver操作小结插入表单对象

25、插入表单对象

 插入/表单/文本域（注意类别：密码）

 插入/表单/单选按钮

 插入/表单/列表/菜单

 插入/表单/复选框

 插入/表单/文本区域

26、表单文本区域的背景颜色设置

（1）选中文本区域，打开“CSS样式”面板，单击“新建CSS规则”按钮，选择“标签”

（2）选中“textarea”标签

（3）“定义在”选择“仅对该文档”

（4）在“textarea的CSS规则定义”对话框“背景”分类中设置“背景颜色”为指定颜色。

27、表单对象的属性设置

 选中表单对象,即可在属性面板中进行参数设置,注意相关的单选按钮必须同名 Dreamweaver操作小结框架网页

27、建立框架结构的网页（框架集）

（1）选择“文件/新建/常规/框架集”，在“框架集”列表中选择指定类型，单击 “创建”按钮。

（2）选择“文件/框架集另存为”命令，按要求输入网页文件名

（3）选择“窗口/框架”命令，打开框架面板

（4）按要求设置各框高度、宽度及是否显示边框

28、建立框架内各部分网页（框架）的两种情况：

 新建网页：将光标放在框架的相应区域内，“文件/保存框架”命令，按要求保存，然后再对该网页进行编辑

 设置初始网页：在框架面板中选定相应区域，在属性面板中的“源”栏中选择相应的网页。

29、建立嵌入式框架

（1）插入/标签/HTML标签/iFrame

（2）在标签编辑器中设置“源”为指定网页

（3）名称栏内输入：相应名称（例如yh），设置宽度和高度

（4）设置某对象超级链接到指定网页，目标为相应名称（例如yh）

Dreamweaver操作小结层的操作

30、插入层

方法1：使用菜单“插入/布局对象/层”

方法2：使用“布局”工具栏“绘制层”按钮

31、设置层属性：单击层边框，在层属性面板中设置层编号，左、上、宽、高参数

32、设置层的显示/隐藏以及层位置

方法1：通过层属性设置可见性和z轴数值

方法2：用“窗口/层”命令打开层面板，设置可见性和z轴数值

注意：z轴数字小的层在下面。

Dreamweaver操作小结(十)行为

33、行为：

（1）选中相应元素（文本或所在单元格，若是整页，则单击body）（非常重要）。

（2）在行为面板中单击“+”按钮，在出现的下拉菜单中选择相应的行为，如打开浏览器窗口、隐藏-显示层、弹出式菜单（注意）、弹出信息等。

（3）按要求选择行为，如“要显示的URL”、“显示”、“隐藏”等

（4）在“行为”面板中单击“onFocus”的下拉列表，选择相应的鼠标动作，如onClick、OnMouseOver、OnMouseOut等。

（5）注意一个对象要添加多个行为时一定要选中该对象或该对象所在单元格。

34、库的应用（１）

方法1 ：（将网页中现有的元素放到库项目中）：

（11）打开含有相应内容的网页

（12）选择“窗口/资源”命令，打开“资源”面板，单击“库”按钮打开库类别。

（13）选中网页中相应内容，单击“库”类别底部的“新建库项目”按钮，如果出现警告提示框，单击“确定”按钮即可。

（14）在“名称”列表中输入相应的库名，按回车键。

（15）打开其他要应用库的网页，将库项目从“资源”面板直接拖曳到该网页相应位置。

（16）保存网页。

方法2：（新建一个库项目）

（1）选择“窗口/资源”命令，打开“资源”面板，单击“库”按钮打开库类别。

（2）单击“库”类别底部的“新建库项目”按钮，如果出现警告提示框，单击“确定”按钮即可

（3）在“名称”列表中输入相应的库名，按回车键。

（4）单击“库”类别底部的“编辑”按钮,进入库编辑状态

（5）编辑相应的内容后选择“文件/保存文件”,关闭lbi文件

（6）打开其他要应用库的网页，将库项目从“资源”面板直接拖曳到该网页相应位置。

（7）保存网页。

Dreamweaver操作小结模板的运用

35、建立模板

（1）打开要作为模板的网页

（2）选择“文件/另存为模板”命令，输入相应模板文件名

36、编辑模板

（1）把插入点放在模板的相应位置，选择“插入/模板对象/可编辑区域”命令，添加可编辑区域。

（2）选择“文件/保存”命令保存模板文件

36、应用模板

（1）选择“新建文件”命令，建立一个新网页，改名后打开该网页

（2）选择“修改/模板/套用模板到页”命令，在 “选择模板”对话框中选择指定的模板文件，单击“选定”按钮。

（3）在“不一致的区域名称”对话框中选中Document body

（4）在“将内容移到新区域”栏中选择设定的区域EditRegion。

（5）将插入点放在EditRegion区域，按要求编辑

（6）保存网页。

37、插入Java代码

（1）双击打开指定的代码文本文件，全选并复制,关闭文本文件

（2）打开代码窗口,将其贴在之后(注意不能贴错)

38、插入特殊字符：插入/HTML/特殊字符

Dreamweaver操作小结导航条

38、插入导航条

方法：

（1）选择“插入/图像对象/导航条”命令

（2）选择导航条的插入方向“垂直”或“水平”

（3）在“插入导航条”对话框中输入“项目名称”（不能是中文名称）

（4）按要求选择“状态图像”、“鼠标经过图像”、“按下图像”及“按下时鼠标经过图像”

（5）按要求在“按下时，前往的URL”栏中选择或输入相应链接地址

39、用CSS样式定义超级链接文字颜色

（1）在“CSS样式”面板中，单击 “新建CSS规则”按钮，出现“新建CSS规则”对话框。

（2）选择“高级”选择器类型。

（3）在“选择器”下拉列表中选择“a:hover”，（4）“定义在”选择“仅对该文档”，单击“确定”按钮后，（5）在“a:hover的CSS规则定义”对话框，在“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。

• 同上，设置“a:link”标签：“定义在”选“仅对该文档”，“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。

• 同上，设置“a:visited”标签：“定义在”选“仅对该文档”，“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。

• 同上，设置“a:active”标签：“定义在”选“仅对该文档”，“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。

Dreamweaver操作小结 其他

40、增加网页字体的方法；

41、导入素材的方法

43、新建网页的问题；

44、保存全部网页的问题