網路中文直書開發技術現況探討

為了設計出網路直式教科書的文字編排，營造順暢的視覺流動，應先探 討網路中文直書開發的現況，分析其優劣。在網路上，因歐美國家使用的文 字排列通常不適合於直書，所以中文直書排列方式不常見，且非網路閱讀習 慣之主流，目前網路上有提供的直書閱讀，有大正藏網頁版、假古文以及好 讀網站等。

大正藏網頁版，收集了許多佛教經書，其中「直書大正藏」便是將佛教 經書以直書的方式呈現於網頁上(大正藏網頁版，2010)，如圖。

圖 2.1.4 大正藏網頁版-直書大正藏（圖片來源：大正藏網頁版，2010）

直書大正藏排列直式文字的方式，是先以網頁表格欄位標籤<tr> </tr>

為外層標籤，將預先設定好的文章直書位置，分別以<td> </td>為內層標籤，

依序由最後一行到第一行包附其中。每ㄧ行文字再以斷行標籤<br>斷行，而 形成網頁直書。

以排列n行為例，以<tr>為外層標籤，再以<td>為內層標籤，由第n行排 列到第一行，其排列方式如下：

<tr>

<td>第n行 </td>

<td>第n-1行 </td>

…

…

<td>第1行 </td>

</tr>

每一行再依順序由第一字到最後一字以<br>斷開，以n字為例排列如下：

第1字<br>

第2字<br>

…

…

第n字<br>

大正藏網頁版，優點在於以表格方式巧妙的將文字以直書，由左而右排 列，而引導出良好的視覺流動，且可以按照不同的需求排列，具有彈性。但 由於排版前，必須確定好編排網頁時的位置，由最後一句編排到第一句，且 逐字編排，所以需要花費許多時間於排版上。

假古文是一套傳統橫書轉換直書的網頁工具，用法十分快速且方便(假古 文，2010)。使用者可以將想要轉換直書的內容貼入輸入欄為中，按下轉換鈕

自己製作的網頁中，便可轉為直書排列。

圖 2.1.5 假古文-傳統中文排版工具

假古文是一套以JavaScrip語法寫成的直書轉換系統，製作時，先以for 迴圈，將全文以字串類型依據預先設定的分行字數，依序將各行儲存於陣列 中：

var t="";

var SS = new Array();

for (var x = 0; x < 文章字串長度; x++) {

var xCode = 文章字串.charCodeAt(x);

if(xCode == 9 || xCode == 13) 換行

if(t.length >= 每行字數) {

SS[SS.length] = t;

t="";

}

t = t + vx.charAt(x);

}

接著，再以三維迴圈，由最後一句到第一句，每句的第一個字分別儲存 於Str字串中，再以"\n "斷行符號連接，接著最後一句到第一句，每句的第二 個字繼續儲存於Str中，依此類推，直到達到字串長度時：

while(目前字串位置<字串長度) {

for(var y=0; y < ws; y++) {

for(var x = p2; x >= p1; x--) {

if(SS[x].length>y) {

if(SS[x].charCodeAt(y)>127)

str = str + SS[x].charAt(y) + sp;

else

str = str + SS[x].charAt(y) + " " + sp;

} else {

str = str + " " + sp;

} }

str = str + "\n ";

}

str = str + S;

p1=p2+1;

此外，以keyTrans陣列儲存直書標點符號，再以keyCode儲存其對應符號 的Unicode碼，進行標點符號的轉換。

假古文成功的運用 JavaScript 語法排好直書文字位置，再由左至右，由 上往下運用二維迴圈排列，完成直式的編排。其優點在於運用 JavaScript 運 算，節省許多編排時間，但文章結構已破壞，無法使用關鍵字搜尋文章內容。

好讀網站是運用 CSS（

Cascading Style Sheets

vertical-ideographic 為值，由上而下，由右至左，無須使用程式轉換，不但節 省許多時間，文章結構也未破壞。除此之外，其以 Javascript 語法提供許多 電子書的基本功能，如目次、滾輪翻頁與迅速的翻頁功能，但是僅限於 IE 瀏 覽器，且較未提供改變文字大小與註記功能 (好讀網站，2010)，如圖 2.1.3。

所以，開發網路中文直書系統時，不但需要有迅速便捷的編排方式，也 應避免破壞文章結構，保有網路搜尋文章內容的優點。