动态网页设计与制作实用教程（第二版） 程伟渊 第10章新.ppt

第10章 Dreamweaver 8基础知识 本章学习导读 Dreamweaver 8是Macromedia公司推出的可视化网 页编辑工具Macromedia Studio 8 Web开发套件的一个组 成部分。它采用了多种先进技术，能够方便快捷地创建极具 表现力和动感效果的网页。本章主要讲解Dreamweaver 8 的基本知识和技巧。通过本章学习，读者可以掌握以下内容： Dreamweaver 8的新增功能 Dreamweaver 8的工作界面 Dreamweaver 8本地站点的建设 Dreamweaver 8的文件操作 第10章 Dreamweaver 8基础知识 10.1 认识Dreamweaver 8 10.1.1 Dreamweaver 8的新增功能 改进的工作流程 扩展的CSS支持 快速的文件传输 对XML/XSLT的远景支持 第10章 Dreamweaver 8基础知识 10.1.2 Dreamweaver 8的工作区 1．工作区布局 （1）设计器和编码器 （2）双重屏幕 2．工作区布局的切换 选择“窗口/工作区布局”菜单，可以在设计器、编码器和双重屏幕三 种布局之间切换。 第10章 Dreamweaver 8基础知识 3．Dreamweaver 8设计器布局下的集成开发环境 第10章 Dreamweaver 8基础知识 10.2 本地站点的建立 10.2.1 关于站点的规划和设计 在Dreamweaver 8中，站点这个术语可以指Web站点，也可以指用 来存储属于Web站点文档的本地硬盘上的文件夹。当开始考虑创建Web 站点时，应该按照一系列的规划步骤进行，才能确保成功地使用站点。 1．确定目标 确定站点的目标是创建Web站点时应该采取的第一步。明确的目标 使我们可以集中注意力，针对特定的需要来设计和规划Web站点。 2．选择目标用户 确定了站点实现的目标之后，需要确定站点的浏览客户。创建世界上 每个人都能使用的 Web 站点是不可能的。人们使用不同的浏览器，以不 同的速度连接，这些因素都会影响站点的使用。因此需要确定目标用户， 根据用户的特点来设计站点。 第10章 Dreamweaver 8基础知识 3．组织站点结构 组织站点结构时，应注意以下3个问题： （1）将站点分成类别，把相关的页面放在同一文件夹中。 （2）将图像和声音文件等项目放在指定的文件夹中，以便于文件的查找 定位。例如，将所有图像放在Images文件夹中，当在页面中插入图像时， 就可以方便地找到它。 （3）本地站点和远程Web站点应该具有完全相同的结构。如果使用 Dreamweaver 8创建本地站点，然后将全部内容上传到远程站点，则 Dreamweaver 8确保在远程站点中精确拷贝本地结构。 4．设计外观 5．设计导航方案 6．规划和收集资料 完成了设计和布局后，就可以创建和收集需要的资源了。资源可以是 图像、文本或媒体等项目。在开始开发站点前，请确保收集了所有这些项 目并做好了准备。否则，可能为找不到一幅图像而中断开发过程。 第10章 Dreamweaver 8基础知识 10.2.2 本地站点的建立与编辑 1．创建本地文件夹 本地文件夹是Dreamweaver 8站点的工作目录。此文件夹可以位于 本地计算机上，也可以位于网络服务器上，它是为 Dreamweaver 8站 点存储“过程”文件的位置。本地文件夹的结构要满足站点的设计和规划 要求。 2．定义本地站点 本地文件夹创建完成后，要通过Dreamweaver 8的站点管理工具对 它进行设置才能成为一个合法的Dreamweaver 8本地站点。 3．编辑Dreamweaver 8站点 第10章 Dreamweaver 8基础知识 10.3 网页的建立与保存 （1）选择网页格式。选择“文件/新建”菜单或使用“标准工具栏”的 “新建”按钮，则打开一个对话窗口，如图所示。选择“基本页”中的HTML 模式。单击右下角的“创建”按钮，打开一个新的文件窗口。 第10章 Dreamweaver 8基础知识 （2）设置网页属性。在编辑新网页前应该先设置页面属性，也就是对页 面进行整体规划。选择“修改/页面属性”或在工作区按鼠标右键选择弹出 菜单中的“页面属性”选项，激活属性设置面板，如图所示，设置完毕单击 “确定”按钮。 第10章 Dreamweaver 8基础知识 （3）编辑网页元素。在网页上添加文本、图片、表格等网页元素。 （4）在网页中加注释。 1）选中插入注释的位置。