网页设计及制作3-表格及多媒体文件.ppt

网页设计与制作 3 HTML-表格与多媒体文件 HTML-表格 表格table 是用于在网页上显示表格式数据，以及对文本和图形进行布局的强有力的工具。表格是除文本和图片之外，在网页中使用最频繁的基本对象。虽然在浏览网页时很少看到表格出现在浏览器窗口，但网页中的大多数对象元素都是依靠表格定位的。 插入表格 插入表格 可以选择“插入” -“布局” ,单击其中的“表格”按钮 选择“插入”|“表格”命令，打开“表格”对话框，如图所示，设置好表格的属性后，单击“确定”按钮即可在文档中插入表格。 表格的相关标签 table tr tb th 表格的属性 大小 间距与填充 colspan rowspan 表格 table width=200 border=1 tr th scope=col班级/th th scope=col学号/th th scope=col姓名/th /tr tr td1/td td1/td td李斌/td /tr tr td1/td td2/td td王树/td /tr tr td1/td td3/td td张海涛/td /tr tr td1/td td4/td td张建/td /tr /table 表格的宽度设定 表格可以嵌套，表格的单元格中可以设置一个新表格 如果表格没有外围嵌套标记，则将宽等设置成固定宽度，如有外围嵌套标记，则将外转嵌套标记的宽度设置为固定值，而表格的宽或高可设置为百分比，这样就不会出现变形了。 表格在显示前，浏览器要读取全部表格信息，如果嵌套层次太多，会使显示速度变慢。 表格的属性 cellspacing、cellpadding table width=600 height=700 cellpadding=10 cellspacing=4 border、bordercolor table width=600 height=700 border=2 align=center bordercolor=#FFFF00 background colspan 横向扩张 rowspan 纵向扩张 table width=369 height=244 border=1 tr th scope=colnbsp;/th th colspan=2 scope=colnbsp;/th th scope=colnbsp;/th /tr tr td colspan=3 rowspan=3nbsp;/td tdnbsp;/td /tr tr tdnbsp;/td /tr tr tdnbsp;/td /tr tr tdnbsp;/td tdnbsp;/td tdnbsp;/td tdnbsp;/td /tr /table 表格的背景 table、tr、td、th标签中均可设置背景图片和背景色 tr标签中的设置相当于对该行所有单元格的背景属性进行设置 table height=120 bgcolor=#000099 tr background=images3.jpg td abc/td td abc/td td abc/td /tr /table 举例：制作一个像素宽的分隔线的表格 表格相关的两个命令 菜单“命令”-格式化表格 菜单“命令”-排序表格 添加多媒体 Dreamweaver 可以帮助用户快速、方便地为Web站点添加声音、影片等多媒体内容，使网页更加生动。用户可以插入和编辑多种多媒体文件和对象，如Flash影片、Flash按钮与文本、Shockwave影片、Java applet、QuickTime、ActiveX控件与音频文件，并可以将“设计备注”附加到这些对象上。 媒体格式及插件的使用 .midi或.mid(乐器数字接口)：该格式是乐器声音，.midi文件能够被大多数浏览器所支持，并且不需要插件，然而这种声音会受到声卡的影响。 .wav(Waveform 扩展名)：该格式文件具有较高的声音质量，能够被大多数浏览器所支持，并且不需要插件。可以使用CD、磁带、麦克风来录制声音，但文件尺寸通常较大，会受到网页的限制。 .mp3(运动图像专家组音频，即 MPEG-音频层-3)：这是一种压缩格式的声音，文件尺寸很小，且具有较高的质量。播放MP3文件，必须安装相应的帮助程序或插件，如QuickTime、Windows Media Player、RealPlayer、RealONE Player等。 .ra、.ram、.rpm或Real Audio：该格式