【教程】萌新表格排版教学（随便打了个前缀hhh）

[乱跑的泰兰德]

7 分钟前, Dorothy 说道:

哇喔，泰兰德大大居然做出表格排版教程贴啦，

真的好顶赞呀！李才素真正的排版大佬！

基本上把大多数要用的功能统统都教了呐！

 咱素不素就可以收工了哈！（虽然只剩背景图的来着，不过其实也不会很复杂）还素会做的啦！看之后的时间允不允许来着！

 咱最近没怎么碰电脑然后事情和有作业的时候完全不一样了的说！

 只能稍微找个空闲回一下红提示和一部分村子贴来着...

 甚至连现在打这些字的自己已经困得不行的感觉

总之真的很感谢泰兰德大大的分享！也给咱上了一节教学贴的发帖姿势的课！（不过那个图片放在表格里压得好厉害呀，原图就素酱紫嘛？）

哇！！！！我好期待魔女在这个帖子的回复！！！！毕竟魔女的排版太帅了！！！！

太累了就快休息吧，别太强迫自己，玩论坛是为了开心而不是负重，不用急着做教学贴，啥时候闲下来了，偶尔抽几分钟搞搞就好。娱乐活动啦。

原图，嘿嘿嘿。我私发魔女一个，原图是我超级喜欢的图。~~~

其实是因为本来我自己设定的表格宽度还是很宽的，图片没有挤压那么严重，

但是听闻了叶子和黑羊的建议后，表格就窄了。。。。就好挤啊。。。。

最后，晚安~~~

二月 17, 2019，由mylifeyouwill修改

[星霜の言葉]

15 分钟前, 格林的黑羊 说道:

都会超

吾辈这里650也会超，只是浏览器缩放以后看着会比98%舒服，所以个人选了650

650本身并不算最优选，假如有更好的办法，个人也不会选用表格排版的w

确实，650的观感比98%好多了，再加一个背景底色的话应该是目前的最优解了ww

黑羊nice哇

[Dorothy]

17 分钟前, mylifeyouwill 说道:

哇！！！！我好期待魔女在这个帖子的回复！！！！毕竟魔女的排版太帅了！！！！

太累了就快休息吧，别太强迫自己，玩论坛是为了开心而不是负重，不用急着做教学贴，啥时候闲下来了，偶尔抽几分钟搞搞就好。娱乐活动啦。

原图，嘿嘿嘿。我私发魔女一个，原图是我超级喜欢的图。~~~

其实是因为本来我自己设定的表格宽度还是很宽的，图片没有挤压那么严重，

但是听闻了叶子和黑羊的建议后，表格就窄了。。。。就好挤啊。。。。

最后，晚安~~~

泰兰德大大还素这么热情呀！真素谢谢啦！排版什么的咱那个其实也只素脑洞的产物而已。

（表格也没有像李们有认真去想过要怎么去调宽度来着，简单就按98%来用了呀）

嗯呢，谢谢关心呐！咱不会勉强自己哒！但也不会那么容易就咕掉哒！

那张图蛮不错哒！貌似以前在贴吧里还看过呐！

所以其实按原来的应该就好咯，虽然有所要兼顾手机端，但素还素以pc美观为主呐！（哪怕手机端会挤出到外面）

嗯嗯，素泰兰德大大要睡了嘛，晚安咯！

咱待会11点前应该也会睡了吧...确实今天出去外面陪家人好久！

[adebus]

喔……原来是这么做的啊 插个眼先

[jg085]

洒家爪機...果然只能複製拿來用...

圖一寬，表情包也跟著寬了...

然後表情包卡了...

Chrome更新後更慘了...

 

-----(測試用內容.(汗))

這奇怪的東西就當沒看到吧…

 

 

下列口白那個匹配表情?

A.牟都滋油褲...	B.伊怠...伊怠油...
C.起毛機益~一...	 D.哞抖…亞沙西...

[星霜の言葉]

2 小时前, lucisobri 说道:

就观感来看。

广场置顶的 情人节活动的宣传贴。 排版看起来就很舒服。

长长一条下来。~

而太宽的 需要拉过来 拉过去的看。。。

言叶 大大 也是美工组 出身哇

诶？其实可以用拇指和食指同时往中间拉，将屏幕缩放来获取比较舒适的观感来着

情人节的排版PC端看着很舒服，但是移动端个人觉得还是太挤了ww

不是啦，咱不是大大，新手村出身哦，是一名普通人

[乱跑的泰兰德]

20 分钟前, adebus 说道:

喔……原来是这么做的啊 插个眼先

看到米把你扔过来啦

[lucisobri]

4 分钟前, 星霜の言葉 说道:

诶？其实可以用拇指和食指同时往中间拉，将屏幕缩放来获取比较舒适的观感来着

情人节的排版PC端看着很舒服，但是移动端个人觉得还是太挤了ww

不是啦，咱不是大大，新手村出身哦，是一名普通人

移动端二指缩放！整个页面都缩小到很奇怪的位置！

大佬都这么谦虚，我等咸鱼就活不下去啦

这么复杂的技术！这辈子也学不会了！

言叶大大现在有兴趣回美工组嘛

[乱跑的泰兰德]

35 分钟前, Dorothy 说道:

泰兰德大大还素这么热情呀！真素谢谢啦！排版什么的咱那个其实也只素脑洞的产物而已。

 （表格也没有像李们有认真去想过要怎么去调宽度来着，简单就按98%来用了呀）

 嗯呢，谢谢关心呐！咱不会勉强自己哒！但也不会那么容易就咕掉哒！

 那张图蛮不错哒！貌似以前在贴吧里还看过呐！

 所以其实按原来的应该就好咯，虽然有所要兼顾手机端，但素还素以pc美观为主呐！（哪怕手机端会挤出到外面）

 嗯嗯，素泰兰德大大要睡了嘛，晚安咯！

 咱待会11点前应该也会睡了吧...确实今天出去外面陪家人好久！

因为看你超级困不是吗。。。所以觉得你要瞬间睡觉呢。。。

[lucisobri]

2 小时前, mylifeyouwill 说道:

嗯，是打算压缩在谁都比较舒适的状态，但是目前看来应该还是黑羊大大说的650px。

是最好的选择= =、

这个教程！看了很久！测试了半天！我快死了

[乱跑的泰兰德]

14 分钟前, jg085 说道:

洒家爪機...果然只能複製拿來用...

圖一寬，表情包也跟著寬了...

然後表情包卡了...

Chrome更新後更慘了...

 

-----(測試用內容.(汗))

這奇怪的東西就當沒看到吧…

 

 

下列口白那個匹配表情?

A.牟都滋油褲...	B.伊怠...伊怠油...
C.起毛機益~一...	 D.哞抖…亞沙西...



葱娘匹配这个表情233333

[乱跑的泰兰德]

刚刚, lucisobri 说道:

这个教程！看了很久！测试了半天！我快死了

我也是！！当初测试的时候差点死掉！！！

[lucisobri]

2 分钟前, mylifeyouwill 说道:

我也是！！当初测试的时候差点死掉！！！

真的不是这块料，没耐心去做帖子！

我需要去泡杯茶，冷静一下！

大大继续加油呀

[乱跑的泰兰德]

2 分钟前, lucisobri 说道:

真的不是这块料，没耐心去做帖子！

我需要去泡杯茶，冷静一下！

大大继续加油呀

我只是好奇所以做这个玩玩，实际上也只是个普通论坛玩家啦

[jg085]

9 分钟前, mylifeyouwill 说道:

葱娘匹配这个表情233333

洒家不是娘啊…

 

...(汗)

這樣幹洒家會噁心到自己的...噁哦哦…

[格林的黑羊]

7 小时前, bdxxd 说道:

我不會新的排版，教我qwq

還有教他

 

果然以前的UBB代碼已經不能用了呢w

[table=550,Black]
[tr][td][table=550,White]
[tr][td][table=550,#e90000]
[tr][td]

[/td][/tr]
[/table][/td][/tr]
[/table][/td][/tr][/table]

 

吾辈并不是大佬啊www

现在就是因为体感好，所以选择使用word表格来排版，具体做法就是在word制作完以后复制到论坛

但这并不算最优解，问题有以下

1.不同平台的阅读体感（是选固定尺寸还是98%）

2.背景插入（个人是感觉背景插入问题蛮多的，并不推荐怎么做）

3.后续编辑（论坛的编辑器体感明显差于word，可选字体也偏少）

所以个人的建议是，除了版规、活动公告这种，都可以选用一图流来做

一图流在背景／整体布局／不同平台阅读等方面上均是最佳的，唯一的问题就是图床和后续修改。

[乱跑的泰兰德]

20 分钟前, jg085 说道:

洒家不是娘啊…

 

...(汗)

這樣幹洒家會噁心到自己的...噁哦哦…

哈哈哈哈哈哈哈哈哈，就叫葱娘了，毕竟这么萌！！！！

哈哈哈哈哈，太有意思了

[星霜の言葉]

剧透

37 分钟前, lucisobri 说道:

移动端二指缩放！整个页面都缩小到很奇怪的位置！

大佬都这么谦虚，我等咸鱼就活不下去啦

这么复杂的技术！这辈子也学不会了！

言叶大大现在有兴趣回美工组嘛

 

www缩放是为了整体的观感啦，而且650大小的话，就算到达缩放极限的话也不会很小...吧？

方便的话能贴一个阁下缩得很奇怪的图吗？我看看能不能再优化

不不不，真的没有在谦虚哇咱真的是新手村出身的普通人，真的不是美工组大佬

唔姆其实我这里有一个比较简单的傻瓜一键式的，不过还是希望大家能掌握稍微动动手的这种哇，学习才是正道呢

 

[乱跑的泰兰德]

7 分钟前, 格林的黑羊 说道:

吾辈并不是大佬啊www

 现在就是因为体感好，所以选择使用word表格来排版，具体做法就是在word制作完以后复制到论坛

 但这并不算最优解，问题有以下

 1.不同平台的阅读体感（是选固定尺寸还是98%）

 2.背景插入（个人是感觉背景插入问题蛮多的，并不推荐怎么做）

 3.后续编辑（论坛的编辑器体感明显差于word，可选字体也偏少）

 所以个人的建议是，除了版规、活动公告这种，都可以选用一图流来做

 一图流在背景／整体布局／不同平台阅读等方面上均是最佳的，唯一的问题就是图床和后续修改。

其实，我觉得可以用一图流结合表格完成最佳体验。

把整个的一张图分解为A、B、C三部分（就是裁剪啦）

具体如这个：

背 景	一图流A	背 景
	链接地址
	一图流B
	链接地址
	一图流C

 

[Dorothy]

45 分钟前, mylifeyouwill 说道:

因为看你超级困不是吗。。。所以觉得你要瞬间睡觉呢。。。

嗯，刚刚还洗了下澡所以有点精神了的说！

不过现在应该也要睡了呀！那就晚安呐！~泰兰德大大！

[乱跑的泰兰德]

2 分钟前, Dorothy 说道:

嗯，刚刚还洗了下澡所以有点精神了的说！

不过现在应该也要睡了呀！那就晚安呐！~泰兰德大大！

好的好的，魔女大大晚安（咱可不是什么大大....）~~~~~

迷之音：获得被“大大”说“大大”的体验【1/1】

[格林的黑羊]

刚刚, mylifeyouwill 说道:

其实，我觉得可以用一图流结合表格完成最佳体验。

把整个的一张图分解为A、B、C三部分（就是裁剪啦）

具体如这个：

背 景	一图流A	背 景
	链接地址
	一图流B
	链接地址
	一图流C

 

不是，这样还是会有表格的老问题啊，表格本身就有大小和不同平台的阅读体验问题，图片则相对好得多。

直接

图A+链接

图B+链接

然后再折叠开召唤之类的

这样做就好

图片最大的问题就是后续修改／维护

漫区以前有个教程公告帖就是用图+链接，结果图炸了，没人去维护。

所以对吾辈来说，表格其实只是特定情况的替代品（叹

但吾辈现在接触的基本都是特定情况...

[乱跑的泰兰德]

1 分钟前, 格林的黑羊 说道:

不是，这样还是会有表格的老问题啊，表格本身就有大小和不同平台的阅读体验问题，图片则相对好得多。

 直接

图A+链接

图B+链接

然后再折叠开召唤之类的

这样做就好

图片最大的问题就是后续修改／维护

 漫区以前有个教程公告帖就是用图+链接，结果图炸了，没人去维护。

 所以对吾辈来说，表格其实只是特定情况的替代品（叹

但吾辈现在接触的基本都是特定情况...

也是哈.....

图片链接维护问题确实后期很难处理......

目前也没有什么两全其美的解决方案.......

[格林的黑羊]

刚刚, mylifeyouwill 说道:

也是哈.....

图片链接维护问题确实后期很难处理......

目前也没有什么两全其美的解决方案.......

吾辈最怕的就是这种情况

但像“吐槽”、“告白”、“报道”、“心情”这种一般不需要后续维护的帖子，图片就是个人认为的最优解

[Kami丶米]

8 分钟前, 格林的黑羊 说道:

不是，这样还是会有表格的老问题啊，表格本身就有大小和不同平台的阅读体验问题，图片则相对好得多。

直接

图A+链接

图B+链接

然后再折叠开召唤之类的

这样做就好

图片最大的问题就是后续修改／维护

漫区以前有个教程公告帖就是用图+链接，结果图炸了，没人去维护。

所以对吾辈来说，表格其实只是特定情况的替代品（叹

但吾辈现在接触的基本都是特定情况...

PSD、、、、、应该还好？

好吧，因为电脑换了，老文件素材都随着电脑一起丢失了。。。【万恶的贴图库改版，不充会员就自动七天后自动删除图片】

其实如果用图片和表格的结合，无论是原本比例还是98%或者是650，总归无法全部平台照顾，那么。。。。舍弃表格呢？

反而用“文字向”+png素材的排版呢？~脱离表格的排版，无论PC或者手机都是最佳的阅读效果才对

记得文学区有人写过文字向排版的方式，感觉可以去翻阅找找了，虽然不知道会不会帖子也损坏了

二月 17, 2019，由Kami丶米修改