2007-09-03 08:53
【閱讀聲明】
本教程系
e類(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)看下面這段文字——
“e類(lèi)出版物”是一個(gè)文學(xué)、計(jì)算機(jī)技術(shù)、電子出版相結(jié)合的站點(diǎn),內(nèi)容包括:制作發(fā)行各種格式(目前只限于PC機(jī))的電子圖書(shū)、電子圖書(shū)制作、閱讀軟件(目前只限于PC機(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)看看下面這段文字——
“e類(lèi)出版物”是一個(gè)文學(xué)、計(jì)算機(jī)技術(shù)、電子 [回車(chē)]
出版相結(jié)合的站點(diǎn),內(nèi)容包括:制作發(fā)行各種格式(目[回車(chē)]
前只限于PC機(jī))的電子圖書(shū)、電子圖書(shū)制作、閱讀軟[回車(chē)]
件(目前只限于PC機(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è)性化,您也可以加入這3項(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的界面如圖1所示。
圖1
下面我們就拿一個(gè)具體的例子來(lái)講解一下文檔處理的過(guò)程。
例如,我們現(xiàn)在手頭有一個(gè)含有強(qiáng)制回車(chē)、且段落之前沒(méi)有空格的頁(yè)面。如圖2。
圖2
我們現(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è)全角空格,如圖3所示。
圖3
然后單擊“全換”按鈕,此時(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法,如圖4所示。
圖4
此時(shí)文檔中的所有空格均刪除了。那么怎么加入正常的段落之間的回車(chē)呢?大家可能還記得,我們上邊為每一個(gè)段落之前都加入了兩個(gè)全角的空格,OK,我們現(xiàn)在就利用這兩個(gè)全角空格來(lái)實(shí)現(xiàn)我們的目的。具體操作如下:
在“查找什么”中輸入兩個(gè)全角空格(方法見(jiàn)上),在替換為中輸入一個(gè)“\n”和兩個(gè)全角空格,如圖5所示。
圖5
單擊“全換”按鈕……看一下,文檔中的強(qiáng)制回車(chē)已經(jīng)被我們?nèi)咳サ袅?,并且我們還保留了段落之間正常的回車(chē)符,另外每一個(gè)段落之前的兩個(gè)中文全角空格我們也已經(jīng)加上了。OK,現(xiàn)在文檔就算處理完了,如果你已經(jīng)制作好了頁(yè)面模板文件,現(xiàn)在就可以把文字直接拷貝到里面去了。(處理后的文字如圖6所示)
圖6
小結(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ū)封面的例子,如圖7:
圖7
《情斷楓橋》——從書(shū)名來(lái)看,我們要么突出“情斷”,要么突出“楓橋”。但是“楓橋”是什么?布滿(mǎn)了楓葉的橋??我說(shuō)不清楚,只有看完了這本書(shū)我們才能知道。所以,在還沒(méi)有閱讀完圖書(shū)之前(或者干脆沒(méi)有時(shí)間閱讀),我們可以突出“橋”字。OK,既然已經(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)看效果圖,如圖8:
圖8
其中的一些顏色和圖形的繪制我想大家應(yīng)該都會(huì),我這里就不多說(shuō)了。主要給大家說(shuō)一下“切片”的時(shí)候需要注意的事情。
我們?cè)谠O(shè)計(jì)頁(yè)面的時(shí)候,必須留下一片區(qū)域用于盛放文字。而且由于文字有的多、有的少,還要注意橫向和縱向的大?。翰荒茏屪职涯阍O(shè)計(jì)的圖形破壞掉。請(qǐng)看下面我對(duì)圖形做的切片,如圖9:
圖9
由于切片是按照表格方式導(dǎo)入HTML頁(yè)面的,圖9中的三塊綠色的區(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屬性面板可以找到,如圖10:
圖10
以上是對(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ò)的選擇。
例如e類(lèi)出版物的圖標(biāo)和標(biāo)識(shí)是比較統(tǒng)一的,如圖11:
圖11
就是這樣一個(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”,如圖12所示
如圖12
在彈出的窗口中選擇你剛才制作好的圖書(shū)所在目錄,并選中首頁(yè)面(一般來(lái)講,即封面),單擊“打開(kāi)”,如圖13所示。
如圖13
【注意】圖書(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...”,如圖14所示。
如圖14
此時(shí)彈出Compiler Options窗口,如圖15所示。
如圖15
選擇Output Executable File右下方的Browse按鈕,選擇一個(gè)路徑和文件名,用于保存圖書(shū)文件。
單擊OK按鈕,選擇菜單“File”->“Compile...”,此時(shí)出現(xiàn)編譯窗口,如圖16所示。
如圖16
編譯完成后,可以單擊“Test”按鈕測(cè)試編譯輸出的結(jié)果。
OK,我們的第一本電子圖書(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è)置卡
如圖17所示,解釋請(qǐng)參看圖中的說(shuō)明:
圖17
接下來(lái)是Functionality[功能]選項(xiàng)卡,如圖18所示。這里我只選擇了一些重要和必要的選項(xiàng)進(jìn)行了注釋?zhuān)渌δ芤话悴挥美頃?huì)。其中,黑色的注釋是我制作圖書(shū)時(shí)必選的。
圖18
接下來(lái)是Appearance[外觀]選項(xiàng)卡,如圖19所示。同上,黑色的是我制作電子書(shū)必選和必去掉的功能。
圖19
最后一個(gè)較重要的標(biāo)簽:Branding[標(biāo)識(shí)]選項(xiàng)卡,如圖20所示。
圖20
以上我所示例給大家看得是我每次做書(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ū)效果,如圖21所示。
圖21
到現(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,然后再編譯輸出…………………………哈哈,煩了?