网页设计与制作案例教程—Dreamweaver cs6电子教案-第2章.pptx

网页设计与制作案例教程

-DreamweaverCS6

电子教案

华南理工大学出版社;本章学习目标;目录;案例描述和分析;教学案例：创建“我的班级”站点;案例制作;步骤3：单击“本地站点文件夹”后面的“浏览”，打开“选择根文件夹”对话框，选择本地站点文件夹的保存位置。

步骤4：在“站点设置对象”对话框中的“本地站点文件夹”后面可以看到新设定的站点存放位置“D：\wodebanji\”;步骤5：单击“保存”按钮，完成本地站点的创建。在DreamweaverCS6右侧的“文件”面板中可以看到新创建的站点“wodebanji”

步骤6：建立站点内的文件夹和文件，网站以网页的项目进行规划，所以以项目的内容建立文件夹和文件;知识准备

一、Dreamweaver?CS6工作界面

;温馨提示

状态栏中“标签检查器”的作用：用于显示环绕当前选定对象的标签的层次结构，单击其中一个标签，能选择该标签节点及全部内容。

“手形工具”对于尺寸较大的文档特别有用，如果文档超出了DreamweaverCS6的显示界面，就可以通过它拖动文档以看到被遮盖的区域，单击“选取工具”可以退出窗口的拖动状态。

“缩放工具”和“设置缩放比率”下拉列表框用于为文档设置缩放比率，默认情况为100%。

“调整窗口大小弹出菜单”主要用于设置文档窗口和显示器屏幕之间的对应关系，单击该菜单区域任意位置，即可打开该菜单，该菜单项左方是文档窗口的大小，右方是显示器窗口的大小，根据显示器屏幕大小选择相应的菜单项，就会发现文档窗口的大小发生相应变化。;二、Dreamweaver?CS6创建站点

;2.?建立站点;步骤4：在“站点设置对象”对话框中的“本地站点文件夹”后面可以看到新设定的站点存放位置“D:\geren\”。;（2）使用高级设置建立站点;步骤3：选择“遮盖”选项，“遮盖”功能主要用在获取或者上传的操作过程中，对于某些特定文件或文件夹进行过滤处理，即排除对于选定的文件类型进行操作。默认状态下“遮盖”功能被启用，但未设置遮盖类

型。在打开的“遮盖”设置栏中设置是否启用遮盖，如果启用，则可以设置遮盖的文件类型，文件的遮盖类型为“.fla.psd”。;步骤4：选??“设计备注”选项，选中“维护设计备注”复选框，可以给文档添加编辑注释和源文件等；选中“启用上传并共享设计备注”复选框，则可以使用户和其他在该站点上的工作人员共享设计备注和文件视图列表。默认状态为选中“维护设计备注;步骤8：单击“保存”按钮，在“文件”面板可以看到新创建的站点。;3.?新建文件夹和文件;4.重命名文件夹和文件名

先选中需要重命名的文件夹或文件，然后单击右键，在弹出的快捷菜单中单击“编辑”选项的下级菜单中的“重命名”命令或者按【F2】快捷键，文件夹或文件的名称变为可编辑状态，重新输入新的名称，按【Enter】键确认即可。;6.删除文件

要从本地站点文件列表中删除文件夹或文件，先选中要删除的文件夹或文件，然后执行“编辑”选项的“删除”命令或按【Delete】键，系统会弹出一个提示对话框，询问是否要真正删除文件夹或文件，单击“是”按钮，确认后即可将文件夹或文件从本地站点中删除。;三、Dreamweaver?CS6管理站点;2.复制站点;3.删除站点

如果不需要某个站点时，可以将其从站点列表中删除。

步骤1：选择“站点”菜单下的“管理站点”命令，打开“管理站点”对话框。

步骤2：在站点列表框中选择要删除的站点，单击对话框内的“删除”按钮，再单击“完成”按钮，即可删除站点。;4.导入导出站点

导出站点时，可以将设置好的站点导出为一个XML配置文件，可以在使用的时候快速导入，节省设置时间。导入站点时，可以导入一个包含站点设置信息的XML配置文件。;?拓展知识;三、HTML文件的基本元素

标记是HTML的基本元素，HTML文件大部分是由文字再加上一些标记呈现出来的，不同的标记代表不同的功效。

;小结