2007-09-03 08:53
【閱讀聲明】
本教程系
ｅ類(lèi)出版物學(xué)堂頻道原創(chuàng)內(nèi)容，任何人未經(jīng)許可，不可將此教程發(fā)表、或者經(jīng)過(guò)修改、摘抄于任何非網(wǎng)絡(luò)媒體。網(wǎng)絡(luò)媒體、網(wǎng)站轉(zhuǎn)載本教程請(qǐng)注明本站鏈接。
本文享有《中華人民共和國(guó)著作權(quán)法》中所描述的所有權(quán)利，任何人未經(jīng)許可，擅自違反相關(guān)條款，后果均按照《著作權(quán)法》中所描述的進(jìn)行處理。
關(guān)于本教程中的文字，如有紕漏、錯(cuò)誤，歡迎您來(lái)信指正！
【前言】
制作電子圖書(shū)是一件即輕松愉快又痛苦麻煩的事情。輕松愉快是因?yàn)榭吹阶约褐谱鞯?、精美的電子圖書(shū)，心里不由得有一種成就感；說(shuō)痛苦麻煩是因?yàn)橹谱麟娮訄D書(shū)過(guò)程中會(huì)碰到很多問(wèn)題，或者會(huì)有很多重復(fù)性的勞動(dòng)讓你透不過(guò)氣來(lái)?？傊?，能夠制作一本十分優(yōu)秀的電子圖書(shū)說(shuō)容易也容易、說(shuō)難也難。關(guān)鍵看你的水平和技巧掌握的怎么樣了。
好，廢話少說(shuō)。本篇教程就是借助EXE電子圖書(shū)軟件WebCompiler2000來(lái)詳細(xì)、全面的講解一下電子圖書(shū)制作過(guò)程以及一些常用的技巧、軟件工具。
【準(zhǔn)備】
制作電子圖書(shū)應(yīng)該有相應(yīng)的工具，這里給出一個(gè)最簡(jiǎn)單組合：
1、一款文字處理軟件（如EditPlus、Microsoft Word、WPS Office）
2、一款網(wǎng)頁(yè)制作工具（如Dreamweaver、Frontpage）；
3、一款圖形圖象處理軟件（如Photoshop、Fireworks、PhotoImpact）；
4、一款圖標(biāo)制作工具（如Macroangelo）；
5、一款電子圖書(shū)編譯工具（如[EXE格式]WebCompiler2000、E-ditor；[CHM格式]HTML Help Workshop、FAR；[PDF格式]Acrobat）
以上為制作一本完整的電子圖書(shū)所需的必要軟件工具，以下工具為可選：
1、一款動(dòng)畫(huà)制作工具（如ImageReady、Fireworks、GIF Animator、Flash[只針對(duì)于CHM格式]）；
2、一款網(wǎng)站前臺(tái)腳本編輯工具（如EditPlus、NotePad、TextPad、XML Spy）
【必要知識(shí)】
在制作電子圖書(shū)之前，先不要著急動(dòng)手。有些必要的概念和說(shuō)明大家必須知道，這里列舉比較重要的幾項(xiàng)，希望大家注意。
一、電子圖書(shū)格式：我們這里指的電子圖書(shū)主要是在臺(tái)式機(jī)上進(jìn)行閱讀的電子文檔格式，另外還有應(yīng)用于掌上電腦（如）、PDA產(chǎn)品的電子書(shū)格式，我們這里暫時(shí)不作討論。臺(tái)式機(jī)上的電子圖書(shū)格式主要有：EXE、CHM、HLP、PDF、LIT、BBK，不同的格式相應(yīng)的制作工具也不相同。而且不同格式之間相互的轉(zhuǎn)換也并非直接就可以實(shí)現(xiàn)的。所以除非你決定了使用某一種格式，否則建議你在制作之前一定要保留圖書(shū)源文件。
二、什么是“強(qiáng)制回車(chē)/換行”？什么是“自動(dòng)換行”？
“強(qiáng)制回車(chē)/換行”和“自動(dòng)換行”是制作電子圖書(shū)中非常重要的概念，我們這里來(lái)舉一個(gè)例子來(lái)說(shuō)明這兩個(gè)概念。
請(qǐng)看下面這段文字——
“ｅ類(lèi)出版物”是一個(gè)文學(xué)、計(jì)算機(jī)技術(shù)、電子出版相結(jié)合的站點(diǎn)，內(nèi)容包括：制作發(fā)行各種格式（目前只限于ＰＣ機(jī)）的電子圖書(shū)、電子圖書(shū)制作、閱讀軟件（目前只限于ＰＣ機(jī)）集錦、網(wǎng)絡(luò)精彩文章再現(xiàn)、電子圖書(shū)制作教學(xué)、網(wǎng)站開(kāi)發(fā)技術(shù)教學(xué)等等。我們的口號(hào)是“把握電子出版業(yè)最新動(dòng)態(tài)、弘揚(yáng)中國(guó)電子出版事業(yè)、為中國(guó)電子出版業(yè)愛(ài)好者、電子圖書(shū)愛(ài)好者及相關(guān)人士提供更好的資訊”。
上面這段文字是沒(méi)有強(qiáng)制回車(chē)/換行的，并且也是自動(dòng)換行的。
再來(lái)看看下面這段文字——
“ｅ類(lèi)出版物”是一個(gè)文學(xué)、計(jì)算機(jī)技術(shù)、電子 [回車(chē)]
出版相結(jié)合的站點(diǎn)，內(nèi)容包括：制作發(fā)行各種格式（目[回車(chē)]
前只限于ＰＣ機(jī)）的電子圖書(shū)、電子圖書(shū)制作、閱讀軟[回車(chē)]
件（目前只限于ＰＣ機(jī)）集錦、網(wǎng)絡(luò)精彩文章再現(xiàn)、電[回車(chē)]
子圖書(shū)制作教學(xué)、網(wǎng)站開(kāi)發(fā)技術(shù)教學(xué)等等。我們的口號(hào)[回車(chē)]
是“把握電子出版業(yè)最新動(dòng)態(tài)、弘揚(yáng)中國(guó)電子出版事業(yè)、[回車(chē)]
為中國(guó)電子出版業(yè)愛(ài)好者、電子圖書(shū)愛(ài)好者及相關(guān)人士[回車(chē)]
提供更好的資訊”。
大家看到這里應(yīng)該已經(jīng)明白了：所謂強(qiáng)制回車(chē)/換行就是指在一句話還沒(méi)有在一行上顯示完畢，我們就人為地給了一個(gè)回車(chē)（或Ctrl+回車(chē)），這樣，當(dāng)文字改變大小的時(shí)候，文字將變得雜亂無(wú)章、不堪入目。除非你將文字大小鎖定，否則我們必須在制作過(guò)程中將強(qiáng)制回車(chē)/換行去掉。
“自動(dòng)換行”即是指當(dāng)文字大小改變時(shí)，一句話中一行未能顯示完畢的文字自動(dòng)轉(zhuǎn)向下一行，無(wú)論文字是放大、縮小都能保證一句話能自我調(diào)整長(zhǎng)度。這樣對(duì)于讀者來(lái)講，閱讀是很舒服和方便的。一般來(lái)講，一篇文字如果沒(méi)有強(qiáng)制回車(chē)/換行則可以認(rèn)為它是自動(dòng)換行的。另外，段落之間的回車(chē)屬于正?；剀?chē)，必須保留。
三、使用Dreamweaver輸入空格的問(wèn)題
這個(gè)問(wèn)題我想對(duì)于一些有過(guò)網(wǎng)頁(yè)制作經(jīng)驗(yàn)的人來(lái)講已經(jīng)是一個(gè)小問(wèn)題了。但是我建議您還是耐心看完我的說(shuō)明。
我們知道，Dreamweaver是不認(rèn)識(shí)中文半角空格的，所以在輸入法為半角狀態(tài)下，你只能在兩個(gè)字之間輸入一個(gè)空格（這是符合英文文法習(xí)慣的，但是對(duì)于中文來(lái)講情況則不同）。
我們這里給出兩種輸入空格的方法：
1、按快捷鍵Shift+空格，將輸入法切換為全角狀態(tài)，然后便可以隨意敲入空格了；
2、使用快捷鍵Ctrl+Shift+空格，這個(gè)方法其實(shí)是在代碼中加入了一個(gè)腳本元素“ ”，但是我們?cè)谠O(shè)計(jì)時(shí)候并不能看到這個(gè)空格，只有在瀏覽器中瀏覽網(wǎng)頁(yè)的時(shí)候，這個(gè)空格才能顯示出來(lái)。
兩種方法各有千秋，使用哪一個(gè)，完全按照個(gè)人愛(ài)好。另外，請(qǐng)大家注意一點(diǎn)：如果你是在中文Windows 2000環(huán)境下制作電子圖書(shū)，而又采取了第一種方法輸入空格的話，最后編譯輸出的網(wǎng)頁(yè)在Windows 98下有可能空格都變成了“□”，這種情況在使用WebCompiler2000編譯的圖書(shū)中表現(xiàn)的尤為明顯，請(qǐng)大家注意。
四、什么是“窗口標(biāo)識(shí)”？什么是“圖書(shū)圖標(biāo)”？什么是“Splash Window”？
這三項(xiàng)都屬于電子圖書(shū)的修飾元素。完全可以不要，但是為了制作的電子圖書(shū)更加個(gè)性化，您也可以加入這３項(xiàng)元素。另外，只有部分EXE格式的電子圖書(shū)支持這三項(xiàng)特性，其他格式的電子圖書(shū)（如CHM、HLP、PDF）則無(wú)此特性。
“窗口標(biāo)識(shí)”就是指圖書(shū)打開(kāi)以后，窗口右上方的圖片。對(duì)于WebCompiler2000來(lái)講，它支持BMP格式、45×45大小的圖片作為窗口標(biāo)識(shí)，有些軟件還支持GIF作為窗口標(biāo)識(shí)；
“圖書(shū)圖標(biāo)”就是圖書(shū)文件的圖標(biāo)，使用個(gè)性化的圖標(biāo)更能突出圖書(shū)的屬性，在Windows資源管理器中查看圖書(shū)，如果有一個(gè)醒目的圖標(biāo)，則查找起來(lái)是很方便的。WebCompiler2000默認(rèn)的圖標(biāo)是一個(gè)黃色的三角狀的圖標(biāo)。其他EXE格式制作軟件大部分都支持圖標(biāo)置換。對(duì)于WebCompiler2000來(lái)講，它只支持32×32、16色的圖標(biāo)。
“Splash Window”，習(xí)慣的中文解釋是“閃屏”。它是指在圖書(shū)運(yùn)行時(shí)出現(xiàn)的另外一個(gè)無(wú)常見(jiàn)窗口特性的一副“圖”?，F(xiàn)在很多軟件都使用了“Splash Window”技術(shù)，一方面美觀，另外一方面可以通過(guò)Splash Windows吸引使用者的注意力，而同時(shí)可以加載軟件需要的數(shù)據(jù)。少量的EXE制作軟件支持Splash Window技術(shù)。WebCompiler2000支持BMP圖象作為Splash Window。
其他重要的概念：
切片(Slice Image)：使用Fireworks、ImageReady等圖象處理軟件制作好電子書(shū)設(shè)計(jì)初稿后，需要對(duì)整個(gè)框架設(shè)計(jì)進(jìn)行導(dǎo)出，其中對(duì)于圖片的切片是非常關(guān)鍵的，如果切片位置、布局得當(dāng)，則下一步制作起來(lái)也會(huì)容易一些。關(guān)于切片的具體內(nèi)容我們?cè)谙旅娴奈恼轮袑?huì)詳細(xì)介紹。
圖片優(yōu)化(Optimize Image)：雖然電子書(shū)不是直接在網(wǎng)絡(luò)上使用瀏覽器進(jìn)行瀏覽的，不用考慮即時(shí)在線資源。但是對(duì)于一些沒(méi)有必要的圖片、以及圖片設(shè)計(jì)中的色彩調(diào)整等等，最好還是要盡量縮小其尺寸或者干脆不要。
【開(kāi)始制作】
一、文檔處理
文檔處理是一本電子圖書(shū)制作成功與否的一個(gè)很重要的步驟。文檔處理的好，讀者閱讀起來(lái)才能夠更舒適、方便。如果你是一個(gè)喜歡偷懶的人，那么你完全可以不必理會(huì)這一步驟，這樣除非原來(lái)的文字就已經(jīng)處理的很好了，否則你的電子圖書(shū)只能算是比較失敗的。
首先我們必須有至少一種可以進(jìn)行文檔處理的軟件，該軟件應(yīng)該具有這兩個(gè)功能：查找替換功能、顯示回車(chē)換行功能。一般來(lái)講，我們可以使用Microsoft Word、WPS Office這樣的軟件來(lái)處理文檔。但是對(duì)于一般的電子文檔處理，我們可以使用其他一些體積較小的軟件，這樣可以節(jié)省一部分時(shí)間（因?yàn)檐浖膯?dòng)和處理速度的緣故）。
我使用的文檔處理軟件是“EditPlus”，這款軟件大家可以到一些軟件下載基地下載，還可以到
“漢化新世紀(jì)”下載該軟件的漢化補(bǔ)丁。軟件EditPlus的界面如圖１所示。
圖１
下面我們就拿一個(gè)具體的例子來(lái)講解一下文檔處理的過(guò)程。
例如，我們現(xiàn)在手頭有一個(gè)含有強(qiáng)制回車(chē)、且段落之前沒(méi)有空格的頁(yè)面。如圖２。
圖２
我們現(xiàn)在要為這段文字每一段之前加上兩個(gè)全角空格，并且去掉強(qiáng)制回車(chē)（正常的段落之間的回車(chē)要保留）。大家可以參考一下我的處理方法：
1、分析一下文字，我們發(fā)現(xiàn)正常的段落之間均有兩個(gè)回車(chē)\換行符。我們可以利用這個(gè)特點(diǎn)來(lái)實(shí)現(xiàn)第一個(gè)目的：為每一段落之前加上兩個(gè)全角空格。具體操作如下：按快捷鍵“Ctrl+H”調(diào)出替換窗口，然后在“查找什么”中手動(dòng)輸入“\n\n”或者點(diǎn)擊旁邊的下拉箭頭選擇兩次換行符；在“替換為”中先按照上述方法輸入一個(gè)“\n”，然后將輸入法切換為全角模式（快捷鍵Shift+空格），鍵入兩個(gè)全角空格，如圖３所示。
圖３
然后單擊“全換”按鈕，此時(shí)我們已經(jīng)為全篇文檔的每一個(gè)正常的段落前加入了兩個(gè)全角的空格了。
這里提醒大家注意一點(diǎn)：有些文檔段落之前是有兩個(gè)空格的，但是這兩個(gè)空格是半角的，因?yàn)镈reamweaver不能識(shí)別半角的中文空格，所以最好也使用這種方法將全篇的半角空格替換為全角空格。
2、如何去掉強(qiáng)制回車(chē)但是又要保留正常的段落之間的回車(chē)呢？大家可以參考一下我的方法：
首先將文檔中的所有回車(chē)統(tǒng)統(tǒng)刪除。我們?nèi)钥梢圆扇〔檎姨鎿Q法，如圖４所示。
圖４
此時(shí)文檔中的所有空格均刪除了。那么怎么加入正常的段落之間的回車(chē)呢？大家可能還記得，我們上邊為每一個(gè)段落之前都加入了兩個(gè)全角的空格，ＯＫ，我們現(xiàn)在就利用這兩個(gè)全角空格來(lái)實(shí)現(xiàn)我們的目的。具體操作如下：
在“查找什么”中輸入兩個(gè)全角空格（方法見(jiàn)上），在替換為中輸入一個(gè)“\n”和兩個(gè)全角空格，如圖５所示。
圖５
單擊“全換”按鈕……看一下，文檔中的強(qiáng)制回車(chē)已經(jīng)被我們?nèi)咳サ袅?，并且我們還保留了段落之間正常的回車(chē)符，另外每一個(gè)段落之前的兩個(gè)中文全角空格我們也已經(jīng)加上了。ＯＫ，現(xiàn)在文檔就算處理完了，如果你已經(jīng)制作好了頁(yè)面模板文件，現(xiàn)在就可以把文字直接拷貝到里面去了。（處理后的文字如圖６所示）
圖６
小結(jié)與更多說(shuō)明
本篇文字介紹了如何對(duì)一個(gè)含有強(qiáng)制回車(chē)、且段落之前沒(méi)有或者為兩個(gè)半角空格的不規(guī)則文檔進(jìn)行必要的處理。其中介紹的一些方法可能不是最簡(jiǎn)便的，但是如果運(yùn)用熟練的話，也會(huì)節(jié)省您很多的文字處理時(shí)間的。
另外，在文檔處理中，還有一個(gè)可選的工作：即文字校對(duì)。當(dāng)然，對(duì)于文字中的錯(cuò)別字是在所難免的。因?yàn)楝F(xiàn)在很多圖書(shū)都是傳統(tǒng)書(shū)籍OCR下來(lái)的，其識(shí)別率和校對(duì)掃描人員的校對(duì)正確率決定了文檔的質(zhì)量。如果有時(shí)間，可以快速的瀏覽一下文檔內(nèi)容，如果沒(méi)有明顯和較多的錯(cuò)別字，我們可以認(rèn)為該篇文檔是合格的。
最后，還有一個(gè)十分棘手的問(wèn)題：有的時(shí)候你在文檔處理軟件中處理的文字，無(wú)論是在該軟件還是在Dreamweaver中編輯頁(yè)面的時(shí)候，顯示都是正常的，可是一放到瀏覽器或者換了一種操作系統(tǒng)以后，文檔中便會(huì)出現(xiàn)一些不可識(shí)別的字符（亂碼）。根據(jù)我的經(jīng)驗(yàn)，由于Windows 2000/XP是一個(gè)ANSI字符集和UNICODE字符集共存的操作系統(tǒng)，稍有不慎，便會(huì)出現(xiàn)ANSI字符和UNICODE字符共存于同一張頁(yè)面上的情況，這樣，在其他一些平臺(tái)上顯示便會(huì)產(chǎn)生問(wèn)題。另外，如果文檔中包含有更多的雜亂的字符、編碼集，也同樣會(huì)出現(xiàn)這樣的情況。所以，建議大家都使用ANSI或者UNICODE文檔進(jìn)行操作，盡量避免兩種字符集的混合操作。
二、頁(yè)面設(shè)計(jì)
頁(yè)面設(shè)計(jì)是一個(gè)不好講的題目。為什么？因?yàn)槊總€(gè)人的頁(yè)面設(shè)計(jì)能力都不一樣，除了一些必要的設(shè)計(jì)技巧以外，最重要的還是審美觀和靈感，換句話說(shuō)就是美工能力如何。對(duì)于有些美工基礎(chǔ)的人我不說(shuō)什么了，這里要說(shuō)明的是對(duì)于那些從來(lái)沒(méi)有或者很少接觸頁(yè)面設(shè)計(jì)工作的人，這里可以給你們一些建議：
1、多臨摹別人的作品
臨摹不是照搬，也不是抄襲。我們需要的是模仿別人的作品來(lái)學(xué)習(xí)別人的設(shè)計(jì)思路和設(shè)計(jì)方法。臨摹的途徑很多，最直接的方法就是找一些專(zhuān)業(yè)設(shè)計(jì)站點(diǎn)或者一些精彩的網(wǎng)站，將他們的網(wǎng)頁(yè)保存下來(lái)，然后使用網(wǎng)頁(yè)編輯軟件打開(kāi)，分析他們的頁(yè)面布局、色彩搭配、元素應(yīng)用、排版方法技巧等等。多看、多想、多動(dòng)手，我想這對(duì)于學(xué)習(xí)任何東西都是一條原則。
2、缺乏靈感么？
有些人總抱怨沒(méi)有靈感、沒(méi)有創(chuàng)作意識(shí)。其實(shí)大可不必，靈感這個(gè)東西不是隨時(shí)都有的，也不是非要不可的。只要掌握一定的設(shè)計(jì)方法、設(shè)計(jì)套路，一樣可以作出比較優(yōu)秀的作品。
多關(guān)注生活、多一點(diǎn)好心情，這些都會(huì)幫助你的潛在感覺(jué)和意識(shí)的爆發(fā)。
3、掌握?qǐng)D象處理軟件
工欲善其事，必先利其器。這個(gè)道理我想大家都懂。就算你擁有過(guò)人的設(shè)計(jì)才能，如果無(wú)法使用合適的工具來(lái)表達(dá)，一樣是失敗的。所以，如果你想充分表達(dá)你的思想、你的設(shè)計(jì)，你必須首先掌握至少一種圖形圖象處理軟件。Photoshop、Fireworks、ImageReady、PhotoImpact等等這些軟件都是不錯(cuò)的選擇。另外還有很多濾鏡也可以幫助你更好的發(fā)揮你的設(shè)計(jì)才能。
4、盡量多的搜集素材
無(wú)論是制作電子圖書(shū)還是設(shè)計(jì)圖形，有的時(shí)候是需要很多素材的，它可以幫助我們實(shí)現(xiàn)思想。所以，在平時(shí)上網(wǎng)瀏覽網(wǎng)站，或者去一些專(zhuān)門(mén)提供素材下載的站點(diǎn)去搜集，總之，凡是你遇到的、你認(rèn)為可能會(huì)有價(jià)值的素材你都可以保存下來(lái)。也許在你苦思冥想沒(méi)有思路的時(shí)候，這些素材當(dāng)中的一些會(huì)給你以靈感和啟發(fā)。
5、更多思考，更多問(wèn)題
如果你只是一味模仿別人的東西，或者永遠(yuǎn)只停留在一個(gè)設(shè)計(jì)水平上，那么我勸你還是放棄繼續(xù)看下面的文字。因?yàn)?，我?xiě)這些文字是為了給那些希望提高自己設(shè)計(jì)水平的人一點(diǎn)建議，即便你說(shuō)：我永遠(yuǎn)不會(huì)做美工，我永遠(yuǎn)不會(huì)去搞設(shè)計(jì)工作，制作電子圖書(shū)只是我一時(shí)的愛(ài)好而已，你說(shuō)得這些我都不需要。我這里要說(shuō)的是，沒(méi)有人讓你去做這些，我只是希望有一天你碰到關(guān)于設(shè)計(jì)問(wèn)題的時(shí)候，能夠提出自己的看法、能夠擁有自己的設(shè)計(jì)思路和想法，不必再完全依靠別人的作品來(lái)左右你的感覺(jué)。
6、音樂(lè)的力量
為什么要說(shuō)音樂(lè)？可能大家認(rèn)為我在這里瞎掰。其實(shí)不然。當(dāng)你缺乏創(chuàng)意，或者當(dāng)你制作電子書(shū)已經(jīng)變得煩躁的時(shí)候，找來(lái)一些輕柔的或者搖滾的音樂(lè)，總之你認(rèn)為哪種音樂(lè)更能夠發(fā)泄你的情感，那么你就聽(tīng)它！
以上我講了一些有關(guān)于如何激發(fā)自己創(chuàng)意、靈感的事情，現(xiàn)在我們拿一個(gè)具體的例子來(lái)講講電子圖書(shū)頁(yè)面設(shè)計(jì)的過(guò)程。因?yàn)橹皇且粋€(gè)例子，所以這里不準(zhǔn)備過(guò)細(xì)致的描述。如果你對(duì)我所說(shuō)的一些圖象制作術(shù)語(yǔ)還不太了解，建議你還是先去學(xué)習(xí)一兩種圖象處理軟件。
頁(yè)面設(shè)計(jì)包括圖書(shū)封面設(shè)計(jì)和章節(jié)排版設(shè)計(jì)兩個(gè)方面。
第一，圖書(shū)封面設(shè)計(jì)
你我都不是專(zhuān)業(yè)的圖書(shū)封面設(shè)計(jì)師，如何才能做出合適的圖書(shū)封面呢？還是那兩個(gè)字：模仿。
圖書(shū)封面的來(lái)源很多：網(wǎng)上書(shū)店、你家附近的小書(shū)店、音像店、電子圖書(shū)站點(diǎn)……你有很多選擇，當(dāng)然，你也可以自己創(chuàng)意，根據(jù)圖書(shū)的題材和體裁來(lái)設(shè)計(jì)封面。這就要求你有良好的設(shè)計(jì)風(fēng)格和能力。
一般來(lái)說(shuō)，封面設(shè)計(jì)你需要注意以下幾個(gè)方面：
1、封面圖形的使用是否得當(dāng)：就是說(shuō)你制作的封面與圖書(shū)的內(nèi)容是否切合。
2、色彩的使用：頁(yè)面背景的顏色要和封面主色調(diào)搭配，不能使用一些多數(shù)人公認(rèn)的不能組合的色彩搭配。
3、書(shū)名的位置、屬性：如果說(shuō)封面背景是封面的軀體，那么書(shū)名就是封面的靈魂。這里建議你多找些漂亮的字體，這樣對(duì)于你設(shè)計(jì)書(shū)名是十分有幫助的。一些具有美術(shù)色彩的字體可以起到裝飾和畫(huà)龍點(diǎn)睛的作用。
下面是一個(gè)圖書(shū)封面的例子，如圖７：
圖７
《情斷楓橋》——從書(shū)名來(lái)看，我們要么突出“情斷”，要么突出“楓橋”。但是“楓橋”是什么？布滿(mǎn)了楓葉的橋？？我說(shuō)不清楚，只有看完了這本書(shū)我們才能知道。所以，在還沒(méi)有閱讀完圖書(shū)之前（或者干脆沒(méi)有時(shí)間閱讀），我們可以突出“橋”字。ＯＫ，既然已經(jīng)決定了設(shè)計(jì)的方向，我們可以著手了。
找來(lái)一副“橋”的圖片，在圖象處理軟件中畫(huà)一個(gè)矩形，將圖片移上去，然后寫(xiě)上書(shū)名，為書(shū)名選擇一種好看的字體、顏色。然后再加入作者。這樣，一張很簡(jiǎn)單但是卻不脫離主題的封面就弄好了。【提示】線條或許是一種好的點(diǎn)綴方法。
第二，章節(jié)排版設(shè)計(jì)
章節(jié)排版設(shè)計(jì)包括目錄設(shè)計(jì)、章節(jié)設(shè)計(jì)、翻頁(yè)按鈕設(shè)計(jì)等等。
還是以上面這本書(shū)為例，來(lái)講講排版設(shè)計(jì)中需要注意的問(wèn)題。
請(qǐng)看效果圖，如圖８：
圖８
其中的一些顏色和圖形的繪制我想大家應(yīng)該都會(huì)，我這里就不多說(shuō)了。主要給大家說(shuō)一下“切片”的時(shí)候需要注意的事情。
我們?cè)谠O(shè)計(jì)頁(yè)面的時(shí)候，必須留下一片區(qū)域用于盛放文字。而且由于文字有的多、有的少，還要注意橫向和縱向的大?。翰荒茏屪职涯阍O(shè)計(jì)的圖形破壞掉。請(qǐng)看下面我對(duì)圖形做的切片，如圖９：
圖９
由于切片是按照表格方式導(dǎo)入HTML頁(yè)面的，圖９中的三塊綠色的區(qū)域便代表了整個(gè)表格的三個(gè)單元格，而中間一部分我們需要留出來(lái)盛放文字。注意，在導(dǎo)入到HTML頁(yè)面中以后，將沒(méi)有用的圖片刪去，比如上圖中左下角和中間的淡綠色的那一塊，我們完全可以將其用背景色實(shí)現(xiàn)。另外，對(duì)于右下角的單于格，由于我們要讓那一條豎線隨著頁(yè)面的“拉長(zhǎng)”而變長(zhǎng)，將其做為它所在單元格的背景圖片即可。
另外，還有一個(gè)特別重要的屬性大家一定要注意：valign屬性。這樣說(shuō)吧：當(dāng)你將切片導(dǎo)入到HTML中，隨著中間區(qū)域中文字的增多，兩邊和頂部的三個(gè)圖片必將錯(cuò)位（一般都是向下移動(dòng)），大家可以試試。這是因?yàn)槟銢](méi)有設(shè)置讓圖片在單元格頂部對(duì)齊。使用valign屬性是解決這個(gè)問(wèn)題的最好的辦法！valign屬性在Dreamweaver屬性面板可以找到，如圖１０：
圖１０
以上是對(duì)排版中切片、重要屬性的一些提示。具體的操作因?yàn)槠P(guān)系不能講的太詳細(xì)了。因?yàn)檫@涉及很多圖象和網(wǎng)頁(yè)制作知識(shí)。建議你去找來(lái)相關(guān)教程參考一下。
三、窗口標(biāo)識(shí)設(shè)計(jì)與圖標(biāo)設(shè)計(jì)
窗口標(biāo)識(shí)和圖標(biāo)設(shè)計(jì)相對(duì)教簡(jiǎn)單。但是也需要大家注意一些地方。因?yàn)楝F(xiàn)在大多數(shù)EXE制作軟件只能支持低色彩的圖標(biāo)，而且標(biāo)識(shí)和圖標(biāo)的大小也有嚴(yán)格的規(guī)定。所以在制作的時(shí)候要注意這些地方。否則，你設(shè)計(jì)了一個(gè)很精彩的圖標(biāo)，結(jié)果發(fā)現(xiàn)軟件只支持16色的，那樣就達(dá)不到我們的目的了。一般來(lái)講，窗口標(biāo)識(shí)沒(méi)有嚴(yán)格的色彩規(guī)定，真彩45×45的BMP圖片都可以作為窗口標(biāo)識(shí)。而對(duì)于圖書(shū)的圖標(biāo)，盡量使用少量的色彩，最好就是簡(jiǎn)單的一兩種色彩的組合，另外，文字也是一種不錯(cuò)的選擇。
例如ｅ類(lèi)出版物的圖標(biāo)和標(biāo)識(shí)是比較統(tǒng)一的，如圖１１：
圖１１
就是這樣一個(gè)簡(jiǎn)單的圖標(biāo)，既可以體現(xiàn)圖書(shū)的出版者，有可以起到個(gè)性化圖書(shū)的目的。而如果你制作的圖書(shū)很多的話，一大堆這樣的圖標(biāo)放在一起是非常好看的?！删透校覀冏非蟮牟痪褪沁@個(gè)么？^_^
小結(jié)
本節(jié)從理論的基礎(chǔ)上，給出了一些簡(jiǎn)單的例子。希望大家能夠舉一反三，多想、多動(dòng)手，這樣才能提高自己的設(shè)計(jì)能力。
四、快速制作
制作好全部頁(yè)面文件以后，我們就可以使用編譯軟件進(jìn)行編譯輸出了。由于現(xiàn)在相關(guān)軟件較多，我們這里只拿一個(gè)比較典型的軟件——WebCompiler 2000來(lái)講解一下使用的方法。
【提示】軟件WebCompiler 2000可以到本站
“工具”頻道下載。
這里給大家準(zhǔn)備了兩種制作方案：第一種是快速制作，第二種需要設(shè)定一些參數(shù)。
首先來(lái)介紹第一種快速制作的方法。
運(yùn)行WebCompiler 2000，選擇菜單“File”->“Open”，如圖１２所示
如圖１２
在彈出的窗口中選擇你剛才制作好的圖書(shū)所在目錄，并選中首頁(yè)面（一般來(lái)講，即封面），單擊“打開(kāi)”，如圖１３所示。
如圖１３
【注意】圖書(shū)所在目錄、文件名不能使用中文，切記。另外，制作好的窗口標(biāo)識(shí)、圖書(shū)圖標(biāo)最好都放在圖書(shū)目錄下面。
此時(shí)你剛才設(shè)計(jì)的圖書(shū)的封面即顯示在窗口的瀏覽區(qū)了。WebCompiler2000本身其實(shí)相當(dāng)于一個(gè)小型的瀏覽器，在這里，你仍然可以對(duì)你的所有文件進(jìn)行瀏覽查看，確信所有鏈接、圖片排版顯示都正常以后，下面就可以編譯了。編譯之前請(qǐng)確定窗口中顯示的是圖書(shū)的首頁(yè)面，因?yàn)閃ebCompiler2000將會(huì)把當(dāng)前窗口顯示的頁(yè)面作為圖書(shū)運(yùn)行的首頁(yè)面。
選擇菜單“File”->“Compiler Options...”，如圖１４所示。
如圖１４
此時(shí)彈出Compiler Options窗口，如圖１５所示。
如圖１５
選擇Output Executable File右下方的Browse按鈕，選擇一個(gè)路徑和文件名，用于保存圖書(shū)文件。
單擊ＯＫ按鈕，選擇菜單“File”->“Compile...”，此時(shí)出現(xiàn)編譯窗口，如圖１６所示。
如圖１６
編譯完成后，可以單擊“Test”按鈕測(cè)試編譯輸出的結(jié)果。
ＯＫ，我們的第一本電子圖書(shū)便制作好了。簡(jiǎn)單么？
不過(guò)我們發(fā)現(xiàn)我們編譯輸出的文件并沒(méi)有出現(xiàn)我們剛才設(shè)計(jì)的窗口標(biāo)識(shí)，圖書(shū)的圖標(biāo)也依然是WebCompiler 2000默認(rèn)的黃色三角形圖標(biāo)。另外，窗口上方的菜單、地址欄、窗口下方的狀態(tài)欄都依然存在——看著不爽？那就接著跟我學(xué)習(xí)下一節(jié)的課程。
五、個(gè)性化編譯
上一節(jié)我們只是快速的編譯了我們第一本電子圖書(shū)，但是有很多設(shè)置選項(xiàng)可以使我們的電子圖書(shū)更加個(gè)性化。下面我就介紹一下這些個(gè)性化設(shè)置的具體使用方法。
1、General[常規(guī)]選項(xiàng)設(shè)置卡
如圖１７所示，解釋請(qǐng)參看圖中的說(shuō)明：
圖１７
接下來(lái)是Functionality[功能]選項(xiàng)卡，如圖１８所示。這里我只選擇了一些重要和必要的選項(xiàng)進(jìn)行了注釋?zhuān)渌δ芤话悴挥美頃?huì)。其中，黑色的注釋是我制作圖書(shū)時(shí)必選的。
圖１８
接下來(lái)是Appearance[外觀]選項(xiàng)卡，如圖１９所示。同上，黑色的是我制作電子書(shū)必選和必去掉的功能。
圖１９
最后一個(gè)較重要的標(biāo)簽：Branding[標(biāo)識(shí)]選項(xiàng)卡，如圖２０所示。
圖２０
以上我所示例給大家看得是我每次做書(shū)的一些必選項(xiàng)和一些不選的功能，還有一些我沒(méi)有講到的，由于從實(shí)用性上來(lái)講，我們現(xiàn)在暫時(shí)還不用理會(huì)。如果你有興趣了解每一個(gè)選項(xiàng)的含義和功能，請(qǐng)到我網(wǎng)站的“工具”頻道找到軟件WebCompiler2000，在它的軟件介紹里面我詳細(xì)地寫(xiě)了各個(gè)選項(xiàng)的含義和使用方法，可以做為一個(gè)參考。
最后，選擇菜單“Compiler...”，等待編譯完成后，單擊“Test”按鈕觀看圖書(shū)效果，如圖２１所示。
圖２１
到現(xiàn)在，我想大家在制作上應(yīng)該沒(méi)什么問(wèn)題了吧？只要按照我的步驟來(lái)，絕對(duì)沒(méi)有問(wèn)題！^_^
在本教程結(jié)束的時(shí)候，還有一些事情需要向大家交代和強(qiáng)調(diào)一下，希望在制作過(guò)程中注意。
第一，文件夾和文件名稱(chēng)：切記一定不能使用中文！
第二，如果你遇到了這樣的情況：無(wú)論怎么設(shè)置，窗口上方的工具欄總是以小圖標(biāo)、無(wú)文字標(biāo)簽、缺掉一部分的形式出現(xiàn)，那么恭喜你，你碰到了一只難得的蟲(chóng)子。導(dǎo)致這種情況的最可能的原因是：你在編譯完一本書(shū)之后，回到資源管理器把圖標(biāo)或者窗口標(biāo)識(shí)等文件移走了，然后又打開(kāi)一本書(shū)，然后編譯。這個(gè)時(shí)候，你編譯的第一本書(shū)顯示正常，但是第二本書(shū)就不正常了。毛病就出在你在沒(méi)有關(guān)閉WebCompiler2000一次的情況下就移動(dòng)走文件并繼續(xù)編譯。解決的辦法當(dāng)然是先關(guān)閉WebCompiler2000，然后再移動(dòng)文件，然后再打開(kāi)WebCompiler2000，然后再編譯輸出，然后再關(guān)閉WebCompiler2000，然后再移動(dòng)文件，然后再打開(kāi)WebCompiler2000，然后再編譯輸出…………………………哈哈，煩了？
