静态网页设计2.ppt

课前提问 a标记的常用属性有哪些 href target name title img标记的常用属性有哪些 src width height alt title 作 业（第一次） 用DW制作一个个人求职的网页，要求用表格布局，网页中必须包含图像、文本、列表、链接及表格等基本元素，制作完成后，把该网页的源代码抄写两遍交上来 或者直接用编写代码的方式制作该网页，再在作业本上抄写两遍 下次上课前必须交，否则扣10分(10/30) 媒体元素插入标记embed / object /object 插入flash的两种方法 方法一：执行菜单命令：“插入－媒体－flash”，在代码视图中可看到插入flash元素是通过同时插入object标记和embed标记实现的，以确保在IE5和Firefox中都获得应有的效果 方法二：执行菜单命令：“插入－媒体－插件”，此方法在代码视图中仅插入了embed元素。由于IE6和Firefox都能正常显示效果，而代码更简洁，所以推荐用这种方式 在图像上添加透明flash 首先可以将一张需要放置透明flash的图片作为单元格的背景导入，然后在此单元格内插入一个透明flash文件，可以调整此flash元素的大小与单元格相一致，选中该flash文件，点击属性面板里的“参数”按钮，新建一个参数“wmode” 值设置为“transparent”。 插入视频或音频文件 插入视频可分别使用ActiveX按钮或插件按钮实现 object width=280 height=216 param name=autostart value=false / embed src=2.mpg width=280 height=216 autostart=false/embed /object ActiveX 方式 embed src=“2.mpg” width=“276” height=“218” autostart=“false”/embed 插件方式 流媒体简介 流媒体实际指的是一种新的媒体传送方式，而非一种新的媒体,流式传输方式将整个多媒体文件经过特殊的压缩方式分成一个个压缩包，由视频服务器向用户计算机连续、实时传送。在采用流式传输方式的系统中，用户不必像采用下载方式那样等到整个文件全部下载完毕 常见的流媒体文件格式 real公司：rm\rmvb\ra apple公司：quicktime\mov microsoft公司： asf\wmv\wma 插入流媒体元素的方法 网页中插入流媒体也能向插入一般媒体一样使用embed标记，只是要在classId框中设置流媒体的类型 插入Real Player流格式的视频文件 属性面板中设置: ClassID为RealPlayer……。 选中Embed复选框。 Src为zhaodan.rm。 单击“参数…”按钮，设置属性。 parm参数示例 参数：console 属性：可以将各种不同的RealPlayer控制聚集在网页上，这样它们可以交互使用或是保持独立，而且互相不影响 演示 1:8000/ec/youhua/kclx-1.htm 容器标记div span div和span div和span是不含有任何语义的标记，用来在其中放置任何网页元素，就象一个容器一样，当把文字放入后，文字的格式外观都不会发生任何改变，应用容器标记的主要作用是通过引入CSS属性对容器内元素内容的表现进行设置。 div和span的唯一区别是div是块级元素，span是行内元素。 div和span body div style=background-color:#3399ff块状区域1/div div style=background-color:#99ccff块状区域2/div span style=background-color:#ffccff行间区域1/span span style=background-color:#993399行间区域2/span /body div标记是一个块状的容器，其默认的状态就是占据整个一行。 span标记是一个行内的容器，其默认状态是行内的一部分，占据行的长短由内容的多少来决定 需要注意的是div并不是层，以前说的层是指通过CSS设置成了绝对定位属性的div元素，但实际上也可以对其他任何标记的元素设置成绝对定位，此时其他标记也成了层，因此层并不对应于任何html标记，所以Dreamweaver CS3去掉了层这一概念，将这些设置成了绝对定位元素的标记统称为AP（Absolute Position）元素 表格标记table、tr、td th、tbody、caption 表格标记 表格的主要作用：网页布局 因