LV. 41
GP 1k

【攻略】用巴哈編輯器美化表格的流程。

樓主 沁甜花香〃 purplesunny
GP128 BP-
請先點擊右上方【開啟圖片】↑


 整理遊戲資訊,用表格是很好的呈現方式。
 但在編撰文章時,使用巴哈的表格編輯器,有時候很難用,囧。

 下面分享敝人美化表格的經驗。(圖多請注意)



美化結果實例






表格編輯與合併
目前在所見所得模式


【圖1】點選「建立表格」的按鈕,於文章中插入表格。


【圖2】依上面表格,插入列5欄2的表格,表格寬度建議輸入一下,80%算是視覺上適當的寬度。


【圖3】插入表格後,先隨便輸入字元,以防止表格跑掉。


【圖4】對第一格點右鍵,「合併」→「向右合併」就能跟第二格以水平方向的合併。
(補充:如果是對第二格點右鍵,則用「合併」→「向左合併」)



【圖5】兩欄合併後,右方欄位的內容會跑到第二行。


【圖6】對第三格點右鍵,「合併」」→「向下合併」重複三次,就能跟第九格以垂直方向的合併。
(補充:如果是對第九格點右鍵,則是「合併」→「向上合併」重複三次)


【圖7】數列合併後,下方欄位的內容會由上而下排列。


【圖8】把圖片插入,輸入表格內的文字,基本表格完成,但是表格寬度分配不均。



美化表格
先切換至原始碼模式,再切換回去所見所得模式


【圖9】colspan 就是欄合併(水平方向合併)rowspan 就是列合併(垂直方向合併)


【圖10】在圖片 [img] 所在那行的 [td] 內輸入「半型空格 + width = 圖片寬度」
這樣子修改,就能讓圖片的所在欄位,寬度充分利用。
(補充:若要限制高度,則輸入
「半型空格 + height = 圖片高度」)


【圖11】圖片欄位充分利用,沒有空白,高度則不設定,因為不確定文字的多寡。


【圖12】標題欄填入背景顏色,會更加清楚。


【圖13】修改一下標題欄的字體顏色,也能更清楚。


【圖14】調整表格內的所有文字,字體大小與對齊方式。
(補充:若要調整字型,則以新細明體、微軟正黑體、標楷體為佳)


【圖15】最後,預覽一下表格,符合想美化的結果即可。


圖文整理:沁甜花香〃(purplesunny)
128
-
LV. 15
GP 300
2 樓 安黛薇妮拉 socgaming123
GP0 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

請問如果是在Microsoft Word做好排版之後

貼到巴哈上面會有一樣的效果嗎

還是要重排T口T
0
-
LV. 32
GP 877
3 樓 澤亦麟翔 UC2010
GP0 BP-
※ 引述《socgaming123 (安黛薇妮拉)》之銘言
> 請問如果是在Microsoft Word做好排版之後
> 貼到巴哈上面會有一樣的效果嗎
> 還是要重排T口T
基本上會有一樣的效果,但邊框例外
只要一點選原始碼再回來編輯,保證整個被還原
 
個人是習慣在Excel編輯表格後貼上
不過如果新手的話,個人是不建議使用World、Excel來編輯表格後貼上
主因是World、Excel產生的無用廢碼真的很多,還頗佔空間的
如果文章量一大的話就很麻煩了
除非會進入原始碼把那些廢碼一一清乾淨,但也得花上一番工夫就是了
0
-
LV. 15
GP 300
4 樓 安黛薇妮拉 socgaming123
GP0 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

※ 引述《UC2010 (澤亦麟翔)》之銘言
> 基本上會有一樣的效果,但邊框例外
> 只要一點選原始碼再回來編輯,保證整個被還原
> 不過如果新手的話,個人是不建議使用World、Excelx來編輯表格後貼上
> 主因是World、Excelx產生的無用廢碼真的是很多,頗佔空間
> 如果文章量大的話就很麻煩了
> 除非會進入原始碼把那些廢碼一一清乾淨,但也得花上一番工夫就是了

其實原始碼的部分我也會

之前玩論壇、無名小站等等的東西有自己研究過

只是因為我懶XDDD

Word快又好用
0
-
LV. 41
GP 1k
5 樓 沁甜花香〃 purplesunny
GP0 BP-

 這篇文章,主要是介紹用巴哈編輯器來美化表格。
 盡量以最簡單的的方式介紹,囧。

 如果是用 Word、Excel 表格貼上來的話,他會有固定的寬度或高度
 (像 WORD 貼上來後的列高就會變得很大,敝人認為排版上不美觀)

 只要切到原始碼模式看,會有很多多餘的原始碼,想修改就會感覺很困難、很複雜。

0
-
LV. 15
GP 300
6 樓 安黛薇妮拉 socgaming123
GP0 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

其實是不是在巴哈編輯器上面新增類似Microsoft系列的功能?!

這樣大家都可以用 也不用為了語法搞半天

很多大大會寫文章 可是系統語言卻是一竅不通@@
0
-
LV. 27
GP 52k
7 樓 仙界大濕 h804232006
GP0 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

讚ㄟ!
 
不過居然要用內碼去改大小...有點麻煩
 
是否可改成直接用滑鼠拖拉呢?
0
-
LV. 19
GP 942
8 樓 神魔大俠 levi0423
GP0 BP-
※ 引述《socgaming123 (安黛薇妮拉)》之銘言
> 其實是不是在巴哈編輯器上面新增類似Microsoft系列的功能?!
> 這樣大家都可以用 也不用為了語法搞半天
> 很多大大會寫文章 可是系統語言卻是一竅不通@@


說真的  我還沒有試過用表格來呈現
感覺還不錯  
薇妮拉 說得對><  系統語言我真的一竅不通
寫文章如果可以優化呈現的方式我想大家都會更進步^^
0
-
LV. 1
GP 0
9 樓 ×阿肆 ♥. so343
GP0 BP-
在圖片 [img] 所在那行的 內輸入「半型空格 + width = 圖片寬度」

輸入 半型空格 + width 那後面圖片寬度會自己跳出來嗎 ?
不然我們也不知道圖片寬度多寬阿 !
0
-
LV. 34
GP 1k
10 樓 創作中的麻糬 sosla
GP0 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

※ 引述《so343 (×阿肆 ♥.)》之銘言
> 在圖片  所在那行的  內輸入「半型空格 + width = 圖片寬度」
> 輸入 半型空格 + width 那後面圖片寬度會自己跳出來嗎 ?
> 不然我們也不知道圖片寬度多寬阿 !

原圖片寬度嗎?
如果在電腦中可以直接看,如果是連結圖片
可以右鍵後找關於圖片資訊的設定

原始碼好處,想要多少寬高一次到位
不過巴哈得縮放都很容易讓圖片模糊掉
建議還是使用繪圖軟體縮放過後的圖片放到文章內
再利用超連結,連結向你的原圖

0
-
未登入的勇者,要加入 11 樓的討論嗎?
板務人員:歡迎申請板主