LV. 41
GP 1k

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

樓主 沁甜花香〃 purplesunny
GP119 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)
119
-
未登入的勇者,要加入討論嗎?
板務人員:歡迎申請板主

精華區有 6 筆文章
目前無人維護,申請組長


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】