要是您已經建構一個空的新網站,就可以開始準備建立網頁資料,接著當然會新增許多文字、影像或是其它的資訊來豐富自己的網頁。在這一章裡,您將會瞭解到如何使用文字性的資料去豐富網頁,這些資料包含文字和數字。在微軟FrontPage建立新網頁的方法很像在一般文字處理軟體上建立新文件。因此,若是您以前有使用這類軟體的經驗-舉例來說,像是Word。您將會發現自己對FrontPage的使用和學習均駕輕就熟。
當然在往後的章節,也會學習到如何在網頁上新增其他的元件,例如:
第四章 會提到使用圖片的問題; 第五章 則是如何使用一些特殊的聲音、視訊片段等等,是不是蠻吸引人的?這是一個非常好的問題,因為許多書籍都會略過建立文字性內容這一部份。通常都會假設您已經有許多的資料,並且是井然有序、修飾過了,只是等著把這些資料放到漂亮的網頁上而已。實則不然,我想還是有許多人根本不太清楚自己有哪些資料可以上網,因此,這一部份便是要提供您這方面的建議。
以本章目的而言,筆者還是要假設您已經準備好所有的內容要放置到網頁上,但是,事實上當您開始任何實際上的網站作業之前,還是會有需要內容的問題。
筆者並不能很確切地告訴您要如何建立所需要的文字內容,因為我並不知道您所要做的是什麼,可能是在網頁上出版公司的行銷文獻、也可能是令人驚悚的真實犯罪小說或一些非營利組織的一些有用資訊等等。無論為何,筆者想提醒各位,在您開始網頁出版的計畫之前,您必須先做一項功課,那就是建構您的網頁資料來源。倘若您尚未準備好內容—尤其是文字性的內容,這可能是一件本末倒置的事!
資訊的收集與組織確實是對內或對外網頁出版過程中的一件難事,在此提及這件事是因為經驗告訴筆者:大部分的人都忽略的這一個步驟,想直接進入到技術部分,在此就讓筆者給您一些建議吧。不妨給自己幾天的時間去建立任何所需要的東西、能豐富網頁的資訊,例如格言、雜誌的文章或專欄資料等等。然後再花一、兩天編輯和瞭解內容的真實性,以確定內容不會出現任何錯誤,假設每件事都正常運作,大概每個網頁上的文章會花掉一個星期時間,對有十來篇文章的小網站而言,可能需要花三個月的時間。如果要在內部或外部網站上出版相當於500頁的書籍,可能要耗費四倍的精力。
假如您正在計畫一個更豐富的網站,當然所需的時間會更多。在此,筆者想強調的是:內容是任何一個好的網站之精華,且是索價不斐,當然更需要花時間製作。
依一般的常識認為,您需要時常更新網站上資料以爭取訪客下次的造訪。假設您同意這一個觀點—筆者認為您應該要認同,也就是要在一般規律性之基礎外所建構的內容以爭取訪客的下次來訪,也會有例外的情形,例如:您的網站是提供一些參考性的資料,包含線上的員工手冊、產品價格或技術性規格資訊和一些可以下載的檔案等等(例如網路報稅或是微軟的工具程式等等)。
筆者並不是想要打消您在Internet或Intranet上出版網頁的念頭,現在出版網頁的技術已經隨手可得,也為大家提供了無數的機會可以共享各式各樣的資訊。其實,筆者只是要您知道:出版網頁其實跟一般的出版事業,或者是電視製作的過程沒有兩樣,這一點是大部分的人沒有體認到的;因為出版網頁最關鍵的部分在於「內容」,而不是將內容傳播出去的方法。
坦白說,筆者要提醒您的是:您手邊可能已經有大量還未處理過的資料,或者已經處理了一半的資料,也可能您或您的公司早就已經蒐集並整理好大量文字性的資料,例如:產品的文獻、員工手冊和指南等等,甚至連年報或內部刊物都有,這樣您應該瞭解我的意思吧。筆者想強調的是:您一定要仔細地檢查這些文字資料,以確定它們是否適合放置於網路上供人閱讀。很多時候,只有某部分的資料—通常是客戶和員工最常問到的問題—才適合放在網頁上供人參考。
假如您僅有一點點資料要放到網頁上,筆者建議您可以在編輯網頁時直接鍵入(待會兒會再提到這一點)。但若要將大部分的資料放到電子檔,那意味著要將絕大多數的文字,以文字檔或是文書處理程式的檔案格式儲存(文書處理程式的檔案格式是使用文書處理軟體,例如:Word等軟體所產生的)。
您也許會想要其它以電子或數位方式的內容放到網頁上,換句話說,也就是說您需要掃瞄所需要的圖片、照片或是透過繪圖、影像編輯軟體重畫這些資料。但本章的範圍只討論文字資料的相關部分,便不再多加著墨,下一章將會提到圖片插入的部分。
要是您曾經建立過網站,我想各位已經躍躍欲試了。假如使用過微軟的Word這一個文書處理程式,您將會發現這一個鍵入文字的步驟與Word的操作方法非常類似。大部分的狀況是:在網頁上按一下您想要輸入文字的位置,定位後即可開始鍵入文字內容。
- 啟動FrontPage並開啟一個網站。

小技巧 |
背景執行的拼字檢查 當您鍵入文字時,FrontPage提供自動英文拼字和文法檢查的功能。任何拼字錯誤會以紅色的底線提示您,文法的錯誤則以綠色標示,其實這與Word的功能是一樣的。 |
小技巧 |
將文字轉為超連結 假如您輸入一串FrontPage可以辨識為網址的文字時,FrontPage會自動將這一串字轉換成連結到該網址的超連結。 |
請參閱 |
若要取得更多超連結的相關資訊,請參考 <建立超連結> 。 |

小技巧 |
關閉檢視列 您可以使用完全的FrontPage的視窗編輯網頁,欲達到此功能,您必須從 檢視 功能表關閉 檢視列 和 資料夾清單 。 |
小技巧 |
選取一個字或是一個段落 要選取一個字(對英文字而言)只要在這一個字上按兩下;要選取一個段落時,先按 |
小技巧 |
取消復原所做的動作 假如您要取消 復原 這一個指令時,只要到 編輯 功能表下選去 取消復原 指令即可,或者到 工具列 上選取 取消復原 的按鈕也可以。 |
- 假如您想復原上一個輸入的動作,請到 編輯 功能表下選取 復原...

- 先選取您所要修改的文字,若是一段字,就使用滑鼠從開始拖曳到結束的文字。


超連結的建立是繼文字部分後網頁上最重要的內容,因為網頁建立後,您必定也會建立諸多的超連結,所幸,FrontPage把這一個工作變的非常地簡單了。
- 選取您想要插入超連結的文字。


請參閱 |
請參閱 <使用書籤> 會提供更多關於超連結相關的資訊。 |
小技巧 |
編輯一個存在的超連結 要編輯一個存在的超連結,在超連結處按一下滑鼠的右鍵,並選擇功能表上 超連結內容 即可。 |
- 選取想要建立超連結的文字。
- 按一下在工具列上的 插入超連結 按鈕。

小技巧 |
不要建立在自己硬碟上的連結 除非您的網站出版在Intranet,且每個人有存取您硬碟或者網路資源的權力,否則建立此種超連結會在您出版網頁後無法進行連結,原因是路徑變了。所以建議您建立的超連結最好是連往自己的網站或是網際網路上的網站,這樣就不會因為網頁位置的變動而產生無法連結的問題。 |
小技巧 |
建立與FTP站的連結 要建立一個連往FTP站的超連結,只要在該FTP站名前(例如:ftp.microsoft.com)鍵入以ftp://為字首即可,例如: ftp://ftp.microsoft.com 就可以連往微軟在ftp.microsoft.com伺服器。 |
當建立超連結時,FrontPage會詢問您關於網路資源的通訊協定和網址(URL),若是您對網際網路有點概念,這些問題並不難回答。然而對初學者來說,可以迅速地得知上述這些東西的大概意思,或是如何使用,對他們會是蠻有幫助。
當談論到電腦或是網際網路,您可以以不同的方式使用「通訊協定」這個名詞。對於一個網頁出版者而言,您可以把這一個名詞想像成一種電腦間資訊流動的規範之集合。舉個例來說,全球資訊網是使用所謂的「超本文傳輸」的通訊協定(或者稱為HTTP)控制電腦間的資訊傳遞,但這並非全部,在網際網路上還有一些廣為流行的通訊協定,下列的表格便清楚地載明,提供您作參考。
對於網際網路的訪客,或是提供者使用不同的通訊協定,FrontPage也都能提供您除了HTTP以外,建立不同通訊協定的超連結。要建立不同通訊協定的超連結,只要在URL文字方塊裡鍵入該通訊協定的字首即可。下列的表格所列出的通訊協定可供您參考。
網際網路的通訊協定 |
通訊協定的字首 | 代表的意義 |
---|---|
ftp:// | 電腦間檔案傳輸的通訊協定 |
https:// | 這是一種編碼過的通訊協定,主要在全球資訊網上使用,透過此種協定,訪客在網路上傳遞的資訊可以受到保護不被竊取 |
news: | 這個通訊協定可以幫您連往網路新聞伺服器(News Server,或稱為網路論壇伺服器) |
telnet:// | 透過這個通訊協定可以將您的電腦模擬成終端機,然後可以連結到大電腦或是UNIX的主機,目前廣為流行的Internet BBS便是使用這種通訊協定 |
file:// | 檔案是儲存在自己的硬碟或是區域網路時所使用的通訊協定 |
URL(Uniform Resource Locator)是「一致性資源定位器」,也就是一般所講的網址,透過這個方法,可以確切地描述某項資源(可能是一個檔案等等)無論在網際網路上或是Intranet上位置,如此一來,不論您是要讀取檔案、或使用檔案等等都不成問題。舉例來說:下面這一個網址可以連往微軟網站上的某一文件, http://www.microsoft.com/misc/features.htm 。
一般而言,若是您建立了一個超連結,尤其當中包含了網際網路上的資源時,您需要提供三項資訊以構成一個完整的網址。
在網址上第一個部分就是通訊協定,例如:以http://或是https://為字首的網址就是要取用全球資訊網上的資源。您當然也可以如前面所提到的內容,使用其它的通訊協定便可以存取網路上的其它異於全球資訊網的資源,例如:FTP、NEWS等等。
網址上第二部分是伺服器的名稱,他隱含了資源所處的位置。若您習慣於個人電腦的環境,您可能會認為這似乎是多餘且麻煩的,但請記住一點:透過網際網路或是小型的Intranet上共享資訊時,是需要兩台電腦或網路,這種情況可能會是一台客戶端電腦或是網路(或許是您的桌上型電腦)和一台伺服器電腦或網路(這電腦或網路提供您所要的資源)。所以當您想從網際網路或是Intranet取得資訊時,需要告訴客戶端電腦伺服器的名稱,如此才可以對伺服器提出要求的動作。倘若要從微軟的網站上抓取一些資訊,這時就必須提供伺服器的名字,也就是www.microsoft.com,否則無法達成任務。
網址上第三部分則是最後需載明的檔案路徑。這一部份清楚地描述檔案或程式在伺服器上的位置,也就是所謂的路徑。就以http://www.microsoft.com/misc/features.htm這個網址來說,features.htm是檔名,而/misc/表示上述檔案所放置的路徑(位置)。經過上面的解說後,想必您對網址有深刻的瞭解,其實他代表的意義就是一種階層式的觀念,先指定使用的通訊協定,接著是伺服器的名稱,最後則是資料所處的位置,依序漸進。
偶而也可能想在網頁上插入一個文字物件而不直接在FrontPage裡輸入文字,這時如果已經有一個建立好的檔案(文書處理程式所建立的),您可以使用插入物件的方式將內容放到網頁上,如此可省下不少打字的時間,或者您可以運用此方法插入不在鍵盤上的符號,特別是要建立多國語言網站時相當有用。
- 使用滑鼠按一下您想將文字插入的位置。
- 按一下 插入 功能表裡的 檔案

小技巧 |
插入已經格式好的文字資料 假如在FrontPage轉換文件時發生錯誤(通常發生在試算表文件),請您先將文件存成 RTF 的格式,再做一次上述的動作即可。 |
- 使用滑鼠按一下您想插入符號的位置。
- 從 插入 功能表裡選取 符號

動手試試看 |
插入符號 按兩下符號視窗的符號就可以插入。 |
FrontPage提供Microsoft Office的拼字檢查和同義字工具。在您輸入所有的文字內容,並且修改完畢後,可以使用這一項功能幫助您找出拼字的誤謬,並可校正這些錯誤。當然也可以利用同義字工具來修飾您的內容。
- 從 工具 功能表裡選取 拼字檢查

小技巧 |
檢查網頁上某一部份內容 只想要對網頁上某一部份的內容作拼字檢查時,您只要先選定這一個範圍,再使用拼字檢查就行了。 |
請參閱 |
請參閱 <網站上的拼字檢查> 會提到如何對整個網站做拼字檢查。 |
- 選取您想要取代的字。
- 在 工具 表單下選取 同義字

動手試試看 |
探詢字的意義 您可以透過FrontPage同義字的功能,找出任何字的同義字,並可加以取代。 |
FrontPage當然也可以讓您使用在一般文字軟體上的 剪下、複製、貼上 使用滑鼠的方式剪貼、複製選取文字的方式稱之為拖放編輯,而大部分的應用軟體都支援。舉個例來說,選定文字後再使用滑鼠拖曳到其它地方,這就是先前提過的搬移;若是按著 您也可以在應用程式之間交換資料,舉個例來說,您可以開啟Word的文件和FrontPage的網頁,然後再使用上述的搬移與複製的技巧進行資料的交換,是不是蠻方便的。 在輸入、修飾網頁的文字內容之後,您可以考慮增加一些文字的效果,例如:粗體、斜體、底線,當然改變字的顏色引人注意也是不錯的好主意,其實這些文字的效果可以幫助您的網頁更活潑、更生動有趣,您不妨試試看。 假若瀏覽您網頁的訪客沒有您所設定的字型,瀏覽器會自動使用最相近的字型取代,但並不保證會像您先前的效果那麼好,所以如果您為了保險起見,還是使用預設字型就好了。 您可以透過 格式 功能表下的字型功能控制更多關於 字型 方面的設定。 要移除如粗體、斜體、底線等效果,只要先選擇要變更的文字,然後再按一次這些格式化的按鈕即可(使用這些效果時,按鈕會陷下去,移除時會恢復正常)。 所謂的「安全顯示的顏色」便是那些在FrontPage上與其它電腦上的瀏覽器看起來類似之顏色,也就是不會在FrontPage上可以顯示,卻無法在其它瀏覽器正常顯示的顏色。所以當您手動指定顏色時,請您節制地使用。 要在網頁上建立標題或副標題,您只要使用FrontPage內建的標題格式即可。這些格式包含六級:第一級(標題一)會顯示最大的字型,依此類推,第六級(標題六)就是最小的字型。 在整個網站上使用一致性的標題是一個很好的主意,所謂標題的一致性便是將每個網頁上的標題架構都保持一樣,例如:您在A網頁上使用標題一當作第一層的標題,最好也在其它的網頁上把第一層的標題設定為標題一,這有幫助於整個網站的美觀與易讀性。 一般來說我們會使用標題數較低的,例如:標題一或標題二當主標題;標題三或標題四等就當副標題。 接續剛剛一致性標題的部分,其實您可以在FrontPage裡新增樣式,如此可以更方便、更正確地控制諸如:邊界、儲存格墊充、框線大小等等。請選擇 格式 功能表下的 樣式 ,並按 新增 按鈕就會出現新增樣式的對話視窗,接著給個樣式名稱、設定格式就好了。 FrontPage支援一些段落階層格式,例如:縮排、段落的水平對齊方式、段落間的距離等等。建立段落的方法為:鍵入一段文字(不要按 並非每個訪客的螢幕解析度都是一樣的,因此除非是要將文字分離,否則請不要使用幫訪客分行,因為瀏覽器會自動幫訪客做這一件事。 您可以使用 一般工具列 下的 全部顯示 按鈕來控制顯示或隱藏網頁的元件(例如段落…符號等等)。 只要先按住 您可以使用工具列上的 複製格式 按鈕將某段文字的格式複製到其它段落,此一方式可以方便地完成格式複製之動作。 通常我們會在網頁裡,使用視覺化的水平線來將長長的段落分成數個部分,這不僅比較美觀,同時也有利於閱讀一段漫長的文章。 您可以將一般文字的剪貼方式應用在水平線上,如此一來您也可以方便地剪貼水平線。 當您的水平線之寬度設為100%,對齊方式會沒有作用。 若您使用佈景主題的功能,水平線的相關設定只能改變對齊方式。 除非您想要一個特殊的效果,否則最好將水平線的單位設定為 視窗縮放比例 ,可以自動隨著視窗的寬度變動,不會因為訪客的解析度而有差別。 您可以重新排列幾個段落,但請記住一點,每按一個 換句話說也就是要移除項目編號,其實很簡單,您只要先選取要變更的部分,再到 格式工具列 上的 編號 或 項目符號 按鈕按一下即可(原本陷下去的按鈕會恢復正常)。 要格式化項目或編號裡的文字跟格式化一般文字一樣,沒有特殊之處。 您可以在FrontPage裡設定其它的圖片為項目符號,方法為:選取 格式 功能表下的 項目符號及編號 ,出現項目符號及編號對話視窗後,按一下 圖片項目符號 ,接著按一下 瀏覽 按鈕選取圖片,完成後再按 確定 就成功了。 若是您使用佈景主題,項目符號及編號對話視窗便不會出現 一般項目符號 標籤。 共用樣式表(CSS;Cascading Style Sheets)就是FrontPage裡的樣式表,透過這個功能的運用,您可以更容易地管理網站的畫面,同時也可以令您的網站更加一致化。其實共用樣式表只是一個單純的文字檔,其中載明了一些格式化的資訊,例如:標題一用什麼顏色、超連結要使用什麼字型等等。更強的是您可以將網頁連結到網路上的共用樣式表,如此您的網頁就會依循檔案中所訂定的格式,筆者認為這的確是個蠻好的功能。 您可以透過使用 樣式表連結 功能在網頁裡加入多個樣式表,舉例來說,您可以有一個主要的樣式表,然後加入一個特殊情況用到的樣式表,最後再加一個某些段落會用到的樣式表,完全隨您心意而定。 若是您未曾使用過這類的東西,乍看之下可能會有點恐懼,不過應該還是看得出一些端倪的。樣式表中會包含樣式的名稱、規格或屬性,這樣一說您可能會大概瞭解了,其實可能裡面的RGB值的設定會叫您有點頭昏腦脹吧,不過您也可以使用一般對顏色的慣用語表示,例如:藍色就是blue等等。 請注意,共用樣式表只有在微軟的Internet Explorer 3.0以後的版本和網景的 Navigator 4.0以後的版本才有作用。 請參閱 <使用佈景主題> ,您會得到更多關於FrontPage預設的樣式表的資訊,說穿了那些「佈景主題」就是預設好的一些樣式表的集合。 假如您需要在網頁上加註解(對於寫程式的人來說,寫註解是一個好習慣,網頁嘛,應該也適用)提醒自己,當然這些註解不希望瀏覽網頁的人會見到,您便可以使用FrontPage提供的加上註解這一個功能就可以輕易達成。 當使用瀏覽器看網頁時,註解並不會顯示出來,除非訪客去看HTML原始碼,因此對訪客而言,這些註解是隱藏的。 只要按兩下原本註解的地方,您便可以修改或是新增註解。若是要刪除,選擇要刪除的註解(會反白)再按等功能,透過這些功能可以更方便地在網頁上搬移和複製文字內容。
鍵,拖曳文字到指定的地方即可。
小技巧 鍵再拖曳就變成了複製的功能了。
小技巧
。粗體
斜體
底線
小技巧
的下拉式功能表。小技巧 小技巧 小技巧
或 標示色彩 旁的 向下 按鈕。鍵。
小技巧 請參閱
下拉式功能表。鍵。
小技巧 小技巧 鍵)當作一個段落,換段落時,再按鍵就變成新的段落了。
小技巧 小技巧 小技巧 鍵,然後用滑鼠按一下這段落的任一行就可以選取整個段落。
小技巧
即可。小技巧 小技巧 小技巧 小技巧 鍵才是一個段落,項目符號及編號是靠
鍵來編排的,所以設定這功能後,FrontPage會自動在各個原來的段落前加入編號或者項目符號。
小技巧
。小技巧 動手試試看 小技巧
。
檔案 功能表下的 開啟新檔 ,然後再選 網頁 。小技巧
。小技巧 小技巧 請參閱
。小技巧 小技巧 鍵即可。
Copyright1997-2001 SoftChina Corporation. All rights reserved.