Internet与网页设计3_new.pptVIP

Internet 与网页设计 上节课解决问题的回顾 表格的控制 height、width cellpadding属性与cellspacing属性介绍 单元格的合并方法 网页中多媒体的使用 html表单 dreamweaver的使用 通过一个简单的网页解决的6个问题： 1. 滚动字幕的实现。 2. 在html中如何插入图片 3. html中颜色的使用 4.特殊字符 怎么显示特殊字符如版权所有标记 5.超级链接 图片链接、文字链接 6. 如何布局-表格的使用 1 标记实现滚动字幕 … 属性 描述 可取值 direction 移动方向 left,right,down,up behavior 移动方式 scroll,slide,alternate loop 循环次数 -1,2… -1无限次循环 align 对齐方式 top,middle,bottom bgcolor 背景颜色 #rrggbb height 底色所占高度 40px width 底色所占宽度 50px scrollamount 控制速度 2 在网页中使用图片 理解相对路径、绝对路径的概念，简而言之，相对路径是相对 的位置，绝对路径是绝对的物理地址。 【注意】 ..表示上级目录 .表示本级目录 img src “”/ （3） html中颜色的使用 RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分 配一个0~255范围内的强度值。例如：纯红色R值为255，G值为 0，B值为0；灰色的R、G、B三个值相等（除了0和255）； red #ff0000 green #00ff00 blue #0000ff black #00000 white #111111 灰度图像： 当所有的分量值为一样时 使用background-color来设置背景颜色 body style “background~color:#006600” 4 　特殊字符 两种情形： 1.在html标记中有特殊意义的字符 2.无法用键盘直接输入的字符 显示结果 说明 实体名称 实体代码 显示一个空格 nbsp; #160; 小于号 lt; #60; 大于号 gt; #62; 符号 amp; #38; “ 双引号 quot #34; 版权符号 copy #169 5 超级链接 超级链接的格式为 a href “ “ 内容 属性有title和target，其中title表示鼠标移动到该位置时显 示的内容，target “_self”表示在自身页面打开，target “_blank” 表示在新页面打开。 文字可以做链接，图片也可以做链接。 第三章 表格 6 表格 表格的html标记 table width “900px” cellspacing “0” cellpadding “0” border “1” 第三章 表格 … 定义一个表格，每一个表格 都只有一对 行标记 … 定义表格的行，一个表格可以有多行 表格单元格标记 1 .. 定义表格的一个单元格 2 ... 定义表头单元格 第三章 表格 控制表格宽高的方法 标记有宽和高属性 定义一个宽为1024px,高为900px的表格 table width “1024px” height “900px” …. 在table中width和height属性可以使用百分比，是相对于整个 网页的。table中的行有height属性，列有宽度属性。这里也可 使用绝对值，也可以使用相对值。 第三章 表格 table width “1000px” td width “300px” ….. td width “700px” …… 我们在上面的例子中可以是使用相对值30%,70%. 类似的，对于 的height属性也可以使用相对值和绝对值。 第三章 表格 cellpadding属性与cellspacing属性介绍 第三章 表格 单元格的合并方法 代码如下 （行合并 ： table width 200 border 1 td rowspan 2 nbsp; nbsp; nbsp; nbsp; nbsp; 第三章 表格 单元格的合并方法 代码如下 （列合并 ： table width 200 border 1 /tr colspan “3” nbsp; nbsp; nbsp; 第四章 在网页中使用多媒体 在网页中使用多媒体： 1.文件的链接 在网页中可以链接到其他各种类型的文件，如果浏览器 支持这种文件，就可以在浏览器中直接打开这种文件；否则 提示是否下载该文件。其实文件链接的方法就是 a hr