電子書系列/直式的語法!

閱讀時間約 3 分鐘
raw-image

多數的繁體中文書都是「直式」文字(日文或韓文也多有直式),在文字的走法是由右至左,橫式則是由左至右!*大量的文字書,我還是習慣讀「直式」,進到電子書的版面,我還是會選擇「直式」來閱讀。

*很早年很早年的中文橫式字是由右至左。

就紙本書來說直式的文字走向,在編輯就有不少細節,像是一到三個的英文縮寫或數字轉正(英文字母多半建議使用全形,但現在的編輯都懶得改全形?)年份、月分、日期改中文(2020=二◯二◯)⋯⋯那麼直式的電子書有什麼細節嗎?

在紙本書裡「把字轉正」這件事在indesign是用字元樣式或段落格式來設定,每設定一種,在電子書的CSS裡就要多寫一種,例如轉正字體是class=”tcy”(多數使用tcy)、明體字可能會是class=”mfont”、粗體字是class=”bold”(或呼叫字體設定)⋯⋯

比如說:

MLB球星大谷翔平本季有望達成50轟50盜前所未有的記錄。

如果你的MLB不用全形、50不用中文在語法裡會是:

<span class=”tcy”>M</span><span class=”tcy”>L</span><span class=”tcy”>B</span>球星大谷翔平本季有望達成<span class=”tcy”>50</span>轟<span class=”tcy”>50</span>盜前所未有的記錄。

除了「文字」上的編輯外(這裡就不在文字編輯贅述了。)在電子書的語法使用就會牽涉到版面邏輯思考這件事。

若要強制直式在電子書裡需要做語法的更動。在.opf的設定在這行

<meta property=”rendition:orientation”>auto</meta>

auto改成portrait

在spine改成「由右到左」的rtl

<spine page-progression-direction=”rtl”>

在xhtml碼裡的<html>中要加進class=”vrtl”。當然CSS裡也要有vrtl這個的設定。在台灣EPUB 3製作指引的範本裡都是寫好的。而上述幾個設定是各自修改的設定。

通常除非委託者要求「強制」直式,我多半不會主動設定為直式,而是把選擇權交給讀者(但目前能流暢橫直切換的閱讀器只有mooink?)

但是在內頁的語法裡,還是必須把「直式」的語法寫進CSS,以免有讀者在轉成直式時版面變成亂七八糟的。(未來的閱讀器也應該都會朝向橫直皆可的方向去更新才是。)

那麼,直式跟橫式的版面思考差別在哪呢?

以下圖為例,當我們要設定段落和前段的距離不用<br/>來空,而是用數值來空行,那在CSS裡必須把橫與直的語法都寫進去,

raw-image

橫式的是「與下方的距離」,而直式是「與左邊的距離」語法上就會有bottom與left的差異;像「永遠的君主」這一行在「永」前加了色塊,在文字加了線:

橫式的思考是永的「left(左邊)」加色塊、永遠的君主的「bottom(下方)」加線;直式的思考是永的「top(上方)」加色塊、永遠的君主的「左側(left)」加線。

「版面」的上下左右是固定的,當文字轉直時,所有版面的裝飾都必須思考它們與版面上下左右的關係去設定橫式(.hltr)與直式(.vrtl)的語法。

委託者跟我說有些電子書製作者在「直式」的設定還要另外加錢(找我不用啦XDDDD),多數的時候純文字書的確都要把「直式」的語法一起寫進去(不然讀者改直式真的會是災難),但跟紙本書一樣,有些書不適合直式閱讀,那麼也就沒有必要做直式的設定了,例如:數字非常多的、台文書(羅馬字多)都不適合直式閱讀!

至於CSS語法怎麼寫?如果你略懂略懂,寫不出來的可以問ChatGPT,不過你要有基礎概念就是了。XDDDD

圖:20240603GoToBusan,海東龍宮寺的牌匾就是左到右的橫書。


avatar-img
12.2K會員
854內容數
自由工作者、上班族究竟要用什麼樣的心態去面對呢?來看線線怎麼說;業餘的時候,也來跟線線一起看劇看電影及看書;有空的話一起來學做出版、編輯和電子書吧!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
換日線的沙龍 的其他內容
做電子書有不少細節要留意,跟紙本書不同,它有很多很多的想像空間!製作上也有不少眉眉角角,若有心製作,總會有那麼靈光閃現的瞬間,透過思考使用者習慣、親身使用與實作,是可以有很多變化的!閱讀,從來都不是只有紙本書這個選項,如果能讓閱讀添加一些有趣的互動,也是「書」存在的一種可能!
新手沒關係、沒有編輯經驗沒關係,認真想知道的,我都會寫回答給你!我所說的也許已經不是「現在工作的習慣和流程」但是通常是「有效率」的工作方法。沒為什麼,因為我是一個討厭浪費時間在工作和跟不花時間學習的人身上的人,我喜歡工作快點做完去玩,而不是一邊不想花時間學習有效率的方法,一邊抱怨人生只剩下工作!
做書不難,嘴砲和抱怨很簡單,把抱怨和嘴砲的時間拿去做更多自己喜歡的事、學更多「把工作變快」的能力,那工作就不會成為一件自己一輩子是該死社畜的罪!把自己變成一個專業的人,並讓人尊重自己的專業,你會更喜歡工作這件事。(對,作者不專業的就不要指手畫腳了。把做書交給專業的人。)
這個時代確實是一個「人人想做什麼」就有機會完成什麼的時代,但前提是,總是要花一點時間主動去了解吧!不要被動的等人教(還不爽別人給自己意見)這就枉費活在這個時代,也浪費了自己相信自己做得到的意念了!
改稿真的不是一件需要太多情緒的事,把錯的挑出來、改掉,就這麼簡單!很少有什麼「大錯」需要去爭執誰對誰錯。不過真的滿多時候鬼遮眼或是偶爾真的會發生某種「明明前一版是對的,這一版居然是錯的」的鬼故事,把問題找出來解決就好!
做電子書有不少細節要留意,跟紙本書不同,它有很多很多的想像空間!製作上也有不少眉眉角角,若有心製作,總會有那麼靈光閃現的瞬間,透過思考使用者習慣、親身使用與實作,是可以有很多變化的!閱讀,從來都不是只有紙本書這個選項,如果能讓閱讀添加一些有趣的互動,也是「書」存在的一種可能!
新手沒關係、沒有編輯經驗沒關係,認真想知道的,我都會寫回答給你!我所說的也許已經不是「現在工作的習慣和流程」但是通常是「有效率」的工作方法。沒為什麼,因為我是一個討厭浪費時間在工作和跟不花時間學習的人身上的人,我喜歡工作快點做完去玩,而不是一邊不想花時間學習有效率的方法,一邊抱怨人生只剩下工作!
做書不難,嘴砲和抱怨很簡單,把抱怨和嘴砲的時間拿去做更多自己喜歡的事、學更多「把工作變快」的能力,那工作就不會成為一件自己一輩子是該死社畜的罪!把自己變成一個專業的人,並讓人尊重自己的專業,你會更喜歡工作這件事。(對,作者不專業的就不要指手畫腳了。把做書交給專業的人。)
這個時代確實是一個「人人想做什麼」就有機會完成什麼的時代,但前提是,總是要花一點時間主動去了解吧!不要被動的等人教(還不爽別人給自己意見)這就枉費活在這個時代,也浪費了自己相信自己做得到的意念了!
改稿真的不是一件需要太多情緒的事,把錯的挑出來、改掉,就這麼簡單!很少有什麼「大錯」需要去爭執誰對誰錯。不過真的滿多時候鬼遮眼或是偶爾真的會發生某種「明明前一版是對的,這一版居然是錯的」的鬼故事,把問題找出來解決就好!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液