第6章 Dreamweaver 8网页设计.pptVIP

第6章 Dreamweaver 8网页设计 6.1 规划和设置站点 6.2 开始设计站点 6.3 管理站点内容 6.4 站点视觉地图 6.5 设置文档 6.1 规划和设置站点 Macromedia Dreamweaver 8不仅可以创建单独的文档，还可以创建完整的Web站点。在创建任何Web站点页面之前，应先对站点进行设计和规划。在设计站点时要注意：远程站点和本地站点应使用相同的结构。 创建Web站点时，应该按照一定的规划步骤进行。 1. 确定目标 2. 目标用户定位 3. 浏览器兼容性 4. 组织站点结构 5. 设计外观和色彩搭配 6. 设计导航方案 6.2 开始设计站点 Web站点是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档。 Macromedia Dreamweaver 8是一个站点创建和管理工具，使用它不仅可以创建单独的文档，还可以创建完整的Web站点。 6.2.1 快速设计Dreamweaver 8站点 有两种设计Dreamweaver 8站点的方法：使用“站点定义向导”，它可以逐步完成设计过程；或者使用“站点定义”对话框的“高级”选项卡，它可以根据需要分别设置本地、远程和测试文件夹。 6.2.2 收集资源 资源包含图像、文本或媒体等。 如果使用来自某个剪贴画站点的图像和图形，或者其他人正在创建它们，要确保将它们收集并放在站点的一个文件夹中。如果自己创建资源，在开始开发之前确保创建所有这些资源。 6.2.3 规划站点的浏览机制 一般地，应该在网站创建时规划站点的浏览机制，这是为了提供给用户清晰易懂的浏览方法，采用标准统一的页面组织方式就可以使用户轻松自如地访问每一个所要访问的网页。 6.3 管理站点内容 为了组织和管理站点系统中的文件，Dreamweaver 8 在本地系统上重新创建了远程网站机构。 6.3.1 对本地站点的管理 用户使用“文件”面板可以管理组成站点的文件和文件夹。它提供了本地磁盘上全部文件的视图，非常类似于Windows资源管理器 。 6.3.2 上传文件 在设置了本地文件夹和远程文件夹之后，可以将文件从本地文件夹上传到 Web 服务器。要使其他人可以访问你的网页，必须将它们上传到 Web 服务器，即使 Web 服务器运行在您的本地计算机上也必须进行上传。 6.3.3 发布站点 1. 检查和整理网站文件 2. 发布站点的操作 6.4 站点视觉地图 用户可以使用站点地图将新的文件添加到Dreamweaver站点中，或添加、删除、修改链接等。 6.4.1 改变站点地图的显示比例 可以设置站点地图布局的参数选项：使用“站点地图布局”选项可以自定义站点地图的外观，还可以指定图标标签文字是显示文件名还是显示页面标题，以及是否显示隐藏文件。 6.4.2 保存站点地图 用户可以将站点地图保存为图像，然后在图像编辑器中查看（或打印）该地图。 6.5 设置文档 6.5.1 创建Dreamweaver文档 “新建文档”对话框显示了几种可以用来创建新页面的文档类型。当选择“文件”→“新建”命令时，打开“新建文档”对话框 。 1. 创建新的空白文档 2. 创建基于Dreamweaver 8设计文件的文档 3. 创建基于现存模板的文档 4. 保存文档 6.5.2 打开现有文档 在Dreamweaver中，可打开现有HTML文档或任何动态文档类型 也可以打开非HTML文本文件。 6.5.3 设置文档属性 页面标题、背景图像和颜色、文本和链接颜色以及边距是每个 HTML 文档的基本属性。 1. 更改文档标题 2. 设置默认的新建文档格式 3. 设置背景图像或背景页面颜色 6.5.4 选择颜色 在Dreamweaver 8中，可使用颜色选择器选择页面元素的颜色。 在任何对话框或属性检查器中单击颜色框，就会出现颜色选择器 。 6.5.5 “文档”窗口的元素选择 “文档”窗口的“设计”视图中，可随时通过单击方式以添加元素。若元素不可见，则要先使其可见方能选择。 6.5.6 使用可视化向导 Dreamweaver 8提供了几种可视化向导，帮助设计文档和估计文档在浏览器中的外观。 6.5.6 使用可视化向导 Dreamweaver 8提供了几种可视化向导，帮助设计文档和估计文档在浏览器中的外观。 1. 显示标尺 2. 使用跟踪图像 6.6 设置图像 图像通常用来添加图形界面（例如导航按钮）、具有视觉感染力的内容（例如照片）或交互式设计元素（例如鼠标经过图像或图像地图）。 6.6.1 插入图像 在Macromedia Dreamweaver 8中，可以在“设计