图片帖子的排版技巧

目录：
一.本帖目的
二.新帖的图片排版方法
三.已发布帖子重新排版的方法
四.手机客户端的排版问题
五.附录：上传图片的方法

一、本帖目的

       本版基本上是图文帖，对页面排版要求比较高。近段时间以来，在扫版中发现有些作者的帖子排版非常简洁美观，但也有很多版友不会排版。有些帖子的图片乱挤在一起（如图1），不但看起来费力，也影响页面美观。
       前几天，论坛管理员也对本版帖子的排版提出了一些要求。为了让大家熟悉帖子的编辑排版操作，小版制作了一个简单的图文排版教程，希望可以帮助大家提高图文帖的质量。如果大家有什么不明白的地方，欢迎在跟帖中提出来，我会尽力解答。

       大家看看这个帖子的排版，几张图片挤在一起，很影响观感吧？

       示例图1.

二、新帖的图片排版方法

       先说说发新帖子的排版
       点击“图片”图标按钮，可以上传图片，也可以编辑图片。示例图2 -3：

       示例图2

       在发帖框上传完图片后，通过鼠标先定位要插入图片的位置，然后点击要插入的图片就行了。

       示例图3

       这里需要注意的是，每插入一张图片后，敲一下回车键（手机客户端可能空格键，或者切换到电脑版界面再处理）留一行空白，然后点击确定发帖就行了。

三、已发布帖子重新排版的方法

       那么，对于已经发表的帖子，该如何进行图片编辑排版呢？请看示例图4：
在帖子的右下角，找到“编辑”按钮，点它进入帖子编辑。

       示例图4

       进入编辑界面后，就可以进行图片排版操作了。如示例图5：
       这是“所见即所得”模式，比较直观。

       示例图5

      有时这种方法编辑的效果可能跟最后显示的实际情形有差异，这是因为隐藏代码的问题。遇到这种情况怎么办呢？其实也很容易解决，进入代码编辑模式就行了，这个操作稍微有一点点难度。请看示例图6：

       示例图6

       勾选编辑框右上角的”纯文本“后，就进入代码编辑模式，[attach]***[/attach]表示一张已插入的完整图片。

       示例图7

       鼠标先定位在两个[]括弧的代码之间，然后敲回车键，使每行图片代码之间，空出一行。如示例图8-9

       示例图8

       示例图9

       排完版后，去掉”纯文本“前面的勾选，代码就显示成图片了。如示例图10：

       示例图10

      点击”保存“就可以了了。如示例图11：

       代码模式示的优点是编辑完后版面格式显示准确，缺点是代码可能让人有点迷茫。看完这个帖子后，大家可以编辑一下以前的旧帖子试试，有疑问的地方可以在跟帖中交流。
       谢谢大家对随手拍版的支持！

四、手机客户端如何排版

       目前，手机客户端在排版功能上还有些不足，暂时还无法调整图片之间的空隙，也无法实现图文间排，要待后续APP更新来解决问题。

       不过，图片居中是可以直接用代码来实现的，编辑格式是：<
       这样图片就居中了，但是，上传到华为网盘的图片还是无法这样处理，这里给大家提供一个替代方案，详情参考 @小心说话了吗 撰写的帖子：【教程】用手机发帖怎样才能图文并茂
       友情提醒：已经在电脑上编辑好了的帖子，尽量不要再用手机客户端重新编辑，否则因为代码的缘故帖子反而会被打乱。


       注意，通过IE浏览器上传图片发帖的图片一般保存在本地，可以在编辑框中点击【图片】或【附件】找到上传的图片，并进行编辑，而通过手机【花粉俱乐部】客户端——推荐——花粉随手拍途径发帖的图片，通常保存在华为网盘中，当我们在帖子编辑框中勾选【纯文本】选项后，图片显现的代码各不相同，具体区别如下：

       ①  通过IE浏览器上传图片代码样式为：
<
       其中，[attachimg]是图片显示代码，406935是图片附件编号。

       ②  通过手机【花粉俱乐部】客户端——推荐——花粉随手拍途径发帖的图片代码样式为：
<
       上面的代码中，[img=900,1400]为外部图片插入命令，900,1400分别表示图片的宽度、高度，中间必须用逗号隔开，否则属于无效命令。

五、附录：上传图片的方法

       上传图片有两种方法（如图A），一是点击编辑/发帖框上方的【图片】按钮上传（如图B），另一种是通过“回形针”样的【附件】按钮上传（如图C），请看下面的图示：

       图A.

       图B

       图C

       手机客户端的操作，请参见“残剑无心”的帖子：
花粉俱乐部手机客户端发帖、发照片教程

       想要了解更多拍照技巧，请点击：集合导航＞版规 | 发帖教程｜拍照技巧｜优秀范例
http://club.huawei.com/thread-7507864-1-1.html

scmj103 发表于 2014-10-17 12:55
我为随手拍点赞

感谢支持，

ld2008168 发表于 2014-10-17 13:46
学习了，终于搞懂了，谢谢！

{:8_219:}  说穿 了其实并不复杂哈

oO_天_Oo 发表于 2014-10-17 14:05
来学习了，支持一个，写得好详细

这个你早就会了哈，谢谢支持。

水木1368 发表于 2014-10-17 14:24
辛苦了

谢谢，还好，做这个帖子只花了一个小时，

啷个里格弄 发表于 2014-10-17 15:08
好教程，学习了。

这点技巧你早就会了吧，不用学了，顶一下是可以的哈 {:8_219:}

holiday9917 发表于 2014-10-17 19:15
呜呜！！我插入图片什么都没出现，只有发贴后才能看到图片，只能编辑文字，不能编辑图片,连图片代码都不显 ...

请把您帖子的地址给我看一下，是什么情况？可能是用了【附件】铵钮上传图片，这种方法上传的图片需要点开“回形针”按钮才看得见，通常，有图件附件的那个按钮上会显示一个可橙红色的“i"标记。

holiday9917 发表于 2014-10-17 19:55
决对想不到，这是手机拍的，还是华为手机(原创）
http://cn.club.vmall.com/thread-1304056-1-1.html
(出 ...

你再看一下帖子刚才补充的内容，其实你点击编辑框上面带有“i”符号的图标，就显示出来了。

zw花蕊zw 发表于 2014-10-17 17:32
哇！尽管都知道了，但还是支持一下，就冲这雷锋一样的精神。

谢谢支持，你的排版做得很漂亮了。

HW-user 发表于 2014-10-18 09:54
谢谢分享

感谢花版支持！