【听白教授讲关于代码的故事】1.14更新45L_派派后花园

用户中心 游戏论坛 社区服务
发帖 回复
阅读:4911 回复:63

[原创刊物] 【听白教授讲关于代码的故事】1.14更新45L

刷新数据 楼层直达
慕若涵

ZxID:14387487


等级: 总版主
配偶: 时不予
爱就像蓝天白云,晴空万里,突然暴风雨!
举报 全看 使用道具 楼主   发表于: 2012-01-05 0
— 本帖被 白妖狼 从 原创工作区 移动到本区(2012-03-08) —
只看楼主的链接:http://www.paipai.fm/r5971487u14387487/

2012.1.5第一课简单的一行一列
2012.1.7 第二课多行多列及套入表格的位置                 15L
2012.1.10 第三课多列表格的定形和图片的插入              30L
2012.1.14第四课各种工具的功能                               45L

第一课:简单的一行一列
咳咳,其实对于表格我也只是会一些基本的而已,与其说学还不如说我们大家一起来讨论和交流。
我最喜欢的一句话就是:“授人以鱼不如授人以渔”!等大家都会基本的了,精美的就靠自己慢慢去构思了。
说了一堆废话,进入正题,在做表格的过程中希望大家注意的几点:
1、在做表格的过程中想要看效果可以点击预览,千万不要点掉代码模式前面的勾,不然会抽出现很多的空格;
2、做表格要有耐心哦,这是一个坑爹的过程啊,不能半途而废啊
3、在做表格的时候希望大家有个好的习惯,边做边保存,谁都有不小心的时候,要是点了关闭就全没了,本人有过两次经历了TAT
首先我们得知道某些字母代表一些什么
点进入高级模式时会出现芥个

再点击这个【做表格的】
会出现

按上面的格式填的会出现如此效果图

以上面这个为例子
table=100:表示表格的大小,我一般用的像素,表示表格100像素大
,#76923c,#ff0000,1:会出现两个#,前面的表示背景色,后面的表示边框色,后面的1表示边框的粗细,我一般都是用的2,看个人喜欢
看这里
后面必须有[/td][/tr][/table]才算是个完整的表格。关于这个以后会提到。


PS:交作业的童鞋有糖吃!o(∩_∩)o
今天开的比较晚,作业就按上面的内容做三个表格出来就好!要做不同的哦!

[ 此帖被慕若涵在2015-07-31 15:36重新编辑 ]
本帖最近评分记录: 5 条评分 派派币 +561
慕若涵

ZxID:14387487


等级: 总版主
配偶: 时不予
爱就像蓝天白云,晴空万里,突然暴风雨!
举报 全看 沙发   发表于: 2012-01-07 0
第二课:多行多列及套入表格的位置
第一节课我们学会了做简单的一行一列表格,今天就来学习两行两列或者多行多列以及表格里套表格及表格的摆放位置!
1、两行两列


讲解:

看上面的代码,有没有发现多出了神马?对了就是多了芥个[/td][td] [/td][/tr][tr][td] [/td][td] ,其中[tr][td]是代表行数,[/td][td]代表着列数,如果以上面的表格为准,我们把[/td][/tr][tr][td][/td][td]去掉,那么剩下的就是一行一列了,加上[/td][/tr][tr][td][/td][td]就成了两行两列,如果大家在以后的表格制作中做到中间发现少一行或者一列的话就不用删掉全部的代码,可以直接在代码中加上行数[/td][/tr][tr][td]或者列数[/td][td],芥样就方便多了!
值得注意的地方:如果我们只加一列直加[/td][td],如果我们要加一行就得看一下你的表格本身有几列如果是五列加入[/td][/tr][tr][td]后必须加入五个[/td][td],明白了么?o(∩_∩)o 咳咳,有点罗嗦了!

2、表格里套表格


以上面的代码为列,不知道你们有没有发现在表格代码的某个地方会有空格,在这里[tr][td]涵[/td][/tr],大家可以看一下写涵字的这个地方是不是有一个空格,再看涵字前面和后面的代码请牢牢记在心里,芥个地方就是我们将要套表格的地方。(也不要一味的去死记空格,有时候也许我们不小心会删掉空格,最重要的是记住代码)我们在写涵字的地方再做一个表格会出现如下效果图

上面的学会了么,会了我们接着往下讲了!

3、内表格居中




当我们的内表格回车换行,外表格的[/td][/tr][/table]芥个也回车换行后,套进去的表格就会居中

4、内表格靠上



当我们的内表格接着外表格后面来,但外表格的后面[/td][/tr][/table]需换行,套进去的表格就会靠上

5、内表格靠下



当我们的内表格换行但外表格的[/td][/tr][/table]接着内表格的后面来,套进去的表格就会靠下

6、内外表格紧靠


芥个最简单有木有,啥都不换行,直接一条线就会出现如上效果图了
注意:如果以后大家要套表格,外表格和内表格的大小最好不要一样,咳咳咱偷懒了直接复制的,可以小十或者多少看自己内容再去设置了

作业:
请做出以上教程中提到的表格,另加下面的表格,如有不懂的可以在自己所占楼层提问o(∩_∩)o

[ 此帖被慕若涵在2012-03-30 23:31重新编辑 ]
慕若涵

ZxID:14387487


等级: 总版主
配偶: 时不予
爱就像蓝天白云,晴空万里,突然暴风雨!
举报 全看 板凳   发表于: 2012-01-10 0
第三课:多列表格的定形和图片的插入

1、表格的定形

我们在做表格的时候会发现我们做出来的一行多列的表格列数的宽度都是一样的,如果我们在其中写字的话宽度就会大小不一,我们怎样才能让表格的宽度大小随着我们填写的内容多少而变化呢?

在上面的代码中有两个空格的地方,[tr][td]和[/td][td] ,大家可以看到这两个代码有一个相同的地方,都有一个[td],这里就是我们设置大小的地方。
我们把上面表格的芥里[tr][td] [/td][td]改成→[tr][td=1,1,30%] [/td][td=1,1,70%]
整体表格就变成了:
跟上面的比较一下:
大家知道怎样定形表格的大小了么?记住改写百分比的位置是在[td]里,不管我们的表格是多少列,所有列数的百分比数值加起来要等于100。1和1中间的那个逗号也得是上面那种哦!

2、图片的插入
其实图片的插入就跟我们套表格差不多,把套表格的位置换成图片就好,插入图片有两种方法。
第一种:直接本地上传
用鼠标戳

出现

再戳选择文件,在文件中找到自己要用的图片打开后点上传,如下图

再直接戳我们上传的图片就可以了。
其实我一直都不用这种方法,图片容易抽成叉烧包,我一般都是用穿签的方式来弄图片。可能有一小部分的人不知道这种方式,大略讲一下。

第二种:穿签方式
弄过签名档的人都知道,我们复制图片地址后要给地址加前缀和后缀方能显示图片。
加了前缀和后缀的整体图片代码如下图:

注意后面的img有个斜线。

把自己要放表格的图片适当的修改一下大小,然后上传到派派个人空间的相册里,点击鼠标右键会出现如下示图


我们复制图片地址后再加上前缀和后缀,图片就等于上传了!点击预览看一下效果,一定要是预览,前面已经提过N次了!!!!
内容


PS:不交作业的娃纸会抽打哟!o( ̄ヘ ̄o#)
1、上面出现的两种表格
2、做出如下表格








  内容


表格中的心可以直接在这里复制♥
慕若涵

ZxID:14387487


等级: 总版主
配偶: 时不予
爱就像蓝天白云,晴空万里,突然暴风雨!
举报 全看 地板   发表于: 2012-01-14 0
第四课:各种工具的功能

和某些亲们讨论一下教程的进度,很多都表示得说些细节的地方,于是今天的课程就讲一下美化表格的工具

下面是大致的工具列表:


各工具的功能如下图:


8、表示插入引用的内容:比如你要插入引用了别人哪段经典的文字的就戳这个
9、表示插入代码:这个大家以后学会表格后分享代码给别人就可以戳这个,然后把你做好的表格代码复制到这里就可以分享了
10、插入表情都会懂了
11、插入图片,这个上节课已经讲过了
12、插入附件其实跟插入图片差不多(详细讲一下):
戳附件会出现如下图

再戳选择文件,选择好我们需上传的文件了再戳上传附件,上传好了,如果我们的文件需加密就戳显示加密设置会出现如下图

点“无”后面的倒三角有出售和加密,点加密后面的积分就会有两个选择,一个是派币一个是威望,派派上的活动加密的一般是威望,后面设置成六个九。然后提交基本你的文件就加密了,有兴趣的童鞋可以去试试!
13、字体加粗,这个一般都懂
14、字体倾斜
15、字体的下划线
16、字体加颜色,这里是以红色为例
17、字体的背景色
18、插入和取消链接,外部链接
19、插入表格,前面都有提到了
20、恢复与取消,这个也都懂啦
21、字体加删除线
芥个只是熟悉熟悉代码,在不看图的基础上能准确的认识每个代码代表的是什么!这样我们就可以随时在代码模式下找出错误的地方!
一个完整的代码必须有头有尾,前面是[color],后面那个在前面的基础上加斜线
完整版的颜色代码:


下面是某些颜色代码,分割线,图片,饰物的链接地址:

分割线地址:
1、http://www.paipai.fm/r6363086/
2、http://www.paipai.fm/r6364201/
3、http://www.paipai.fm/r6416837/

小饰物:
1、http://www.paipai.fm/r6416256/
2、http://www.paipai.fm/r6248483/(动态)

图片地址:
http://www.paipaitxt.com/f198/&search=all?type=20501#tabA

字符分割线:
http://www.paipai.fm/r6532651&keyword=%D7%D6%B7%FB%B7%D6%B8%EE%CF%DF

颜色代码:
1、http://www.paipai.fm/r6495015&keyword=%D1%D5%C9%AB%B4%FA%C2%EB

以上都是美化表格的链接,想加什么就直接戳地址!

作业:
根据今天所学各种工具的功能,加上图片,分割线神马的自己创意一个表格,会根据表格的美化程度给分哦!
慕若涵

ZxID:14387487


等级: 总版主
配偶: 时不予
爱就像蓝天白云,晴空万里,突然暴风雨!
举报 全看 4楼  发表于: 2012-01-19 0
111111
[ 此帖被慕若涵在2012-01-29 14:54重新编辑 ]
慕若涵

ZxID:14387487


等级: 总版主
配偶: 时不予
爱就像蓝天白云,晴空万里,突然暴风雨!
举报 全看 5楼  发表于: 2012-01-26 0
占多了
[ 此帖被慕若涵在2012-01-26 23:52重新编辑 ]
发帖 回复