花粉俱乐部  logo

花粉俱乐部  因为热爱
搜索 |

图片帖子的排版技巧

  [复制帖子标题和链接]

1471891008

白雲飛  随手拍达人  发表于 2014-10-17 12:49:53 来自:浏览器

最新回复 2020-9-22 05:49:09

本帖最后由 白雲飛 于 2016-11-16 07:12 编辑

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



一、本帖目的


       本版基本上是图文帖,对页面排版要求比较高。近段时间以来,在扫版中发现有些作者的帖子排版非常简洁美观,但也有很多版友不会排版。有些帖子的图片乱挤在一起(如图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







来自群组: 随拍达人

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

点评

欢迎常来3C指导工作!!!  发表于 2014-10-18 13:48
提示: 作者被禁止或删除 内容自动屏蔽  发表于 2015-3-10 16:04

评分

参与人数 36人气 +383 威望 +142 收起 理由
花粉16920614 + 3
花粉8731396 + 5 Duangduangduang给楼主加分了!
神奇宝贝2016 + 10 + 3 好赞~鼓掌~

查看全部评分

scouyang  天下无双  发表于 2014-10-17 12:55:40 来自:浏览器
我为随手拍点赞
冰雪糊涂  已臻大成  发表于 2014-10-17 13:01:29 来自:浏览器
学习了,
白雲飛  随手拍达人  发表于 2014-10-17 13:33:18 来自:浏览器

感谢支持,
残剑无心  已臻大成  发表于 2014-10-17 13:37:55 来自:浏览器
很不错的教程!学习了
ld2008168  花粉版主  发表于 2014-10-17 13:46:52 来自:浏览器
学习了,终于搞懂了,谢谢!
花粉8421500  炉火纯青  发表于 2014-10-17 13:47:06 来自:浏览器
学习了,[flash=1,1]http://imgurl.eicp.net/image/flash14768.swf[/flash]
花粉7993775  已臻大成  发表于 2014-10-17 14:05:11 来自:浏览器
来学习了,支持一个,写得好详细
生活本就是种态度,你可以选择欢乐 or 苦恼,或者其它^_^
白雲飛  随手拍达人  发表于 2014-10-17 14:05:12 来自:浏览器
ld2008168 发表于 2014-10-17 13:46
学习了,终于搞懂了,谢谢!

  说穿 了其实并不复杂哈
ld2008168  花粉版主  发表于 2014-10-17 14:13:50 来自:浏览器
白雲飛 发表于 2014-10-17 14:05
说穿 了其实并不复杂哈

是的,我在弄以前的帖子,搞整齐
您需要登录后才可以回帖 登录 | 立即注册

用户组申请
版规

花粉俱乐部App下载

  • 花粉客户端官方

    Make it Possible

用户协议| 隐私条款| 网站地图| 客户端| 手机版| 举报邮箱:huaweifans@huawei.com |关注花粉俱乐部:
粤ICP备19015064号-4|备案主体编号:44201919072182| 粤公网安备 44190002003939号

Copyright © 2012-2021 华为终端有限公司 版权所有

快速回复 返回顶部 返回列表