网页制作第2章DreamweaverMX2004网页制作基础.ppt

第2章 Dreamweaver 网页制作基础 2.1 Dreamweaver 工作区 2.2 规划和设置站点 2.3 设置文档 2.4 插入文本和设置文本格式 2.5 插入超链接 2.1 Dreamweaver 工作区 2.1.1 选择工作区布局 Dreamweaver 提供了两种可供选择的工作区布局：设计者布局和代码编写者布局。在Windows中首次启动Dreamweaver 时，会出现一个对话框让用户选择一种工作区布局。 1. 设计者工作区 2. 代码编写者工作区 3. 切换工作区 2.1.2 使用Dreamweaver窗口和面板 1. “文档”窗口 “文档”窗口用于显示当前文档。可以选择下列任一视图： （1）“设计”视图，这是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。 （2）“代码”视图，这是一个用于编写和编辑 HTML、JavaScript、服务器语言代码（如Microsoft Active Server Page (ASP)或ColdFusion标记语言）以及任何其他类型代码的手工编码环境 。 （3）利用“拆分”视图可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图 。 2. 状态栏 “文档”窗口底部的状态栏提供与正创建的文档有关的其他信息。 标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击body以选择文档的整个正文。 “窗口大小”弹出式菜单（仅当显示“设计”视图时可见）用来将“文档”窗口的大小调整到预定义或自定义的尺寸。 “窗口大小”弹出式菜单的右侧是页面（包括全部相关的文件，如图像和其他媒体文件）的文档大小和估计下载时间。 3. 调整“文档”窗口的大小 1）将“文档”窗口的大小调整为预定义的大小 从“文档”窗口底部的弹出式菜单中选择一种大小。 2）更改“窗口大小”弹出式菜单中所列的值 3）向“窗口大小”弹出式菜单中添加新的“大小” 4. 使用快速启动条 快速启动条显示在状态栏中，包含用以打开和关闭各种面板和窗口的按钮 。 5. 使用文档工具栏 文档工具栏中包含按钮，利用这些按钮可以在文档的不同视图间快速切换 。 6. 使用“标准”工具栏 “标准”工具栏中包含“文件”和“编辑”菜单中的普通操作的按钮：“新建”、“打开”、“保存”、“保存全部”、“剪切”、“拷贝”、“粘贴”、“撤消”和“重做” 。 7. 使用上下文菜单 使用了上下文菜单可以很方便地访问与正在处理的对象或窗口有关的最有用的命令和属性。上下文菜单仅列出那些适用于当前选定内容的命令。 8. 使用“插入”栏 9. 使用“属性”面板 10. 管理面板和面板组 11. “历史记录”面板 1）打开“历史记录”面板步骤 2）撤消最后一个步骤 3）一次撤消多个步骤 4）设置“历史记录”面板保留和显示的步骤数 5）删除当前文档的历史记录列表 2.2 规划和设置站点 2.2.1 站点规划和设计 1. 确定目标 2. 选择目标用户 3. 创建具有浏览器兼容性的站点 4. 组织站点结构 5. 创建设计外观 6. 设计导航方案 7. 规划和收集资源 2.2.2 设置Dreamweaver站点 Dreamweaver 站点是一种组织所有与Web站点关联的文档的方法。可以将它看作一个项目。需要为所开发的每个Web站点设置一个站点。通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。除非定义站点，否则不能充分利用Dreamweaver的功能。 有两种设置Dreamweaver站点的方法：使用“站点定义”向导，它可以逐步完成设置过程；或者使用“站点定义”对话框的“高级”设置，它可以根据需要分别设置本地、远程和测试文件夹。 2.3 设置文档 “新建文档”对话框提供了几种可以用来创建新文档的文档类型。从这个易于使用的界面，可以创建新的空白文档或模板，基于现有模板之一的文档，或者基于 Dreamweaver自带的设计好的页面布局之一的文档或模板。使用这些设计好的基本页面布局和模板，可以快速开发具有专业外观的网页。 “新建文档”对话框中还有其他文档选项可用。可以选择基于文本的文档（如 JavaScript 或层叠样式表（CSS）文档）和动态页面文档（如 Macromedia ColdFusion、Microsoft Active Server Page（ASP）和PHP页面）。如果经常使用某种文档类型，可以将其设置为创建的新页面的默认文档类型。 2.3.1 创建Dreamweaver文档 2.3.2