学习下视频:第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终于摆脱了杂乱无章的恶梦,开始将页面内容与样式分离。” 滚动条)层属性--溢出(visible/hidden/scroll/auto) 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
页:
[1]