素素（莫离。终陌离° ）表格教程帖。

云晓月 · 发表于 2013-1-23 21:01:20

本帖最后由沫小仴于 2013-1-23 20:59 编辑

素素对社区有着不可磨灭的贡献，随风深深感谢你。但由于你的帖子在群组那边有好多同学无法看到，故转移来此。素素见谅！

学习内容：

第一课：了解2层表格相叠制作。图片上传+音乐嵌入+文字编辑。（作业完成）

底层表格。行数为1、列数为1、宽度为420. 2层表格：行数为1、列数为1.宽度为410.

切记相叠的第2层表格、宽度一定要比第一个小。

如，第一个宽度为420那么第二个410要相差最低为10，可小不可大。　

文字编辑：发现文字不能居中或者不能对齐达不到你要的效果。　
只要点开右上角的“纯文本”在里面进行文字排版编辑就可以了。
注意、文字不要过多、超出表格的宽度，那么就会影响帖子整个美观。

最终效果:

云晓月 · 发表于 2013-1-23 21:01:21

本帖最后由沫小仴于 2013-1-23 21:36 编辑

第二课：进行双层表格相叠，行数1列数为2的表格制作，+不同宽度的表格进行美化。

  首先进行表格设置：

   设置第一个表格、行数为1、列数为1、宽度为600（超出560的宽度，表格就会变成论坛内容显示区域那么宽）

   设置第二步：不同宽度的表格进行设置、行数为1、列数为1、宽度为500（这个宽度自己操作、只要不超出560）

   设置第三步：设置第3个表格、放在第2个表格的下面、行数为1、列数为2、宽度为600（只要在第一个表格里面。超出560宽度、显示也不会超过第一个的）

   设置第4步：在第3个表格里的列数2个的表格框内各加上：行数为1、列数为1、宽度为300.  的表格。

      设置第5步：在第3个表格的下面设置不同宽度的表格进行设置、行数为1、列数为1、宽度为500（美化效果）

      表格就是这5步。设置完成。下面步骤 在第3个表格里的两个小表格内添加图片、文字。

      添加文字和图片、还有最后一步的播放器添加、第一课大家已经学会，所以这里省略掉。。。。

      如果、想在里面加上播放器替代文字。或者图片。那么我们今天就学习虾米播放器操作。

      虾米播放器需要注册：虾米播放器操作       点这里学习虾米播放器制作过程。

         复制Flash文件地址、在进行贴内嵌入地址、  点这个标签、进行设置。宽高设置。
         最好与文字或者图片相等高度。

         然后。一篇贴就大功告成了。

         最终效果：

宽度：600

宽度500

第4步

宽度300

宽度500

远在身边周定纬
不是每只船都不怕流浪的孤单

可是它们仍扬起帆
因为心中有个彼岸
也许有些路注定要一个人走完

所以背包总是塞满
你所有温暖很暖

原来你一直在我身边
不管距离多么遥远
就算乌云在眼睛里不散

你的笑容让我灿烂
原来你就在我的身边

对了。插入表格内的任何内容、比如图片、播放器、文字、一定要比这个表格最低小于10。

云晓月 · 发表于 2013-1-23 21:01:22

本帖最后由沫小仴于 2013-1-23 21:23 编辑

第三课：

进行双层表格相叠，内搭行数2列数为2的表格插入，+再加入2表格相叠表格到第一表格下方。用于素材头像贴。

首先进行表格设置：

设置底部第一个表格：

宽度为500 （自由发挥、此表格用做于图片贴）

设置第2个表格：

宽度为490

设置第3个表格：行数2列数2、宽度420（自由发挥，图片大小来定）

420	420
等于每框内210	等于每框内210

设置第4个表格：在以上3个表格下方、设置一个与第一个表格相等的表格、宽度为500.

420 420
等于每框内210 等于每框内210

设置第5个表格：放在第4个表格的里面、宽度要小于最低10、我设置为490.

等于每框内210 等于每框内210
插入200宽度的图片图片要宽高相等。。

第6步、以此类推、复制以上5步表格。（自由发挥、发布多少图片）每张图片与要插入的表格少于10宽度。

图片   图片
  图片   图片
文字心情
  图片图片
图片   图片
文字心情
  图片图片
  图片   图片
文字心情
  图片图片
  图片   图片
文字心情

最后、今天学习的表格制作完成。以下最终效果。（我示列了3种效果，可自由发挥）

这里也可以加入文字。
或者你的ID。

第一种效果

第2种效果。

ID ID
第3种效果。

同学们。对于图片贴和头像素材。可以发在贴图区用外链。
如果达到素材墙的资格，还可以被收录。就是要辛苦下同学们了、。
我很喜欢收集一些比较唯美意境的素材。都是一张张上传的。
对于有社区水印的图片。发出来也没有任何意义。大家拿去还要去水印。
有的时候发这些素材贴、一是分享自己喜欢的素材、主要是可以服务到大家，
不用到处去找素材了。我做一张贴，所花的时间，都是花在素材上面。
就算是没有人喜欢、至少我们有付出这份热心。或者被人拿去用，当然会更开心。
所以，同学们，也要有这份心噢！

对了头像是可以直接上传的，因为不会有水印。

云晓月 · 发表于 2013-1-23 21:01:23

爱上学院第四课：（适合贴图表格）

1：首先设置一个行数，列数为1.宽度为520、颜色自定。、的表格。

2：在第一个表格内再设置一个宽度为350的表格，颜色设置为黑色。

宽度为350 黑色表格

3：在第2个表格下面设置一个，宽度为390的表格，颜色为白色。

一

宽度为390的表格，白色表格

4：在第3个表格下方设置一个宽度为420. 颜色为黑色的表格。

宽度为420. 颜色为黑色

5：在第4个表格内、插入一个宽度为180、颜色为白色的表格。

宽度为180、颜色为白色

6：在第4个表格内、再插入第2个宽度为210、颜色为白色的表格。

、

图片（170）

第2个宽度为210、颜色为白色

*

7：在第4个表格下方，设置一个宽度为390 颜色为白色的表格。

、

图片（170）

第2个宽度为210、颜色为白色

宽度为390 颜色为白色

8：在第7步的表格下方设置一个宽度为350 颜色为黑色的表格。

、

图片（17

第2个宽度为210、颜色为白色

宽度为350 颜色为黑色

*

9：在下方添加文字。文字下方添加一个宽度为400、颜色为白色的表格进行搭配。

、

图片（170）

第2个宽度为210、颜色为白色

.

。

° ii23-- 莫离、终陌离°° 　　　　

.

最终效果。

　　　　　　　　　　　　　　　　° ii23-- 莫离、终陌离°°

大家也可以自己发挥创意：

这里可以大量文字排版。

或者插入图片。、

这里复制一个上面的表格。

插入内容。

　　　　　　　　　　　　　　　　° ii23-- 莫离、终陌离°°

云晓月 · 发表于 2013-1-23 21:01:24

本帖最后由沫小仴于 2013-1-24 19:48 编辑

第6课前语：以下表格宽度颜色搭配，只是个人喜好，大家可以自由发挥。

今天有学员问到表格样式颜色搭配问题。
依个人经验，建议大家图片与表格颜色要搭配得当，
也就是，图片的颜色和表格颜色一定要搭配好，不要五颜六色。

第一个底表格：行数列数为1 宽度为500 颜色代码（teal )

宽度500 颜色代码（teal ）

第二个表格：在第一个表格内进行宽度为490 颜色代码（ #cd4f39 )

宽度为490 颜色代码（ #cd4f39 )

第三个表格：在第二个表格内进行宽度为480 颜色代码（teal )

宽度为480 颜色代码（teal )

*

第四个表格：在第三个表格内进行宽度为400 颜色代码（white )

宽度为400 颜色代码（white )

第五个表格：在第四个表格下方进行宽度为420 颜色代码（white )

宽度为420 颜色代码（white )

第六个表格：在第五个表格下方进行宽度为400 颜色代码（white )

其实，此表格复制第一个白色表格就行了。

第七个表格：在第二个表格下方进行宽度为490 颜色代码（white )

。。

。。
。。
。。。。。

宽度为490 颜色代码（white )

第七个表格：在第二个表格下方进行宽度为490 颜色代码（white )

)

。

。。
。。
。。
。。
。

行了。

宽度为490 颜色代码（white )

第八个表格：在第七个表格下方进行宽度为440 颜色代码（white )

。
，
，
，
，
，

宽度为440 颜色代码（white )

第九个表格：在第八个表格下方进行宽度为490 颜色代码（white )

。
。
。
。
。

宽度为490 颜色代码（white )

第10个表格：在第9个表格下方复制 7 8 9三步表格（中间留空格处输入文字搭配）

。
。
。
。
。

这世界上, 有那么一个人, 他宁可死也不会对你出尔反尔

7

8

9

第11个表格：第10个表格下方进行宽度为490 颜色代码（ #cd4f39 )

。
。
。
。
。

这世界上, 有那么一个人, 他宁可死也不会对你出尔反尔

宽度为490 颜色代码（ #cd4f39 )

第12个表格：第11个表格内进行宽度为480 颜色代码（teal )

。
。
。
。
。

这世界上, 有那么一个人, 他宁可死也不会对你出尔反尔

宽度为480 颜色代码（teal )

第13个表格：第12个表格内进行宽度为400 颜色代码（white )

。
。
。
。
。

这世界上, 有那么一个人, 他宁可死也不会对你出尔反尔

宽度为400 颜色代码（white )

第14个表格：第13个表格下方进行宽度为420 颜色代码（white )（这个表格内可以加上文字）
文字数量自己定，尽量不要太多。

。
。
。
。
。

这世界上, 有那么一个人, 他宁可死也不会对你出尔反尔