学习下视频：第3课 - 设置表格与表单的款式 - CSS/DIV结构专题解说

CSS是CascadingStyleSheets的缩写，不得不承认CSS单独使用会麻烦一点，但其与脚本语言（如我们四阶段所学的Javascript）及XML技术的融合，即可达到绝佳的页面效果。

• 
  
• 
  

点击在线寓目
下载该节视频教程　动力软件园分流下载　FLV播放器下载大概利用QQ影音播放
表格与表单是网页上最多见的元素，表格除显现数据外，还经常被用来排版。而表单则作为与用户交互的窗口，时候都饰演着信息猎取和反应的脚色。本课环绕表格和表单先容CSS设置其款式的办法，和使用CSS完成各类殊效的技能。
1.把持表格
表格作为传统的HTML元素，一向遭到网页计划者们的喜爱。利用表格来暗示数据、制造查询拜访表等在收集中不足为奇。同时由于表格框架的复杂、了然，利用没有边框的表格来排版，也遭到良多计划者的喜好。我们在这里次要先容CSS把持表格的办法，包含表格的色彩、题目、边框、背景等。但愿人人可以把握以下几个方面的内容：

• 表格中的标志
  
• 表格的色彩
  
• 表格的边框
  

登录/注册后可看大图

2.表格实例一：隔行变色
当表格的行列都良多、数据量很年夜的时分，单位格假如接纳不异的背景致，用户在实践利用时会感应混乱。一般的办理举措就是接纳隔行变色，使得奇数行和偶数行的背景色彩纷歧样，到达数据一览无余的目标。本例最后的效果如图所示。

3.表格实例二：鼠标经由时变色的表格
关于长工夫考核大批数据、扫瞄表格的用户来讲，即便是隔行变色的表格，浏览工夫长了仍旧会感应委靡。假如数据行可以静态的依据鼠标来变色，就使得页面充斥了发火，最年夜水平的削减用户倦怠。

登录/注册后可看大图

4.表格实例三：日历
日历是一样平常生存中必不成少的器材，而作为备忘录的日历在桌面、收集上都愈来愈盛行。经由过程CSS设定表格的属性，能够很轻松的完成各类日历的效果。我们在这里经由过程复杂的实例，进一步纯熟CSS把持表格的各类办法。本例最后的效果如图所示。

5.CSS与表单
表单是网页与用户交互所不成短少的元素，传统的HTML中对表单位素的款式把持很少，仅仅范围于功效上的完成。我们在这里环绕CSS把持表单举行具体先容，包含表单中各个元素的把持，与表格共同制造各类效果等等。但愿人人可以把握以下几个方面的内容：

• 表单中的元素
  
• 像笔墨一样的按钮
  
• 七彩的下拉菜单
  

登录/注册后可看大图

6.综合实例一：间接输出的Excel表格
作为公司、单元的各类年度报表，常常数据量都很年夜，假如也都像一般表单一样逐项填写，必将形成网页的冗杂。而Excel表格在当地呆板操纵时一向广受好评，经由过程CSS把持，分离表格和表单，便能轻松完成相似的效果，如图所示。

登录/注册后可看大图

7.综合实例二：仿照新浪网平易近查询拜访问卷
流派网站上的旧事、现实常常都陪伴着林林总总的查询拜访问卷，包含现实的批评、言论的反应、局势的展望等等。这些查询拜访问卷都离不开表格与表单的共同利用。本例经由过程复杂的摹拟新浪的查询拜访问卷，进一步纯熟CSS把持表格、表单的办法。
这个图是新浪网上关于姚明的热门查询拜访，本例经由过程复杂的表格、表单的共同，摹拟该查询拜访问卷的效果。
人曾这样说“自从css出现之后，HTML终于摆脱了杂乱无章的恶梦，开始将页面内容与样式分离。”

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

滚动条)层属性--溢出(visible/hidden/scroll/auto)