当前时区为 UTC + 8 小时



发表新帖 回复这个主题  [ 6 篇帖子 ] 
作者 内容
1 楼 
 文章标题 : 有没有好的网页表格范例推荐一下?
帖子发表于 : 2015-11-24 21:55 
头像

注册: 2007-11-25 13:29
帖子: 7371
地址: 新疆博乐
系统: 14.04/16.04/Fedroa22
送出感谢: 38
接收感谢: 102
八年级学生,网页制作第4课学习表格,想找个好的范例给学生做
以前的课程表、座位表、时间表,感觉都没什么意思

学生已经学了三课:保存网页,创建站点,CSS样式表,其他图片、超链接都还没学


_________________
===新手请看===
Ubuntu 安装 | Ubuntu12.04/14.04/16.04 桌面操作指南
··Ubuntu16.04 安装图文教程(超简单)
····有时间就静下心来——折腾:)


页首
 用户资料  
 
2 楼 
 文章标题 : Re: 有没有好的网页表格范例推荐一下?
帖子发表于 : 2015-11-25 11:42 
头像

注册: 2008-09-18 13:11
帖子: 2945
送出感谢: 1
接收感谢: 493
才学那么点,table玩不出什么花样来的,只能讲讲基本的结构、基础的属性和样式了
从这里面 https://css-tricks.com/complete-guide-table-element/ 找点可用的呗,我觉得firefox的那个3D视图倒是很好的演示工具


页首
 用户资料  
 
3 楼 
 文章标题 : Re: 有没有好的网页表格范例推荐一下?
帖子发表于 : 2015-11-25 18:33 
头像

注册: 2007-11-25 13:29
帖子: 7371
地址: 新疆博乐
系统: 14.04/16.04/Fedroa22
送出感谢: 38
接收感谢: 102
多谢,我去看看先
--
全英文的,有点难度。。
我们用的KompoZer可视化的网页编辑器教学,代码用的很少,几乎不用只在最后视频的时候用一次


_________________
===新手请看===
Ubuntu 安装 | Ubuntu12.04/14.04/16.04 桌面操作指南
··Ubuntu16.04 安装图文教程(超简单)
····有时间就静下心来——折腾:)


页首
 用户资料  
 
4 楼 
 文章标题 : Re: 有没有好的网页表格范例推荐一下?
帖子发表于 : 2015-11-26 12:29 
头像

注册: 2007-11-25 13:29
帖子: 7371
地址: 新疆博乐
系统: 14.04/16.04/Fedroa22
送出感谢: 38
接收感谢: 102
奇怪,一直没弄明白两个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 | 被浏览 4311 次 ]
t.html.tar.gz [672 Bytes]
被下载 74 次


_________________
===新手请看===
Ubuntu 安装 | Ubuntu12.04/14.04/16.04 桌面操作指南
··Ubuntu16.04 安装图文教程(超简单)
····有时间就静下心来——折腾:)
页首
 用户资料  
 
5 楼 
 文章标题 : Re: 有没有好的网页表格范例推荐一下?
帖子发表于 : 2015-11-26 17:20 
头像

注册: 2008-09-18 13:11
帖子: 2945
送出感谢: 1
接收感谢: 493
你不是给整个body都指定了.title样式么,然后没声明doctype,浏览器用quirks mode来解析,表格里的字体样式除了family以外都不继承,最后就成这个样子了
用firefox的开发者工具查看元素的样式规则,可以看得很清楚
不过你们教材现在还不写doctype,真是太落后于时代了


页首
 用户资料  
 
6 楼 
 文章标题 : Re: 有没有好的网页表格范例推荐一下?
帖子发表于 : 2015-11-26 19:22 
头像

注册: 2007-11-25 13:29
帖子: 7371
地址: 新疆博乐
系统: 14.04/16.04/Fedroa22
送出感谢: 38
接收感谢: 102
确实,body里加了个样式,不知是怎么加进去的,
看了下 doctype 是在编辑器的首选项中设定的,默认的是 HTML 4 Strict,这个倒没想到,
--
设成 XHTML 1 Transiational 可能要好些
当时翻译kz的时候,这一块就没弄的太明白,没找出设成xhtml的方法,还有本地想设成zh-cn和从左到右也是,默认的Utf8倒是出来了 :em06


附件:
zh-CN.zip [823.68 KiB]
被下载 68 次


_________________
===新手请看===
Ubuntu 安装 | Ubuntu12.04/14.04/16.04 桌面操作指南
··Ubuntu16.04 安装图文教程(超简单)
····有时间就静下心来——折腾:)
页首
 用户资料  
 
显示帖子 :  排序  
发表新帖 回复这个主题  [ 6 篇帖子 ] 

当前时区为 UTC + 8 小时


在线用户

正在浏览此版面的用户:没有注册用户 和 5 位游客


不能 在这个版面发表主题
不能 在这个版面回复主题
不能 在这个版面编辑帖子
不能 在这个版面删除帖子
不能 在这个版面提交附件

前往 :  
本站点为公益性站点,用于推广开源自由软件,由 DiaHosting VPSBudgetVM VPS 提供服务。
我们认为:软件应可免费取得,软件工具在各种语言环境下皆可使用,且不会有任何功能上的差异;
人们应有定制和修改软件的自由,且方式不受限制,只要他们自认为合适。

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
简体中文语系由 王笑宇 翻译