转跳到内容

进阶向排版教程1.6


推荐贴

 

 

[table=98%,Black]

[tr][td][align=center]eccbc726gw1ez41c05273j215o0citct.jpg[/align]

 

 

[align=center]1200,99http://ww3.sinaimg.cn/large/eccbc726gw1ez41c080kjj20xc02r74p.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=left]开这个帖子主要原因就是为了水分,看完记得点个赞送点节操,先声明我不要汁液,因为那玩意完全没有卵用。咳咳,我们说回正题,排版方式因人而异,但是连排版都不会就有点感人了,于是乎,咱稍微提供一些入门级教学给在座各位。

 

假若你看见本帖所有内容都是躲在右边的话,建议按“停止页面刷新”或“刷新当前页面”。(本条目于1.6版本追加)

 

完全没基础的朋友建议先看完这个。[/align]

 

 

[align=center]尊敬的用户你好:本帖子由于SS论坛禁用了code以及quote两个关键代码,短期内除了一楼以外都会出现不同程度上的BUG,敬请见谅。[/align]

 

[align=center]基础教程[/align]

[align=center]路人养成方式[/align]

[/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://ww1.sinaimg.cn/large/eccbc726gw1ez41c08yufj20xc02rmxe.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=3,6,450][align=center]400,350http://ww1.sinaimg.cn/large/eccbc726gw1ez41c0ds1oj20fs0dc3z0.jpg[/img][/align]

[align=center]并不高大上的目录婊[/align][/td][/tr]

[tr][td=450][align=center]①认识常见的编辑手法[/align][/td][/tr]

[tr][td][align=center]②个人向排版教程[/align][/td][/tr]

[tr][td][align=center]③个人向PS基础描述及部分教程[/align][/td][/tr]

[tr][td][align=center]④工作人员的幕后花絮[/align][/td][/tr]

[tr][td][align=center]⑤本贴更新进度与疑问[/align][/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://ww3.sinaimg.cn/large/eccbc726gw1ez41c0h5mgj20xc02rdg3.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=left]咱不太清楚自己有没有把语言说的通俗易懂,想必聪明的在座各位肯定不会让咱失望才对,好了,今天教学内容就到此结束,有疑难杂症的前提下自己尝试去处理,或在本帖子里留言与其他群众分享交流,请勿加咱为好友然后疯狂提问(有事没事最好别加),咱不敢保证会不会把你拉黑,以上。[backcolor=black]啊…累死了,这点东西居然花了几个小时,稍微要的节操原来是这么累的事情,如果闲的蛋疼然后刮开这里看的人,可以试着点我签名图看看,反正就跳转到一个奇怪的地方而已。[/backcolor][/align][/td][/tr]

[/table][/align]

 

 

[align=center]eccbc726gw1ez41c0ldx9j215o0citbp.jpg[/align]

[/td][/tr]

[/table]

链接到点评
  • 回复 3.7k
  • 创建于
  • 最后回复

本主题的最活跃

 

 

[table=98%,Black]

[tr][td][align=center]eccbc726gw1ez41c05273j215o0citct.jpg[/align]

 

 

[align=center]1200,99http://ww3.sinaimg.cn/large/eccbc726gw1ez41ftsq8tj20xc02rjrr.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]这里是一号教学楼,会比二号教学楼简单很多,只不过我的教学方式稍微有点鼓噪无味,自己开个音乐一边听一边看吧。[/align][/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://ww2.sinaimg.cn/large/eccbc726gw1ez41fuez1sj20xc02r3yt.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=450][align=center]①字体样式与大小[/align][/td][td]这个很多人都知道了吧?尤其是文学区的人就算闲聊都会记得把字体切换回新宋体,在这里我继续教导关于它的代码。

 

[align=center]

[font=X][size=X]

[/align]

 

如上图所示,左边就是字体样式,而X代表着你需要的样式。右边则是字体型号,X代表着你字体的大小。

 

[align=center]

[font=X]你已经输入的内容[/font]
[size=X]你已经输入的内容[/size]

[/align]

 

当你勾选纯文本的时候你会看见如此表示,即意味着代码本身就必须有一个前缀和后缀才能成立,如此类推的话我们可以得知。

 

[align=center]

[font=X][size=X]你已经输入的内容[/size][/font]

[/align]

 

当两者一起使用在同一段内容时,前缀优先级是字体所以放置前面,而型号则顺数第二…内容完毕后,后缀的优先级则是最接近内容本身,用傻瓜式的表达方式便是,类似一道小学数学题。

 

[align=center]

{1+[1+(1+1)]}

[/align]

 

大括号包裹着中括号包裹着小括号,如果还不理解的话。

 

[align=center]

这些代码有强迫症,你不帮它们左右对称,它就不鸟你。

[/align]

 

别忘了,结尾代码是有一个斜杠,再次强调一下,是英文斜杠。[/td][/tr]

[tr][td]看完楼上那些代码头痛?没关系,游戏才刚刚开始而已…有些人到现在为止都不知道反色字怎么弄?

反色字实际上是把内容的【字体颜色】设置为纯黑色,其次是在左边的基础上再次设置【字体背景色】为纯黑色。

 

一般没有设置过的字体颜色(原始状态下),百分百为深灰色,并不是纯黑色,自己动手尝试一下就知道了。

 

我特意开这栏肯定是别有用意的,单纯教导反色字哪能吸引你们继续看下去。

还记得某个帖子里的某十三教导过的部分内容不?不清楚没关系,点下方传送门进去看就知道了。

 

颜色传送门

 

 

没错,大部分颜色代码都能在这里获取,实地测试上我检查到不少颜色…反正你用过知道就好,别乱评价他人的好意。

 

 

[align=center]

[color=X][backcolor=X]已经输入的内容[/backcolor][/color]

[/align]

 

纯文本状态下,Color是字体颜色的代码,Backcolor是字体背景色的代码,一般来说黑色都用#FFFFFF或Black来表示,黑条就是如此简单完成。

别忘了帮它们对称,而对称的代码前必须用英文的斜杠![/td][td][align=center]②字体颜色与背景色[/align][/td][/tr]

[tr][td][align=center]③文字超链接与传送门[/align][/td][td]其实我也不希望教这个,因为太过简单了,唉。

 

傻瓜式的方式可以直接去【创建文字链接】那里,上面输入链接下面输入文字既可。

 

传送门则是350,250http://ww3.sinaimg.cn/mw690/eccbc726gw1ez41fv1thvj20hb0a0407.jpg[/img]

点击需要的楼层数字就会提示一个复制链接,然后点击那玩意就OK了。

 

[align=center]

[url=X]已经输入的内容[/url]

[/align]

 

纯文本状态下,超链接的代码就是Url,X是你给予的传送门地址,如果你需要拿去作为自己小说的排版,这代码几乎每隔几秒就会看见,然后我们来看看实例。

 

[align=center]

[url=X][color=X][font=X][size=X]已经输入的内容[/size][/font][/color][/url]

[/align]

 

结合之前提及的内容(不包含反色字),我们可以得到一个拥有字体颜色、字体样式、字体型号的超链接传送门,至于为什么超链接代码是前缀优先级呢?因为他要包裹着左边提及到的东西,才会如此显示出其内容,还是那句话,别忘记后缀部分输入英文斜杠。

[/td][/tr]

[tr][td]恭喜你已经来到第四级别,这部分是排版里最重要的内容,而我也会直接用纯文本教导你们,当你们学会时,就基本可以毕业了。

 

[align=center]

[table=X,X]
[tr][td] [/td][td] [/td][/tr]
[tr][td] [/td][td] [/td][/tr]
[/table]

[/align]

 

完全看不懂这个玩意在说什么,对吧?没错,咱一开始也是根本摸不着头脑,可是它却能给我们带来一个2X2的表格,如下图。

 

350,150http://ww4.sinaimg.cn/large/eccbc726gw1ez41fvmdrbj208503s3ym.jpg[/img]

 

于是乎咱开始决定拆分所有代码的含义,Table是指这个表格的背景颜色,一般情况下都是table=50%,那么英文逗号之后的内容又是什么呢?

聪明的你或许已经猜到了,那玩意就是表格背景颜色,运用【颜色传送门】那里,我们得到漂亮的颜色之后就可以开始设置,上档次的东西了。

 

备注,纯白色的话连同逗号一起删了就行。

 

然后到Tr以及Td的含义,通俗的说Tr相当于一个【段】,Td相当于一个【格】。

 

[align=center]

[tr][td]已经输入的内容[/td][td]已经输入的内容[/td][/tr]

[/align]

 

如上图所示,我们便可以快速得到一个【1X2】却不完整的表格了,为什么说是不完整呢?因为Table这个前缀和后缀我故意删掉,让你们方便观看而已。

[align=center]

[tr][td]内容[/td][td]内容[/td][/tr]
[tr][td]内容[/td][td]内容[/td][/tr]
[tr][td]内容[/td][td]内容[/td][/tr]

[/align]

 

道理如此类推,一段包含两格,回车之后便是下一段,所以得出了【3X2】的不完整表格。总算理解到这一步的朋友们,自己别忘了追加Table这个前缀和后缀。

 

350,250http://ww4.sinaimg.cn/large/eccbc726gw1ez41fwb0ffj20lv0fy0vf.jpg[/img]

 

上图所示的究竟如何操作呢?毕竟这个地方是没有【合并单元格】这个选项,注意!是没有!完全没有!怎么也找不到的没有!

 

所以,我们只能用另一种方式去解决这个复杂的问题。

 

[align=center]

[table=X,X]
[tr][td=3,3,1][/td]
[td][/td][/tr]
[tr][td][/td][/tr][/table]

[/align]

 

脑袋先别乱,我们来学王老菊的拆分法!!

Table已知是表格前缀,Tr是段,Td是格,那么其中一个Td跟着=3,3,1是什么意思呢?

我用最最最简单的方式去说吧,这个就是类似【合并单元格】的关键玩意。

 

[align=center]

[tr][td=3,3,1][/td][td][/td][/tr]
[tr][td][/td][/tr]

[/align]

 

去掉Table以及被我重新排版了一下,可以看见Tr【段】是包裹着两个Td【格】,可是第一个Td追加了3,3,1之后,就意味着。

这个格子在这表格内占据三行。

 

第一个数字【3】暂没作用可以无视,第二个数字【3】就是占据行数,第三个数字【1】暂没作用可以无视。

 

(本条目于1.6版本修正:第一个数字为占据列数,一般情况下若表格列数为2则写2,如此类推;第二数字为占据行数;第三个数字为该表格占据当前页面多大像素,一般情况下填写1200或800则是当前页面最大像素。)

 

如果遇到我需要像电梯那里的排版又要怎么操作呢?很简单,数Tr【段】的数量,然后把它给予的数量始终加一,如下图例子。

 

[align=center]

[tr][td=3,9,1][/td][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]

[/align]

 

这是一个【8X2】的表格,出现八个Tr【段】,我们由此得知中间的数字就应当给予一个⑨。

 

然后,你们还不满足,必须学会【合并单元格】在右边才闪人,那好,咱顺便也教,但没下一次,记住,数据是给人看的,如何应用都依靠自己脑袋。

 

[align=center]

[tr][td][/td][td=3,3,1][/td][/tr]
[tr][td][/td][/tr]

[/align]

 

我们可以看见又是一个,【2X2】的表格,这次是直接把等于号的数据全丢在第一Tr【行】的第二Td【格】里。

相当于就是我把右边的两行【合并单元格】了。

 

看完之后还是不懂?动手操作一遍吧,尝试过就更加容易解决问题了。

切记!!!逗号和斜杠必须是英文的。[/size][/font][/color][/size][/font][/color][/size][/font][/color][/size][/font][/color][/td][td][align=center]④表格与文字排版[/align][/td][/tr]

[tr][td][align=center]⑤图片与图片传送门[/align][/td][td]我特意把图片安排这里,就是让你们稍微放松一下,因为比较简单。

 

[align=center]

[img=图片地址]

[/align]

 

习惯看纯文本之后,这个不难解释吧?Img代表图片,那么结合以上内容时我们应该怎么做呢?

 

[align=center]

[url=X][img=图片地址][/url]

[/align]

 

链接包裹着图片地址,然后丢进签名里,让你的朋友们傻乎乎地点击之后就跳转自己辉煌时刻的帖子,还不算太糟糕吧?

 

[align=center]

[img=1200,2]width=2[/img]

[/align]

 

呵呵,这玩意有什么用呢?即没有图床链接,中间还多了一个Width。

 

实际上这个,就是扩大【表格大小】的个人向方法之一,表格的大小基本上无法确定,更别说能如愿,于是乎咱调查多日才发现这个奇葩的方法,或许听上去很疯狂。

 

还在草稿里,非纯文本状态下,没有图片的图片会如此显示。

 

(本条目于1.6版本时修正:【没有图的图】这个方法并没有想象中那么如意,因为火狐或相应的浏览器会出现显示错误,该内容已作为历史遗留物保存,建议跳过。)

 

350,250http://ww3.sinaimg.cn/large/eccbc726gw1ez41fwxsvdj20rh0jzac2.jpg[/img]

 

使用这个方法时你只需要记住几点

 

【第一】在草稿里,能别看非纯文本的东西就别看,那是假象,发表出去后效果截然不同,如今我也在用没图片的图片扩充表格,然而你却看不出来。

 

【第二】单列表格的话是img=1200,2或img=1050,2就是帖子总宽度(谷歌和火狐是如此,其他未知),双列的话,左侧首或尾格给予img=400,2,右边首或尾格也给予img=350,2或img=400,2。

 

【第三】Widht记得一定要设置为2,不然就乱套了。

 

【最后】千万别忘了逗号和斜杠都是英语的,我已经提醒多很多很多很多次,自己还忘了的话就掌嘴吧。

[/td][/tr]

[tr][td]这部分内容嘛,我稍微提及一点就行。

 

[align=center]

[spoiler]内容[/spoiler]

[/align]

 

比起超链接什么的,这里简直简单太多,自己学会运用就好。

 

但是!!不能把单独地把【标题】设置什么字体样式、大小、颜色、反色字、甚至乎超链接。

 

要么一设置就全员,要么就单独设置【内容】,所以你就别指望能单独设置【标题】了。

 

同时…

 

它也绝对不能丢进表格里,因为会完全无法识别,甚至Fold的代码也跑出来,所以,这玩意在级别一的玩家里是最常用的分类工具,级别一点五以上,都尽量少用。

 

[/td][td=450][align=center]⑥折叠与部分疑问[/align][/td][/tr]

[tr][td][align=center]⑦Work黏贴与引用文字[/align][/td][td]习惯写小说的人,必须开Work是家常便饭,如果你说你用Txt来写小说,那么恭喜你,你做到了咱做不到的事情。

 

200,100http://ww2.sinaimg.cn/large/eccbc726gw1ez41fxjnf4j205u01qweg.jpg[/img]

 

350,250http://ww1.sinaimg.cn/large/eccbc726gw1ez41fy6atmj20hx0d6my0.jpg[/img]

 

让光标出现在草稿内,点击Work黏贴,把自家work的内容复制黏贴好,再点击提交。

 

这个时候你会有百分之一的机会遇到一个Bug,该Bug会导致你输入的全部内容没有分行,以及,部分句子没了一半。

 

此时只需要勾选纯文本后,再重复做一遍上述的动作大概可以解决,如果还不行的话,你自己分行吧,我也遇到过必须自己分行的,毕竟没有任何方法。

 

引用文字实际上是给写代码的人用的,正常情况下如果我在这里写代码就会直接出现你看不到代码,却看到代码给予的内容的问题,于是乎引用文字就提供了不会出现该问题的解决方案。[/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://ww4.sinaimg.cn/large/eccbc726gw1ez41fyrzaqj20xc02rq36.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]返回主页[/align][/td][/tr]

[/table][/align]

 

 

 

[align=center]eccbc726gw1ez41c0ldx9j215o0citbp.jpg[/align][/td][/tr]

[/table]

链接到点评

 

 

[table=98%,Black]

[tr][td][align=center]eccbc726gw1ez41c05273j215o0citct.jpg[/align]

 

 

[align=center]1200,99http://ww3.sinaimg.cn/large/eccbc726gw1ez41ftsq8tj20xc02rjrr.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]这里是一号教学楼,会比二号教学楼简单很多,只不过我的教学方式稍微有点鼓噪无味,自己开个音乐一边听一边看吧。[/align][/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://ww2.sinaimg.cn/large/eccbc726gw1ez41fuez1sj20xc02r3yt.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=450][align=center]①字体样式与大小[/align][/td][td]这个很多人都知道了吧?尤其是文学区的人就算闲聊都会记得把字体切换回新宋体,在这里我继续教导关于它的代码。

 

[align=center]

[font=X][size=X]

[/align]

 

如上图所示,左边就是字体样式,而X代表着你需要的样式。右边则是字体型号,X代表着你字体的大小。

 

[align=center]

[font=X]你已经输入的内容[/font]
[size=X]你已经输入的内容[/size]

[/align]

 

当你勾选纯文本的时候你会看见如此表示,即意味着代码本身就必须有一个前缀和后缀才能成立,如此类推的话我们可以得知。

 

[align=center]

[font=X][size=X]你已经输入的内容[/size][/font]

[/align]

 

当两者一起使用在同一段内容时,前缀优先级是字体所以放置前面,而型号则顺数第二…内容完毕后,后缀的优先级则是最接近内容本身,用傻瓜式的表达方式便是,类似一道小学数学题。

 

[align=center]

{1+[1+(1+1)]}

[/align]

 

大括号包裹着中括号包裹着小括号,如果还不理解的话。

 

[align=center]

这些代码有强迫症,你不帮它们左右对称,它就不鸟你。

[/align]

 

别忘了,结尾代码是有一个斜杠,再次强调一下,是英文斜杠。[/td][/tr]

[tr][td]看完楼上那些代码头痛?没关系,游戏才刚刚开始而已…有些人到现在为止都不知道反色字怎么弄?

反色字实际上是把内容的【字体颜色】设置为纯黑色,其次是在左边的基础上再次设置【字体背景色】为纯黑色。

 

一般没有设置过的字体颜色(原始状态下),百分百为深灰色,并不是纯黑色,自己动手尝试一下就知道了。

 

我特意开这栏肯定是别有用意的,单纯教导反色字哪能吸引你们继续看下去。

还记得某个帖子里的某十三教导过的部分内容不?不清楚没关系,点下方传送门进去看就知道了。

 

颜色传送门

 

 

没错,大部分颜色代码都能在这里获取,实地测试上我检查到不少颜色…反正你用过知道就好,别乱评价他人的好意。

 

 

[align=center]

[color=X][backcolor=X]已经输入的内容[/backcolor][/color]

[/align]

 

纯文本状态下,Color是字体颜色的代码,Backcolor是字体背景色的代码,一般来说黑色都用#FFFFFF或Black来表示,黑条就是如此简单完成。

别忘了帮它们对称,而对称的代码前必须用英文的斜杠![/td][td][align=center]②字体颜色与背景色[/align][/td][/tr]

[tr][td][align=center]③文字超链接与传送门[/align][/td][td]其实我也不希望教这个,因为太过简单了,唉。

 

傻瓜式的方式可以直接去【创建文字链接】那里,上面输入链接下面输入文字既可。

 

传送门则是350,250http://ww3.sinaimg.cn/mw690/eccbc726gw1ez41fv1thvj20hb0a0407.jpg[/img]

点击需要的楼层数字就会提示一个复制链接,然后点击那玩意就OK了。

 

[align=center]

[url=X]已经输入的内容[/url]

[/align]

 

纯文本状态下,超链接的代码就是Url,X是你给予的传送门地址,如果你需要拿去作为自己小说的排版,这代码几乎每隔几秒就会看见,然后我们来看看实例。

 

[align=center]

[url=X][color=X][font=X][size=X]已经输入的内容[/size][/font][/color][/url]

[/align]

 

结合之前提及的内容(不包含反色字),我们可以得到一个拥有字体颜色、字体样式、字体型号的超链接传送门,至于为什么超链接代码是前缀优先级呢?因为他要包裹着左边提及到的东西,才会如此显示出其内容,还是那句话,别忘记后缀部分输入英文斜杠。

[/td][/tr]

[tr][td]恭喜你已经来到第四级别,这部分是排版里最重要的内容,而我也会直接用纯文本教导你们,当你们学会时,就基本可以毕业了。

 

[align=center]

[table=X,X]
[tr][td] [/td][td] [/td][/tr]
[tr][td] [/td][td] [/td][/tr]
[/table]

[/align]

 

完全看不懂这个玩意在说什么,对吧?没错,咱一开始也是根本摸不着头脑,可是它却能给我们带来一个2X2的表格,如下图。

 

350,150http://ww4.sinaimg.cn/large/eccbc726gw1ez41fvmdrbj208503s3ym.jpg[/img]

 

于是乎咱开始决定拆分所有代码的含义,Table是指这个表格的背景颜色,一般情况下都是table=50%,那么英文逗号之后的内容又是什么呢?

聪明的你或许已经猜到了,那玩意就是表格背景颜色,运用【颜色传送门】那里,我们得到漂亮的颜色之后就可以开始设置,上档次的东西了。

 

备注,纯白色的话连同逗号一起删了就行。

 

然后到Tr以及Td的含义,通俗的说Tr相当于一个【段】,Td相当于一个【格】。

 

[align=center]

[tr][td]已经输入的内容[/td][td]已经输入的内容[/td][/tr]

[/align]

 

如上图所示,我们便可以快速得到一个【1X2】却不完整的表格了,为什么说是不完整呢?因为Table这个前缀和后缀我故意删掉,让你们方便观看而已。

[align=center]

[tr][td]内容[/td][td]内容[/td][/tr]
[tr][td]内容[/td][td]内容[/td][/tr]
[tr][td]内容[/td][td]内容[/td][/tr]

[/align]

 

道理如此类推,一段包含两格,回车之后便是下一段,所以得出了【3X2】的不完整表格。总算理解到这一步的朋友们,自己别忘了追加Table这个前缀和后缀。

 

350,250http://ww4.sinaimg.cn/large/eccbc726gw1ez41fwb0ffj20lv0fy0vf.jpg[/img]

 

上图所示的究竟如何操作呢?毕竟这个地方是没有【合并单元格】这个选项,注意!是没有!完全没有!怎么也找不到的没有!

 

所以,我们只能用另一种方式去解决这个复杂的问题。

 

[align=center]

[table=X,X]
[tr][td=3,3,1][/td]
[td][/td][/tr]
[tr][td][/td][/tr][/table]

[/align]

 

脑袋先别乱,我们来学王老菊的拆分法!!

Table已知是表格前缀,Tr是段,Td是格,那么其中一个Td跟着=3,3,1是什么意思呢?

我用最最最简单的方式去说吧,这个就是类似【合并单元格】的关键玩意。

 

[align=center]

[tr][td=3,3,1][/td][td][/td][/tr]
[tr][td][/td][/tr]

[/align]

 

去掉Table以及被我重新排版了一下,可以看见Tr【段】是包裹着两个Td【格】,可是第一个Td追加了3,3,1之后,就意味着。

这个格子在这表格内占据三行。

 

第一个数字【3】暂没作用可以无视,第二个数字【3】就是占据行数,第三个数字【1】暂没作用可以无视。

 

(本条目于1.6版本修正:第一个数字为占据列数,一般情况下若表格列数为2则写2,如此类推;第二数字为占据行数;第三个数字为该表格占据当前页面多大像素,一般情况下填写1200或800则是当前页面最大像素。)

 

如果遇到我需要像电梯那里的排版又要怎么操作呢?很简单,数Tr【段】的数量,然后把它给予的数量始终加一,如下图例子。

 

[align=center]

[tr][td=3,9,1][/td][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]
[tr][td][/td][/tr]

[/align]

 

这是一个【8X2】的表格,出现八个Tr【段】,我们由此得知中间的数字就应当给予一个⑨。

 

然后,你们还不满足,必须学会【合并单元格】在右边才闪人,那好,咱顺便也教,但没下一次,记住,数据是给人看的,如何应用都依靠自己脑袋。

 

[align=center]

[tr][td][/td][td=3,3,1][/td][/tr]
[tr][td][/td][/tr]

[/align]

 

我们可以看见又是一个,【2X2】的表格,这次是直接把等于号的数据全丢在第一Tr【行】的第二Td【格】里。

相当于就是我把右边的两行【合并单元格】了。

 

看完之后还是不懂?动手操作一遍吧,尝试过就更加容易解决问题了。

切记!!!逗号和斜杠必须是英文的。[/size][/font][/color][/size][/font][/color][/size][/font][/color][/size][/font][/color][/td][td][align=center]④表格与文字排版[/align][/td][/tr]

[tr][td][align=center]⑤图片与图片传送门[/align][/td][td]我特意把图片安排这里,就是让你们稍微放松一下,因为比较简单。

 

[align=center]

[img=图片地址]

[/align]

 

习惯看纯文本之后,这个不难解释吧?Img代表图片,那么结合以上内容时我们应该怎么做呢?

 

[align=center]

[url=X][img=图片地址][/url]

[/align]

 

链接包裹着图片地址,然后丢进签名里,让你的朋友们傻乎乎地点击之后就跳转自己辉煌时刻的帖子,还不算太糟糕吧?

 

[align=center]

[img=1200,2]width=2[/img]

[/align]

 

呵呵,这玩意有什么用呢?即没有图床链接,中间还多了一个Width。

 

实际上这个,就是扩大【表格大小】的个人向方法之一,表格的大小基本上无法确定,更别说能如愿,于是乎咱调查多日才发现这个奇葩的方法,或许听上去很疯狂。

 

还在草稿里,非纯文本状态下,没有图片的图片会如此显示。

 

(本条目于1.6版本时修正:【没有图的图】这个方法并没有想象中那么如意,因为火狐或相应的浏览器会出现显示错误,该内容已作为历史遗留物保存,建议跳过。)

 

350,250http://ww3.sinaimg.cn/large/eccbc726gw1ez41fwxsvdj20rh0jzac2.jpg[/img]

 

使用这个方法时你只需要记住几点

 

【第一】在草稿里,能别看非纯文本的东西就别看,那是假象,发表出去后效果截然不同,如今我也在用没图片的图片扩充表格,然而你却看不出来。

 

【第二】单列表格的话是img=1200,2或img=1050,2就是帖子总宽度(谷歌和火狐是如此,其他未知),双列的话,左侧首或尾格给予img=400,2,右边首或尾格也给予img=350,2或img=400,2。

 

【第三】Widht记得一定要设置为2,不然就乱套了。

 

【最后】千万别忘了逗号和斜杠都是英语的,我已经提醒多很多很多很多次,自己还忘了的话就掌嘴吧。

[/td][/tr]

[tr][td]这部分内容嘛,我稍微提及一点就行。

 

[align=center]

[spoiler]内容[/spoiler]

[/align]

 

比起超链接什么的,这里简直简单太多,自己学会运用就好。

 

但是!!不能把单独地把【标题】设置什么字体样式、大小、颜色、反色字、甚至乎超链接。

 

要么一设置就全员,要么就单独设置【内容】,所以你就别指望能单独设置【标题】了。

 

同时…

 

它也绝对不能丢进表格里,因为会完全无法识别,甚至Fold的代码也跑出来,所以,这玩意在级别一的玩家里是最常用的分类工具,级别一点五以上,都尽量少用。

 

[/td][td=450][align=center]⑥折叠与部分疑问[/align][/td][/tr]

[tr][td][align=center]⑦Work黏贴与引用文字[/align][/td][td]习惯写小说的人,必须开Work是家常便饭,如果你说你用Txt来写小说,那么恭喜你,你做到了咱做不到的事情。

 

200,100http://ww2.sinaimg.cn/large/eccbc726gw1ez41fxjnf4j205u01qweg.jpg[/img]

 

350,250http://ww1.sinaimg.cn/large/eccbc726gw1ez41fy6atmj20hx0d6my0.jpg[/img]

 

让光标出现在草稿内,点击Work黏贴,把自家work的内容复制黏贴好,再点击提交。

 

这个时候你会有百分之一的机会遇到一个Bug,该Bug会导致你输入的全部内容没有分行,以及,部分句子没了一半。

 

此时只需要勾选纯文本后,再重复做一遍上述的动作大概可以解决,如果还不行的话,你自己分行吧,我也遇到过必须自己分行的,毕竟没有任何方法。

 

引用文字实际上是给写代码的人用的,正常情况下如果我在这里写代码就会直接出现你看不到代码,却看到代码给予的内容的问题,于是乎引用文字就提供了不会出现该问题的解决方案。[/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://ww4.sinaimg.cn/large/eccbc726gw1ez41fyrzaqj20xc02rq36.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]返回主页[/align][/td][/tr]

[/table][/align]

 

 

 

[align=center]eccbc726gw1ez41c0ldx9j215o0citbp.jpg[/align][/td][/tr]

[/table]

链接到点评

 

 

[table=98%,Black]

[tr][td][align=center]1438954582x-1376440122.jpg[/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438955638x1822611357.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]这里是三号教学楼,必须开着音乐一边听一边看。[/align][/td][/tr][/table][/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438955658x1822611357.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200]1438955717x1822611357.jpg

每听完一首音乐就习惯性按Ctrl+S(保存),是非常良好的习惯以及节奏,如果你用那些什么自动保存的方式,有可能就导致你没有它的时候,便节哀。

 

好了,我来开教PS时可是非常严格,请保证心态良好时继续看,毕竟PS咱从CS3到CC都用过,可想而知中途已经过了多少年。

 

1438955747x1822611357.png

 

首先第一步,这是基础中的基础,每位教师开头都必须说的一句话,如果他没说你可以拖他去打靶了。

 

【无论你做什么大工程,都必须把最底的图层先做一个备份。】

 

1438955766x1822611357.png

 

基础图层或重要图层都要做一个备份,这是这么多年以来任何一个用PS的人的家常便饭。照片处理并不可怕,可怕的是你做错之后没有备份的话,重新干吧小伙子!优秀的图就几天而已,糟糕的图不用一分钟。

 

1438955784x1822611357.png

 

以PSCC为例,这里这么多个工具,实际经常用到的就是几个而已。

分别是【套索】【快速选择】【画笔】【复制图章】【渐变】【排文字】【矩形工具】

想要美化的话,其实【修复画笔】也要用到,至于什么【蒙板】【钢笔】那些说了也没用,这里暂不需要它,要进阶的话自己看书。

 

关于个人向常用快捷键。

——在没有切换到输入法的状态下…在没有切换到输入法的状态下…在没有切换到输入法的状态下。

 

[table=50%,maroon]

[tr][td][align=center]V[/align][/td][td][align=center]可移动鼠标[/align][/td][/tr]

[tr][td][align=center]空格+鼠标左键[/align][/td][td][align=center]移动视角[/align][/td][/tr]

[tr][td][align=center]Crtl+鼠标左键[/align][/td][td][align=center]移动当前图层[/align][/td][/tr]

[tr][td][align=center]Shift+鼠标左键[/align][/td][td][align=center]平移当前图层[/align][/td][/tr]

[tr][td][align=center]Alt+鼠标滚轮[/align][/td][td][align=center]放大或缩小视角[/align][/td][/tr]

[tr][td][align=center][(左中括号键)与](右中括号键)[/align][/td][td][align=center]放大或缩小当前画笔[/align][/td][/tr]

[tr][td][align=center]B[/align][/td][td][align=center]画笔[/align][/td][/tr]

[tr][td][align=center]S[/align][/td][td][align=center]复制图章[/align][/td][/tr]

[tr][td][align=center]T[/align][/td][td][align=center]排文字[/align][/td][/tr]

[tr][td][align=center]U[/align][/td][td][align=center]矩形工具[/align][/td][/tr]

[tr][td][align=center]L[/align][/td][td][align=center]套索[/align][/td][/tr]

[tr][td][align=center]X[/align][/td][td][align=center]切换前置与后置的颜色位子[/align][/td][/tr]

[tr][td][align=center]Crtl+Shift+N[/align][/td][td][align=center]创建新图层样式[/align][/td][/tr]

[/table]

 

冰山一角而已,习惯之后你会发现处理速度更快。

 

1438955805x1822611357.png

 

新建底层期间,像素可以换成宽度1200高度99,然后在这狭窄的图层里就可以做出一个刚好能在这个排版里用到的横幅。

 

如果是宽度1200高度600左右的话,就是我封面那图的大小。

 

善用【矩形工具】和【渐变】,随便乱弄一下都能比我现在这几幅图好看,PS只是一个提供简便工具的地方,怎么利用这些工具去创造价值就是我们应该深思的问题。

 

1438955843x1822611357.jpg

 

其他不懂的问题建议自己去尝试解决,【有麻烦就靠大家】这种思想咱希望本帖子里不会出现,以上。

 

[/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438955197x1822611357.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]返回主页[/align][/td][/tr][/table][/align]

 

 

 

 

[align=center]1438954688x-954497735.jpg[/align]

[/td][/tr]

[/table]

链接到点评

 

 

[table=98%,Black]

[tr][td][align=center]1438954582x-1376440122.jpg[/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438955926x-954497735.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]这里是四号教学楼,来参观一下工作人员的艰辛吧,如果看不出图片可以点击它放大。(本条目于1.6版本修正。)[/align][/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438955948x-954497735.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200]1200,750http://chuantu.biz/t2/11/1438955988x-954497735.png[/img][/td][/tr]

[tr][td]1200,750http://chuantu.biz/t2/11/1438956011x-954497735.png[/img][/td][/tr]

[tr][td]1200,750http://chuantu.biz/t2/11/1438956050x-954497735.jpg[/img][/td][/tr]

[tr][td]1200,650http://chuantu.biz/t2/11/1438956078x-954497735.jpg[/img][/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438955197x1822611357.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]返回主页[/align][/td][/tr]

[/table][/align]

 

 

 

 

[align=center]1438954688x-954497735.jpg[/align][/td][/tr]

[/table]

链接到点评

 

 

[table=50%,Black]

[tr][td]1438954582x-1376440122.jpg

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438956135x-954497735.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]这里是五号教学楼(Beta)[/align][/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438956153x-954497735.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200]【1.0】首先我发现了火狐浏览器进入该页面时,任何没有图的图片都无法正常使用,也就是img=1200,2这个关键小玩具在火狐眼里只不过是img2,2的玩具,不值得一提,导致大部分火狐用户(比如静岳)会觉得我的排版有点自己的风味(实际上不美观),假如在这小玩具无法正常工作的话,百分百导致原本被扩充好的table只能回归到占据当前页面的50%。

 

【1.1】经过多次努力下,总算修复好火狐浏览器的显示问题,只需要把表格里table=50%修改为table=98%,换句话说就是占据当前页面98%,绝对不能修改成100%,因为会出错,而且有时候这个条件会导致部分已经被合并单元格的表格出错,目前正在修复该问题。

 

【1.2】表格里,合并单元格中,table=1,2,3第一个数字为合并列数,实际上没有太大意义,只是必须填一个数字进入,比如1,第二数字为合并排数,始终为tr加一,第三个数字(包括它前面的逗号)可以删除。

 

【1.3】在个别情况下,火狐显示正常,而谷歌浏览器显示不正常,其原因为没有图片的图片出现宽度过大。

 

【1.4】在表格里,td=1050(或800左右)时,将会扩充至当前表格的1050像素(或800像素),前提是table=98%,如此一来可以非常有效地解决了火狐用户看见排版错误。

 

【1.5】在表格里,假设首位td=1,3,450,次位td=450时,你将获得一个扩充至1050像素(或800像素)且合并单元格表格,没有图的图像该方法已经成功省去。其代码如下

 

[table=98%,black][tr][td=1,3,450]左标题[/td]
[td=450]内容(一)[/td][/tr]
[tr][td]内容(二)[/td][/tr]
[/table]

 

其含义为,table=98%(页面扩充至当前最大页面的98%)。

td=1,3,450(一列,三行,该合并单元格占据当前最大页面的450像素)

td=450(该单位或该列占据当前最大页面的450像素)

当前表示为两列两行的表格,td=450则以列显示。

假若为一列多行的表格,td尽可能=1200(1050或800)效果会更好。

假若为多列多行的表格,全列的td合计后尽可能大于800以上,1200以下。

 

【1.6】更新部分没修正完毕的教程,修正错误字句,修正个别用词不当,修正部分图片大小问题,修正部分多余的代码,减少内容的复杂化。

5号教学楼“疑问解答Q&A”更名为“本帖更新进度与疑问”。

 

[/td][/tr]

[/table][/align]

 

 

[align=center]1200,99http://chuantu.biz/t2/11/1438955197x1822611357.jpg[/img][/align]

[align=center][table=98%,maroon]

[tr][td=1200][align=center]返回主页[/align][/td][/tr]

[/table][/align]

 

 

 

 

1438954688x-954497735.jpg

[/td][/tr]

[/table]

链接到点评
×
×
  • 新建...

重要消息

为使您更好地使用该站点,请仔细阅读以下内容: 使用条款