Dreamweaver课件2.pptVIP

第2章 Dreamweaver MX 2004网页制作基础 2.1 Dreamweaver MX 2004工作区 2.2 规划和设置站点 2.3 设置文档 2.4 插入文本和设置文本格式 2.5 插入多媒体元素 2.6 插入超链接 2.1 Dreamweaver MX 2004工作区 2.1.1 选择工作区布局 Dreamweaver MX 2004提供了两种可供选择的工作区布局：设计者布局和代码编写者布局。在Windows中首次启动Dreamweaver MX 2004时，会出现一个对话框让用户选择一种工作区布局。对话框如下图： 1. 设计者工作区 2. 代码编写者工作区 3. 切换工作区 可以从中选择一种工作区布局。如果不熟悉编写代码选择“设计者”。如果想更改工作区，可以使用编辑菜单“首选参数”对话框切换到一种不同的工作区。编辑菜单“首选参数”对话框如下图： 2.1.2 使用Dreamweaver窗口和面板 “文档”窗口 “文档”窗口用于显示当前文档。可以选择下列任一视图： （1）“设计”视图，这是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。 （2）“代码”视图，这是一个用于编写和编辑 HTML、JavaScript、服务器语言代码（如Microsoft Active Server Page (ASP)或ColdFusion标记语言）以及任何其他类型代码的手工编码环境 。 （3）利用“拆分”视图可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图 。 “插入”栏 “属性检查器” 用于查看和更改所选对象或文本的各种属性。 “面板组” 小技巧 如何设置默认的编码方式 选择[编辑][首选参数]，打开[首选参数]对话框 状态栏 “文档”窗口底部的状态栏提供与正创建的文档有关的其他信息。 标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击body以选择文档的整个正文。 “窗口大小”弹出式菜单（仅当显示“设计”视图时可见）用来将“文档”窗口的大小调整到预定义或自定义的尺寸。 “窗口大小”弹出式菜单的右侧是页面（包括全部相关的文件，如图像和其他媒体文件）的文档大小和估计下载时间。 使用快速启动条 “历史记录”面板 打开“历史记录”面板步骤 撤消最后一个步骤 一次撤消多个步骤 设置“历史记录”面板保留和显示的步骤数 删除当前文档的历史记录列表 2.2 规划和设置站点 2.2.1 站点规划和设计 1. 确定目标 2. 选择目标用户 3. 创建具有浏览器兼容性的站点 4. 组织站点结构 5. 创建设计外观 6. 设计导航方案 7. 规划和收集资源 2.2.2 设置Dreamweaver站点 Dreamweaver 站点是一种组织所有与Web站点关联的文档的方法。可以将它看作一个项目。需要为所开发的每个Web站点设置一个站点。通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。除非定义站点，否则不能充分利用Dreamweaver的功能。 有两种设置Dreamweaver站点的方法：使用“站点定义”向导，它可以逐步完成设置过程；或者使用“站点定义”对话框的“高级”设置，它可以根据需要分别设置本地、远程和测试文件夹。 实例演示 新建一个网站 选择[站点][管理站点]对话框。选择[新建][站点]进入定义网站的流程 进入[基本]选项卡，使用网站定义向导，可以轻松完成所有设置。在[站点定义]对话框的[编辑文件]中输入想要的网站名称。在此范例中，输入网站名称为“test”，单击[下一步]按钮。 在[站点定义]对话框的[编辑文件，第2部分]，请选择[否，我不想使用服务器技术]，然后单击[下一步]按钮。 在[站点定义]对话框的[编辑文件，第3部分]，请选择[编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）]，然后在[您将把文件存储在计算机上的什么地方]中设置为“e:\test”中，然后单击[下一步]按钮。 在[站点定义]对话框的[共享文件]中，请单击菜单按钮，选择[无]暂不设置远程服务器的连线，然后单击[下一步]按钮。 最后，在此对话框中，会将前面的设置做一个总结，当确认无误后，请单击[完成]按钮。 回到dreamweaver工作环境中，将会在右侧[文件]面板组的[文件]面板中，发现一个新网站。 站点文件的管理 在文件面板中进行管理 站点名称 查看状态 文件上传管理按钮 [扩展/折叠] 远端站点与本地文件的关系 所有制作完成的网页最后要放置在Web Server上，但制作者不能在服务器上制作网页。常规