有没有好的网页表格范例推荐一下?

讨论 Ubuntu 课堂教学和培训相关经验或资料
回复
头像
TeliuTe
论坛版主
帖子: 7470
注册时间: 2007-11-25 13:29
系统: 14/16/18/Fedroa22/w7
来自: 新疆博乐
送出感谢: 30 次
接收感谢: 102 次
联系:

有没有好的网页表格范例推荐一下?

#1

帖子 TeliuTe » 2015-11-24 21:55

八年级学生,网页制作第4课学习表格,想找个好的范例给学生做
以前的课程表、座位表、时间表,感觉都没什么意思

学生已经学了三课:保存网页,创建站点,CSS样式表,其他图片、超链接都还没学
头像
astolia
论坛版主
帖子: 3391
注册时间: 2008-09-18 13:11
送出感谢: 1 次
接收感谢: 569 次

Re: 有没有好的网页表格范例推荐一下?

#2

帖子 astolia » 2015-11-25 11:42

才学那么点,table玩不出什么花样来的,只能讲讲基本的结构、基础的属性和样式了
从这里面 https://css-tricks.com/complete-guide-table-element/ 找点可用的呗,我觉得firefox的那个3D视图倒是很好的演示工具
头像
TeliuTe
论坛版主
帖子: 7470
注册时间: 2007-11-25 13:29
系统: 14/16/18/Fedroa22/w7
来自: 新疆博乐
送出感谢: 30 次
接收感谢: 102 次
联系:

Re: 有没有好的网页表格范例推荐一下?

#3

帖子 TeliuTe » 2015-11-25 18:33

多谢,我去看看先
--
全英文的,有点难度。。
我们用的KompoZer可视化的网页编辑器教学,代码用的很少,几乎不用只在最后视频的时候用一次
头像
TeliuTe
论坛版主
帖子: 7470
注册时间: 2007-11-25 13:29
系统: 14/16/18/Fedroa22/w7
来自: 新疆博乐
送出感谢: 30 次
接收感谢: 102 次
联系:

Re: 有没有好的网页表格范例推荐一下?

#4

帖子 TeliuTe » 2015-11-26 12:29

奇怪,一直没弄明白两个css之间为什么会相互干扰?明明只设置了第一行,但是第二行也跟着变,而且找不出规律来

代码: 全选

<html dir="ltr" lang="zh-cn">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>lesson25</title>
<meta content="刘老师" name="author">
<meta content="我的表格" name="description">
<style type="text/css">
.title {
font-family: 文泉驿微米黑;
font-size: 48px;
line-height: 150%;
color: #000099;
text-align: center;
}
.text {
font-size: 36px;
color: #009900;
font-family: AR PL UKai CN;
line-height: 150%;
text-align: center;
}

</style>
</head>
<body class="title">
<table style="text-align: left; width: 990px; height: 58px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">快<span class="title">快乐</span>乐<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">快乐是什么?其实,快乐只是一种感觉,你认为自己是快乐,你就是快乐
的。<br>
</td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
附件
t.png
t.png (4.12 KiB) 查看 4812 次
t.html.tar.gz
(672 Bytes) 下载 82 次
头像
astolia
论坛版主
帖子: 3391
注册时间: 2008-09-18 13:11
送出感谢: 1 次
接收感谢: 569 次

Re: 有没有好的网页表格范例推荐一下?

#5

帖子 astolia » 2015-11-26 17:20

你不是给整个body都指定了.title样式么,然后没声明doctype,浏览器用quirks mode来解析,表格里的字体样式除了family以外都不继承,最后就成这个样子了
用firefox的开发者工具查看元素的样式规则,可以看得很清楚
不过你们教材现在还不写doctype,真是太落后于时代了
头像
TeliuTe
论坛版主
帖子: 7470
注册时间: 2007-11-25 13:29
系统: 14/16/18/Fedroa22/w7
来自: 新疆博乐
送出感谢: 30 次
接收感谢: 102 次
联系:

Re: 有没有好的网页表格范例推荐一下?

#6

帖子 TeliuTe » 2015-11-26 19:22

确实,body里加了个样式,不知是怎么加进去的,
看了下 doctype 是在编辑器的首选项中设定的,默认的是 HTML 4 Strict,这个倒没想到,
--
设成 XHTML 1 Transiational 可能要好些
当时翻译kz的时候,这一块就没弄的太明白,没找出设成xhtml的方法,还有本地想设成zh-cn和从左到右也是,默认的Utf8倒是出来了 :em06
附件
zh-CN.zip
(823.68 KiB) 下载 81 次
回复

回到 “课堂教学和培训”