《网页的设计与制作（第二版）》第7章Dreamweaver.pptVIP

《网页设计与制作（第二版）》 * 第7章 Dreamweaver Macromedia Dreamweaver 8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论用户是喜欢直接编写HTML代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 8都会提供很多帮助工具，丰富用户的Web创作体验。 7.1 初识Dreamweaver 7.1.1 Dreamweaver的操作环境 在首次启动Dreamweaver 8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver 8的设计视图，右侧是Dreamweaver 8的代码视图。Dreamweaver 8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。 新建或打开一个文档，进入Dreamweaver 8的标准工作界面。Dreamweaver 8的标准工作界面包括标题栏、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、“属性”面板和浮动面板组。 Dreamweaver 8的标准工作界面 1．规划站点结构 网站是多个网页的集合，包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何Web站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。 我们可以通过把文件分门别类地放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。 2．创建站点 在Dreamweave 8中可以有效地建立并管理多个站点。搭建站点可以有两种方法：一是利用向导完成，二是利用高级设定来完成。 7.1.2本地站点的搭建与管理 7.3 表格的应用 表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序地显示在页面上，让用户可以设计出漂亮的页面。使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。 7.3.1 插入并编辑表格 1．插入表格 在文档窗口中，将光标放在需要创建表格的位置，单击常用工具栏中的表格按钮，弹出 “表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。如下图所示。 “表格”对话框  2．选择单元格对象 对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。 选择整个表格的方法是把鼠标放在表格边框的任意处，当出现标志时单击即可选中整个表格，或在表格内任意处单击，然后在状态栏选中table标记即可；或在单元格任意处单击鼠标右键，在弹出的快捷菜单中选择“表格”→“选择表格”命令。 要选中某一单元格，按住Ctrl键，用鼠标在需要选中的单元格单击即可；或者选中状态栏中的td标记。要选中连续的单元格，按住鼠标左键从一个单元格的左上方开始向要连续选择单元格的方向拖动。要选中不连续的几个单元格，可以按住Ctrl键，单击要选择的所有单元格即可。 要选择某一行或某一列，将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时，单击即可。 7.3.2 嵌套表格 表格之中还有表格就叫做嵌套表格。 网页的排版有时会很复杂，在外部需要一个表格来控制总体布局，如果内部排版的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格的制作带来困难。其次，浏览器在解析网页的时候，是将整个网页的结构下载完毕之后才显示表格，如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页内容。 引入嵌套表格，由总表格负责整体排版，由嵌套的表格负责各个子栏目的排版，并插入到总表格的相应位置中，各司其职，互不冲突。 另外，通过嵌套表格，利用表格的背景图像、边框、单元格间距和单元格边距等属性可以得到漂亮的边框效果，制作出精美的音画贴图网页。  7.4 制作多媒体页面 一个优秀的网站应该不仅仅是由文字和图片组成的，而是动态的、多媒体的。为了增强网页的表现力，丰富文档的显示效果，我们可以向其插入Flash动画、Java小程序、音频播放插件等多媒体内容。 7.4.1 插入Flash动画 7.4.2 插入声音 7.4.3 创建链接关系  7.5 制作框架网站 框架是网页中经常使用的页面设计方式，框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域，实现