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

[乱跑的泰兰德]

6 分钟前, lucisobri 说道:

来啦

从PC端看。整体倾向右边，，

最大的表格还是出屏幕外~

不过这是正常的吧 

多谢哦~~~~~~~~

[乱跑的泰兰德]

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

可能是浏览器或者其他原因，不过论坛最大宽度是1000px

舍去头像之类的图片、插件占比之后，我测试下来750px是个人很喜好的大小

1000的话，手机端可能会炸掉

所以现在调整了，昨晚上看黑羊说的650，我还以为是打错了呢。。。。

[乱跑的泰兰德]

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

黑羊并不建议980，因为980在某主题下看起来真的很不舒服

有比较明显的出界

黑羊也做过类似测试

 

800居中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t

 

850局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1

 

900局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v123

 

950局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v1234w1234

 

1000局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v1234w1234x1234y

 

唉，原来是个人PC的原因。。。。我这边可能显示的不大一样呢。。。

这样的话，应该确实是650和750比较合适呢

应该的话，650可能连手机端都可以完美匹配吧

 

二月 17, 2019，由mylifeyouwill修改

[乱跑的泰兰德]

11 分钟前, lucisobri 说道:

0。0我还以为我的屏幕不够宽。。

是打算把整个文档压缩在限定范围内么？

 

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

是最好的选择= =、

[乱跑的泰兰德]

18 分钟前, lucisobri 说道:

看看 广场 置顶的那个 情人节活动 的排版~

喜欢么？

长长的下来。看起来很舒服。。

你想的效果是不是那种呀

是啊，那种的确实是很舒服。

其实只要排版合理，都是非常美观的。

[乱跑的泰兰德]

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

再补充一下，在没有图片的情况下，可以选择使用百分比来

不过个人不喜欢用百分比就是因为会产生形变，比如漫区的活动帖，用百分比来阅读体感真的不会太好，这个个人是有试过的。

设置98%的话，手机党也不见得能愉快的浏览，所以个人大部分情况是选择直接设置尺寸而不是按比例来的。

明天的签到已经放在签到区了，用的是75%和98%的百分比，你可以试试看去对比一下之前直接设置650宽度的。

反正个人是更喜欢直接使用650的，虽然大佬们都是教吾辈用98%。

这是98%的阅读效果

这是650的

这就是吾辈推荐650的原因，虽然不完美，但基本都能看。

 

 

对，650是真正的自适应了手机+PC。

而更大的应该只是适合PC。手机的话会突出去部分。

二月 17, 2019，由mylifeyouwill修改

[乱跑的泰兰德]

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

设置宽度大小就是为了兼顾手机／平板／图片

只想考虑PC的阅读体感的话，直接98%就好

果然，650对手机来说爽爆了。

98%好像自适应的有点不大好。（字体竟然自己奇妙的变大了。。。。）

[乱跑的泰兰德]

7 分钟前, Dorothy 说道:

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

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

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

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

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

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

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

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

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

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

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

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

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

最后，晚安~~~

二月 17, 2019，由mylifeyouwill修改

[乱跑的泰兰德]

20 分钟前, adebus 说道:

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

看到米把你扔过来啦

[乱跑的泰兰德]

35 分钟前, Dorothy 说道:

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

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

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

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

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

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

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

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

[乱跑的泰兰德]

14 分钟前, jg085 说道:

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

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

然後表情包卡了...

Chrome更新後更慘了...

 

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

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

 

 

下列口白那個匹配表情?

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



葱娘匹配这个表情233333

[乱跑的泰兰德]

刚刚, lucisobri 说道:

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

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

[乱跑的泰兰德]

2 分钟前, lucisobri 说道:

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

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

大大继续加油呀

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

[乱跑的泰兰德]

20 分钟前, jg085 说道:

洒家不是娘啊…

 

...(汗)

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

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

哈哈哈哈哈，太有意思了

[乱跑的泰兰德]

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

吾辈并不是大佬啊www

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

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

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

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

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

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

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

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

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

具体如这个：

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

 

[乱跑的泰兰德]

2 分钟前, Dorothy 说道:

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

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

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

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

[乱跑的泰兰德]

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

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

 直接

图A+链接

图B+链接

然后再折叠开召唤之类的

这样做就好

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

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

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

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

也是哈.....

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

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

[乱跑的泰兰德]

1 分钟前, Kami丶米 说道:

PSD、、、、、应该还好？

好吧，因为电脑换了，老文件素材都随着电脑一起丢失了。。。

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

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

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

嗯嗯。。。黑羊刚刚说的就是米提的事情

黑羊就是说可以直接用图片+链接

抛弃表格来排版。。。

是我说的表格+图片的排版（没经过大脑）。。。

 

就是后期维护麻烦一点罢了。。。

所以暂时还是没有更好的替代方法。。。

[乱跑的泰兰德]

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

吾辈最怕的就是这种情况

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

其实，只要不是教程贴和规则贴。

都可以一图流感觉，毕竟即使后期图炸了，也没人去挖坟看这种帖子。

[乱跑的泰兰德]

3 分钟前, Kami丶米 说道:

。。。嗯，刚才看到了

 其实都好吧，不同方式不同排版，只要自己觉得OK就行啦，想在目前论坛找到完全顾及的方式，确实挺难的

 最重要是惨淡的点击量和回复数不是吗，哈哈哈

 咳咳，待慢慢发掘吧，论坛也在更新不断进步中，说不准后期会有新功能新操作的排版呢。

是啊，我这一个多月的时间，发现论坛一直在变化。。。

[乱跑的泰兰德]

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

如果可以，吾辈是不会用表格的

纯文字的比如这种？

测试

测试测试测试

测试测试测试测试

测试测试测试测试测试

测试

测试测试测试

测试测试测试测试

测试测试测试测试测试测试

测试测试测试测试测试测试测试

测试

测试

测试

我好像，发现了新大陆。这种确实很好玩啊！

不过我之前发的所有帖子都是纯文字排版。。。。

有点写论文的感觉。。。。

在这里是第一次用表格。。

[乱跑的泰兰德]

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

个人感觉这样做还是会有一个老问题？就是不同平台的阅读体感

  

这个应该不会，每个平台对于字体排版是统一规划的。

HTML5语言对于表格可能会有自动变化的出入，但是纯文字的话应该都是很舒服的。

[乱跑的泰兰德]

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

纯文字比表格问题更大

还是没有解决不同平台这个问题，而且难度更大，根本是吃力不讨好的一种做法

emmm，黑羊说的这种类型的问题呀。。。

确实是的。。。。和表格一样。

毕竟图片等比例放大缩小就行了。

表格和纯文字，会由于宽度的缩减，导致换行。。。。

[乱跑的泰兰德]

1 小时前, eg13 说道:

感谢指导又涨姿势了

滑稽，多多指导♂

[乱跑的泰兰德]

1 小时前, Dorothy 说道:

所以昨晚也早点睡了嘛！（忘说啦）

因为现在才发现原来泰兰德大大的论坛时间比咱早得很多，而且现在也一直在做教程贴，就真的想酱紫叫啦！（咱的话也不素大大呀，至少现在还没做些什么呢）

我是1月初才来的，我那个注册时间是虚假的，哪时候注册了之后就没管它了。

所以昨晚上12点30左右睡得，还好啦