第04课 初识Dreamweaver MX演示文稿.PPTVIP

第四课 初识Dreamweaver MX 本课要点 课前导读 课堂讲解 上机实战 习题 本课要点 Dreamweaver MX界面 站点的创建 站点资源管理 站点的发布 课前导读 基础知识 重点知识 提高知识 基础知识 Dreamweaver MX窗口的分布 重点知识 站点的创建，站点和站点文件的编辑 提高知识 站点资源管理和站点的发布 课堂讲解 Dreamweaver MX界面介绍 站点的创建 站点资源管理 站点的发布预览 Dreamweaver MX界面介绍 工作界面 插入栏 工具栏 编辑窗口 属性面板 浮动面板组 工作界面 插入栏 该栏中放置了各种类型的对象，如图像、表格和层等的按钮。每个对象都有一段HTML代码，允许在插入它时设置不同的属性。 工具栏 该栏中放置了各种视图（如设计视图、代码视图等）、各种查看选项和一些常用的操作按钮。 编辑窗口 显示当前创建和编辑的文档。 属性面板 用于查看和更改所选对象或文本的各种属性，选取不同的对象，其属性面板内容不同。 浮动面板组 浮动面板组是停靠在某个标题下面的相关面板的集合。单击组名称左侧的三角形图标可展开一个面板组。将鼠标移到浮动面板组上，拖动该组标题条即可取消停靠的面板组。 站点的创建 显示站点窗口 构建站点 显示站点窗口 显示站点窗口的方法如下： （1）在窗口浮动面板组中，单击“文件”浮动面板上的三角形图标展开面板，再单击“站点”选项卡，即打开站点面板内容，如图所示。 （2）选择[窗口]?[站点]菜单命令，或按【F8】键打开站点窗口，并显示在Dreamweaver MX右侧的浮动面板组中。 构建站点 构建站点的具体操作如下： （1）选择[站点]?[新建站点]菜单命令，或在站点窗口中选择[站点]?[新建站点]菜单命令，打开如图所示的站点定义对话框。 （2）单击“基本”选项卡，打开如图所示的站点定义界面。在“您打算为您的站点起什么名字？”文本框中输入要设置的站点名称，如“kang-bo”。 （3）单击“下一步”按钮进入站点定义的编辑文件第二部分界面，该界面将询问是否要使用服务器技术，如图所示。 （4）选中“否，我不相使用服务器技术”单选项，表示该站点是一个静态站点，没有动态页。 （5）单击“下一步”按钮进入站点定义的编辑文件第三部分界面，该界面询问要如何使用文件。 （6）选择“编辑我的计算机上的本地拷贝，完成后再上传到服务器（推荐）”单选项。在“将把文件存储在计算机上的什么位置”文本框中输入本地站点根目录的位置，也可以单击文本框后的文件夹图标，打开如图所示的选择站点的本地根文件夹对话框。 （7）若对话框的列表中没有需要的文件夹，可单击“新建文件夹”图标新建文件夹。 （8）选择新建的文件夹单击“打开”按钮，文件夹显示在文本框中。 （9）单击“下一步”按钮进入“共享文件”界面，如图所示。 （10）在“您如何连接到远程服务器？”列表中选择“无”。 （11）单击“下一步”按钮进入“总结”界面，单击“完成”按钮完成设置。 站点资源管理 编辑本地站点 编辑站点文件 编辑本地站点 在Dreamweaver中可以对本地站点进行打开、编辑、删除和复制等操作。其具体操作如下： （1）在站点窗口左边的列表中选择“编辑站点”项，打开“编辑站点”对话框，如图所示。 （2）单击“新建”按钮，打开站点定义界面，然后按系统提示完成站点的新建。 （3）在列表中选取一个站点，单击“编辑”按钮，可在打开的界面中修改站点的名称、服务器或重新指定在本地磁盘上的路径等。 （4）在站点窗口中单击“复制”按钮，则复制选定的站点。单击“删除”按钮，则删除选定的站点。 （5）编辑完成后单击“完成”按钮退出“编辑站点”对话框。 编辑站点文件 编辑站点文件的具体操作如下： （1）在站点窗口中选择[文件]?[新建文件夹]菜单命令，在站点中新建一个文件夹，可给文件夹命名，如给放置图片的文件夹命名为“image”，如图所示。 （2）按第（1）步的方法新建多个文件夹，即建立站点地图。 （3）在新建的文件夹上单击鼠标右键，在弹出的快捷菜单中选择“新建文件”命令，即可在指定的文件夹中新建文件。此时即可在Dreamweaver窗口中进行网页文档