仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 722|回复: 7
打印 上一主题 下一主题

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

[复制链接]
简单生活 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:36:18 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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终于摆脱了杂乱无章的恶梦,开始将页面内容与样式分离。”
蒙在股里 该用户已被删除
沙发
发表于 2015-1-18 06:58:00 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
不帅 该用户已被删除
板凳
发表于 2015-1-25 10:55:45 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
admin 该用户已被删除
地板
发表于 2015-2-2 21:55:47 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
乐观 该用户已被删除
5#
发表于 2015-2-8 08:44:22 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
分手快乐 该用户已被删除
6#
发表于 2015-2-25 08:18:27 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
变相怪杰 该用户已被删除
7#
发表于 2015-3-7 18:58:49 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
冷月葬花魂 该用户已被删除
8#
发表于 2015-3-22 01:10:39 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表