基于web标准的网页设计与制作知识整理2

1.插入flash，在Dreamweaver中单击，插入-》媒体-》flash，或者，插入-》媒体-》插件，推荐使用第二种方式，第二种方式代码简洁。

2.在图像上放置透明flash，方法是先将一张需要放置透明flash图片作为单元格或div等其他元素的背景，然后在此单元格内插入一个透明flash文件，这样这个flash文件就覆盖在图片上方了，然后调整此flash插件的大小同图片的大小相一致，再选中该flash插件，单击属性面板中的参数按钮，在对话框中新建一个参数wmode，值设置为transparent。

3.插入视频文件，视频文件的格式主要有avi，wmv，mpg，rm，rmvb等，avi或wmv格式的文件，可以直接使用插件的方式插入，方法是在Dreamweaver中执行菜单命令，插入-》媒体-》插件，然后在属性面板中设计视频文件的宽和高，注意高度的设置值最好比视频的高度多40px，因为这个高度包含了播放器控制条的高度。如果不希望在打开网页后视频自动播放，可添加autostart属性。

4.插入音频文件，同样可以用插件方式实现，如果希望将音频文件设置为背景音乐，即不显示播放器的界面，可加一条隐藏hidden属性和循环loop属性。

5.table,tr,td是表格中三个最基本的标记。table的属性有border，即边框宽度，注意表格边框宽度不会影响单元格的边框，设置表格边框为其他数值时，单元格边框宽度始终保持不变，始终为1，但是若将表格的边框宽度设置为0后，单元格的边框宽度也会跟着变为0；bordercolor属性改变边框的颜色，对于IE来说，设置表格边框颜色还会使单元格边框颜色跟着改变；表格的填充cellpadding和间距cellspacing属性，cellpadding表示单元格中的内容到单元格边框之间的距离，默认值为0，cellspacing表示相邻单元格之间的距离，默认值为1；table标记还具有width，height，align，bgcolor等属性，bgcolor是表格的背景色，background是表格的背景图像；rules是table标记的一个不常用的属性，它可实现只显示表格中单元格的行边框或列边框，取值为rows时只显示行边框，取值为cols时只显示列边框，取值为none时隐藏所有单元格的边框。

6.表头标记th也相当于一个单元格td标记，只不过th标记中的字体会以粗体居中方式显示。

7.对于单元格标记tr，th来说，它们具有一些共同的属性，包括width，height，align，valign，nowrap，bordercolor，bgcolor和background。这些属性对于行标记tr来说，只是没有width和background属性。align是单元格中内容的水平对齐属性，它的取值有left(默认)，center，right；valign是单元格中内容的垂直对齐属性，它的取值有middle(默认)，top或bottom；为表格添加tbody标记后，浏览器会分行显示，即下载一行显示一行，这样可明显加快大型表格的显示速度。

8.单元格的合并属性是td标记特有的两个属性，分别是跨多列属性colspan和跨多行属性rowspan，它们用于合并列或合并单元格。

9.caption标记用来为表格添加标题。默认情况下标题位于表格的上方，可以通过align和valign属性设置其位置，valign可选值为bottom或top，表示标题在表格的下方或上方。

10.可用单元格制作水平线或占位表格，且制作圆角栏目框。

11.select标记表示下拉列表框或列表框，是一个标记的含义由其size属性决定的元素，如果该标记没有设置size属性，那么表示为下拉列表框，如果设置了size属性，则变成了列表框，列表的行数由size属性值决定。如果再设置了multiple属性，则表示列表框允许多选。下拉列表框中的每一项由option标记定义，还可使用opgroup标记添加一个不可选中的选项，用于给选项分组。

12.在表单中可以用input标记创建按钮，只要设置input标记的type属性为submit就创建了一个提交按钮；设置type属性为image就创建了一个图像按钮，它也可以用来提交表单数据；设置type属性为reset则是一个重置按钮，设置type属性为button就是一个普通按钮，它需要配合JavaScript脚本使其具有相应的功能。

13.label标记用来为控件定义一个标签，它通过for属性绑定控件。如果表单控件的id属性值和label标记的for属性值相同，那么label标记就会和表单控件关联起来。

14.框架的作用是把浏览器的显示空间分割成几部分，每个部分可以独立显示不同的网页，与框架相关的概念是框架集，把几个框架组合在一起就成了框架集。框架网页需要使用框架集标记frameset和框架标记frame，这两个标记是成组出现的。

15.窗口框架的分割有两种方式，一种是水平分割，另一种是垂直分割，在frameset标记中通过cols属性和rows属性来控制窗口的分割方式。用cols属性可以将一个框架集分割为若干列，每列就是一个框架，其语法结构为：<frameset cols="n1,n2,...,*">，n1表示子窗口1的宽度，n2表示子窗口2的宽度，以此类推，它们的单位可以是像素也可以是百分比，*号表示分配给前面所有的窗口后剩下的宽度。rows属性使用方法和cols属性一样，只是将窗口分割成几行，如：<frameset rows="30%,40%,*">。

16.frame标记是一个单标记，它的常用属性有border，bordercolor，frameborder，marginwidth，marginheight，scrolling，noresize等。scrolling指定框架窗口是否允许出现滚动条，noresize指定是否允许调整框架的大小。

17.头部标记。在网页的head部分，除了title标记外，还有其他的几个标记。(1)meta标记，描述文档的编码方式，如：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />，其中，gb2312表示简体中文；描述摘要或关键字，是为了让搜索引擎能对网页内容的主题进行识别和分类；设置文档刷新，文档刷新可设置网页经过几秒钟后自动刷新或转到其他URL，如：<meta http-equiv="refresh" content="30" /><!--过30秒后自动刷新-->，<meta http-equiv="refresh" content="5;url=index.html" /><!--过5秒后自动转到index.html-->；(2)link标记，显示本文档和其他文档之间的连接关系，一个最有用的应用就是链接外部css文件。如：<link href="css/style.css" rel="stylesheet" type="text/css" />。除此之外，还可用link标记链接一个16*16px的图标文件favicon.ico，将该文件放在网站根目录下，用来改变浏览器地址栏的图标或收藏夹中书签前的图标。如：<link rel="bookmark" href="favicon.ico" /><!--改变该网页在收藏夹中书签前的图标-->，<link rel="bookmark" href="favicon.ico" type="image/x-icon" /><!--改变地址栏图标-->。(3)style标记，用来在网页头部嵌入css代码，如：<style type="text/css">h1{font-size:12px;}</style>。(4)script标记，它是脚本标记，用来嵌入脚本语言(如JavaScript)的代码，或链接一个脚本文件。它既可位于网页head部分，也可位于网页body部分。如：<script src="jquery.js" type="text/javascript"></script><!--链接了一个外部js文件-->，
<script type="text/javascript"> fuction msg(){alert("Hello")}</script><!--嵌入了一段JavaScript代码-->。(5)base标记，用来指定网页中所有超链接的链接基准。如：<base href="news/" /><!--使网页中超链接的URL地址前都加上这个链接基准-->，<base target="_blank" /><!--使网页中超链接都默认为新窗口打开-->。