1、第7章 電子政務(wù)網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作7.1 網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.2 政府網(wǎng)站建設(shè)7.3 FrontPage 2002的應(yīng)用思考題與習(xí)題7.1 網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.1.1 網(wǎng)站的主題和內(nèi)容 1. 網(wǎng)站的主題 1) 主題選材一定要“適度” 所謂“適度”是對(duì)個(gè)人主頁或部門主頁而言，網(wǎng)站的主頁選材千萬不要做得太廣，主頁的內(nèi)容也不要包羅萬象。因?yàn)閷?duì)于一個(gè)個(gè)人或部門來說，其能力和時(shí)間都有限，不可能把每一欄的內(nèi)容都做得豐富多彩，也不可能有那么多的精力和時(shí)間去維護(hù)、去更新。當(dāng)然，對(duì)于一個(gè)大的政府部門、單位或公司來說，主頁選材可以做得比較廣，因?yàn)樗鼈兪怯袑?shí)力和能力做到這一點(diǎn)的。如果沒有這個(gè)

2、能力，卻把主頁做得樣樣俱全，結(jié)果只會(huì)樣樣都很膚淺，給人的感覺猶如蜻蜓點(diǎn)水，空洞無物，沒有主題，沒有特色，結(jié)果只能讓信息瀏覽者失望。 2) 題材的選擇最好是自己擅長或者是與本部門的職能特性結(jié)合比較密切的內(nèi)容 比如，擅長網(wǎng)頁設(shè)計(jì)，可以把網(wǎng)頁設(shè)計(jì)的技巧、經(jīng)驗(yàn)放在自己的主頁上，也可以編寫一些網(wǎng)頁設(shè)計(jì)的教程等供瀏覽者學(xué)習(xí)、下載；對(duì)游戲感興趣，可以設(shè)置游戲的排行榜、游戲的技巧、游戲的秘笈；對(duì)詩歌感興趣，可以放置自己的詩詞；對(duì)足球感興趣，可以報(bào)道最新的球場(chǎng)戰(zhàn)況等等。對(duì)于一個(gè)部門來說，網(wǎng)頁的制作應(yīng)與本部門的職能特性緊密結(jié)合。管理職能部門應(yīng)側(cè)重于管理機(jī)構(gòu)、管理權(quán)限、管理內(nèi)容等的宣傳；服務(wù)職能部門則應(yīng)側(cè)重于服務(wù)對(duì)

3、象、服務(wù)范圍、服務(wù)項(xiàng)目等的宣傳。這樣在制作時(shí)，才不會(huì)覺得力不從心或脫離實(shí)際。 3) 選材不要太濫，目標(biāo)定位不要太高 “太濫”是指到處可見，人人都有的題材；“目標(biāo)定位太高”是指在這一題材上已經(jīng)有非常優(yōu)秀、知名度很高的站點(diǎn)，因而要超過它是很困難的。 2. 網(wǎng)頁的內(nèi)容 內(nèi)容是最重要的。網(wǎng)頁內(nèi)容一定要精、專，這是吸引信息瀏覽者的首要條件。如果網(wǎng)頁上的內(nèi)容空洞無物，讓人讀起來索然無味，那么這樣的網(wǎng)頁誰會(huì)再次光顧? 所以網(wǎng)頁上的內(nèi)容必須有自己的獨(dú)創(chuàng)性、見解性。如個(gè)人網(wǎng)頁，可以在網(wǎng)頁上盡可能多地放置一些自己的作品。但是對(duì)于大多數(shù)的個(gè)人主頁創(chuàng)作者來說，完全靠自己創(chuàng)作的內(nèi)容畢竟為數(shù)不多。大部分人的做法是從報(bào)紙、

4、雜志、光盤等媒體中把相關(guān)的資料、圖片收集整理。建議內(nèi)容不要全部照搬他人的，應(yīng)適當(dāng)加入一些自己的文章、評(píng)論或見解。 此外，網(wǎng)頁上的內(nèi)容一定要勤于更新。Internet上不斷有新事物出現(xiàn)，每天都有新花樣。如果主頁從不改變，客戶很快就會(huì)厭倦。不妨在主頁上設(shè)置一個(gè)“What is new”欄目專門用來發(fā)布新內(nèi)容，或者也可以在頁頭以大字標(biāo)題宣布新消息。也可以定期改變主頁上的圖像，或更改主頁的式樣。同時(shí)，為了保持新鮮感，應(yīng)及時(shí)確保主頁提供的是最新信息。一個(gè)受歡迎的主頁必須做到天天更新甚至幾個(gè)小時(shí)更新一次。7.1.2 網(wǎng)站的組織 網(wǎng)站都是由一個(gè)個(gè)網(wǎng)頁組成的，網(wǎng)頁的組織是非常關(guān)鍵的，網(wǎng)頁組織的好壞直接關(guān)系到網(wǎng)

5、站的成功與否。一般來說，一個(gè)好的網(wǎng)頁應(yīng)該遵循以下兩個(gè)原則。 1要包含有一定的信息 一個(gè)好的網(wǎng)站，在它的網(wǎng)頁中應(yīng)該包含如下幾個(gè)基本要素。 (1) 網(wǎng)站的名稱。網(wǎng)站的名稱是很重要的，一個(gè)好的名稱，可能一下子就能讓人記住。如很多人都知道“Yahoo網(wǎng)站”，但知道它的IP地址或其域名的人就可能不多。 (2) 網(wǎng)頁的標(biāo)題。如同一篇文章的標(biāo)題一樣，讓人一下子就知道這一頁的主要內(nèi)容。 (3) 內(nèi)容。網(wǎng)頁的內(nèi)容非常重要，是瀏覽者最感興趣的部分。 (4) 指向主頁的鏈接或指向網(wǎng)站其他網(wǎng)頁的鏈接。網(wǎng)站設(shè)計(jì)有一個(gè)非常著名的原則“三次單擊”原則，即網(wǎng)站中的任何信息都可以最多單擊三次后找到，或單擊三次后用戶可進(jìn)入到與本

6、網(wǎng)站鏈接的任何網(wǎng)站主頁或其他網(wǎng)頁中。這樣做的目的是為了方便訪問者的瀏覽。 (5) 網(wǎng)站的聯(lián)絡(luò)方法。網(wǎng)站可進(jìn)行雙向信息交流，一方面提供信息給訪問者，另一方面應(yīng)該讓訪問者方便進(jìn)行交流，比如說訪問者發(fā)現(xiàn)網(wǎng)頁上有錯(cuò)誤或其他方面的問題時(shí)，可以與其聯(lián)系?？梢栽诰W(wǎng)頁中設(shè)置網(wǎng)站的聯(lián)絡(luò)方法，如提供IP地址、域名、電話、E-mail等。 (6) 網(wǎng)站的建立或更新日期。這些信息也是比較重要的，因?yàn)樗鼈兡軌蜃尀g覽者很快知道哪些信息是最新的。 (7) 版權(quán)說明。可以在網(wǎng)站中設(shè)置一個(gè)版權(quán)說明，當(dāng)被侵權(quán)時(shí)，就會(huì)有所幫助。 2網(wǎng)頁的長度要合適 一般來說，網(wǎng)頁的長度太短的話，就無法容納足夠多的內(nèi)容，也就無法提供足夠多的信息；反

7、之，若網(wǎng)頁的長度太長，首先其下載速度過慢，其次不方便瀏覽者的訪問，因?yàn)樗麄冃枰粩嗟胤瓌?dòng)屏幕，在滾動(dòng)屏幕的過程中也很容易錯(cuò)過網(wǎng)頁中的某些內(nèi)容。根據(jù)經(jīng)驗(yàn)，網(wǎng)頁的篇幅一般限制在2到3頁之內(nèi)為佳。7.1.3 網(wǎng)頁的版面設(shè)計(jì) 版面設(shè)計(jì)是一項(xiàng)非常重要的工作，它涉及到方方面面的內(nèi)容。因?yàn)樗糜邢薜目臻g，將各種文字和圖片有效地組合在一起。文字太多，顯得沉悶，缺乏生氣；圖片太多，缺少文字，就顯得信息量過少。圖片和文字又不能簡單地堆放在一起，同時(shí)還要考慮色調(diào)搭配問題。 在設(shè)計(jì)版面時(shí)，應(yīng)該努力做到整潔、美觀、主次分明、圖文并茂。版面又因人而異，每個(gè)人的興趣不同，喜歡的版式也不同，因而版面設(shè)計(jì)便沒有定式。那么如

8、何設(shè)計(jì)好自己的版面呢? 一般來說，可以依據(jù)以下幾個(gè)原則來設(shè)計(jì)版面。 1盡量簡潔 簡潔是版面設(shè)計(jì)最重要的原則。因?yàn)樵O(shè)計(jì)網(wǎng)頁的主要目的是為了發(fā)布信息，網(wǎng)頁上的信息是最精華的、最重要的，除此以外的東西均應(yīng)處于次要地位。不要將版面弄得過分花哨，雖然訪問者會(huì)被精美的動(dòng)畫和花哨的圖片所吸引，但訪問者真正關(guān)心的是網(wǎng)頁的內(nèi)容，如果網(wǎng)頁的內(nèi)容是有價(jià)值的，那么他們才會(huì)經(jīng)常光顧該網(wǎng)頁。 2主色調(diào) 色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。如果色彩處理不好，會(huì)顯得凌亂、庸俗，甚至還覺得刺眼。一般來說，網(wǎng)頁中的色彩不要超過三種，并且選用其中的一種色彩作為主色調(diào)，居主導(dǎo)地位。下面介

9、紹幾種常用的配色方案。 (1) 暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。 (2) 冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。 (3) 對(duì)比色調(diào)。即把色性完全相對(duì)的色彩搭配在空間里。例如，紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的對(duì)比效果，給人以亮麗、鮮艷、喜慶的感覺。 現(xiàn)在很多網(wǎng)站的色彩搭配都很講究，給人一種賞心悅目的感覺。 3善用表格 利用表格，可以隨心所欲地安排頁面，使頁面的內(nèi)容整齊有序，層次清晰。另外，當(dāng)圖片較大時(shí)，可以將其裁剪成小的圖片，再用表格將裁剪好的小圖片拼接

10、在一起，這樣可以提高下載速度。使用了表格，可使整個(gè)版面顯得整潔、有序、結(jié)構(gòu)清楚。7.1.4 網(wǎng)站的風(fēng)格 網(wǎng)站的風(fēng)格要統(tǒng)一。因?yàn)橐粋€(gè)網(wǎng)站是由很多個(gè)網(wǎng)頁組成的，如果每個(gè)網(wǎng)頁的風(fēng)格都不一樣的話，那么一定會(huì)使得整個(gè)網(wǎng)站顯得凌亂、不協(xié)調(diào)，甚至很容易使瀏覽者感到迷惑，不知自己是否還在同一個(gè)網(wǎng)站內(nèi)瀏覽，所以一定要使網(wǎng)站的風(fēng)格保持一致。特別是在一個(gè)網(wǎng)站由多個(gè)人來共同開發(fā)的情況下，更應(yīng)注意這個(gè)問題。 一般來說，要使網(wǎng)站的風(fēng)格保持一致，可以通過以下幾方面來著手。 (1) 版面設(shè)計(jì)要一致。如網(wǎng)頁的主色調(diào)、字體的風(fēng)格(包括字體的類型、大小、顏色等)等要一致。 (2) 網(wǎng)頁中的有代表性的東西要一致。如網(wǎng)站的名稱、網(wǎng)站的

11、徽標(biāo)、有代表性的圖形和動(dòng)畫等均要一致。 (3) 導(dǎo)航條的風(fēng)格要一致。導(dǎo)航條實(shí)際上就是一組鏈接，它可以告訴瀏覽者目前所在的位置，而且可以使瀏覽者很方便地轉(zhuǎn)向網(wǎng)站中的其他網(wǎng)頁。一般來說，在網(wǎng)站中的每一頁都要設(shè)置一個(gè)導(dǎo)航條，設(shè)置導(dǎo)航條的風(fēng)格要一致，如導(dǎo)航條在網(wǎng)頁中的位置要統(tǒng)一，所有的導(dǎo)航條要么都用文本，要么都用圖形，如果用的是文本的導(dǎo)航條，那么字體的大小、顏色均要統(tǒng)一。 為了保持整個(gè)網(wǎng)站的風(fēng)格統(tǒng)一，最好是使用CSS技術(shù)。CSS就是一種叫做樣式表(Style Sheet)的技術(shù)，也叫層疊樣式表(Cascading Style Sheet，CSS)技術(shù)。使用CSS技術(shù)，可以統(tǒng)一地對(duì)所有頁面的布局、字體、

12、顏色、行距、縮進(jìn)量、背景等進(jìn)行控制。 7.1.5 網(wǎng)頁的優(yōu)化 精彩的內(nèi)容，加上漂亮的圖片和迷人的動(dòng)畫無疑是吸引網(wǎng)民的一個(gè)好方法。但是一張圖片的大小往往是幾KB甚至達(dá)到幾十KB，動(dòng)畫則是圖片的幾倍甚至幾十倍，而網(wǎng)民大部分用Modem上網(wǎng)，目前其速度最快也只有56K，所以必須考慮傳輸帶寬的問題。試想一下，如果下載某一頁時(shí)需要十幾秒甚至更長的時(shí)間，那么網(wǎng)民還會(huì)有耐心去等待嗎? 還會(huì)再次光顧該網(wǎng)站嗎? 如果能做到既有豐富的內(nèi)容、漂亮的圖片和動(dòng)畫，同時(shí)其下載速度又快，那么這樣肯定會(huì)受到廣大網(wǎng)民的歡迎，肯定會(huì)再次光顧該網(wǎng)站。對(duì)網(wǎng)頁進(jìn)行優(yōu)化就是要平衡兩者，讓兩者達(dá)到最佳狀態(tài)，這可以從以下幾個(gè)方面來著手。 1

13、網(wǎng)頁的長度不要過長 一般來說，網(wǎng)頁的長度不要超過三屏為好。超過三屏?xí)咕W(wǎng)頁下載速度過慢，很容易使瀏覽者轉(zhuǎn)向其他的網(wǎng)站。 2使用的圖像宜小而精 俗話說“一圖頂千言”，一張小小的圖片，可以精確地表達(dá)意思。再說如果只有文本而沒有圖片，那么整個(gè)網(wǎng)頁會(huì)顯得枯燥無味，引不起網(wǎng)民的興趣。但是如果圖片過多，則會(huì)導(dǎo)致傳輸速度過慢，怎么解決這個(gè)問題呢? 一般來說，單張圖片的容量不得超過 30 KB，每頁圖片總量不要超過60 KB就可以了。這樣的下載速度是可以接受的。如果不得不使用大的圖片，那么可以把大圖片分割成幾個(gè)小圖片，然后在編輯器中設(shè)置間隔為零，這樣也可以加快其傳輸速度。 3定義圖片的尺寸(長度和寬度) 定義

14、圖片的尺寸雖然不能減少圖片的長度，但是可以加快網(wǎng)頁下載的速度。因?yàn)橛行g覽器每收到一張圖片，事先要算出圖片的尺寸才能顯示出來。如果事先設(shè)置好，那么瀏覽器就不必花時(shí)間去計(jì)算圖片的大小。再說如果事先設(shè)置好尺寸，那么瀏覽器在圖片還沒有完全下載時(shí)，就知道圖形的大小，這樣在下載的過程中它就可以安排圖片鄰近的文本了，否則的話，只有等圖片全部下載完畢后，計(jì)算其大小，然后再安排鄰近的文本。要設(shè)置圖片的大小，只要在HTML中加入語句即可。4正確選擇圖片格式表7-1 圖片格式的比較 5降低顏色數(shù)目 可以使用Photoshop等繪圖軟件來降低圖片的分辨率，以減少圖片的長度。這樣做出的圖片雖然看起來不及雜志上的那樣光

15、滑和細(xì)膩，但是只要清楚就可以了，很少有人在意它，關(guān)鍵的是其下載速度。 6慎用動(dòng)畫 動(dòng)畫的容量一般是圖像的幾十倍，所以在一頁中動(dòng)畫一般應(yīng)少于3個(gè)，并且每個(gè)動(dòng)畫要控制在15 KB內(nèi)。 7慎用Java程序 目前Java程序的運(yùn)行速度實(shí)在太慢，使用Java會(huì)使得網(wǎng)頁速度至少減慢50。由于瀏覽器的版本不同，有時(shí)候等候半天，卻告訴Java Applent不能啟動(dòng)。一般來說，每個(gè)頁面不要使用超過兩個(gè)以上的Java程序；能夠用Javascript替代效果的，則盡量不要使用Java。 8使用緩存 缺省情況下，瀏覽器在下載一個(gè)文件前，會(huì)先到緩沖區(qū)中查找；如果緩沖區(qū)中有相同的文件名則直接調(diào)出來，而不是從網(wǎng)站上下載。

16、那些在網(wǎng)站中重復(fù)出現(xiàn)的文件，比如徽標(biāo)、頁首或?qū)Ш綏l就不必一遍一遍地下載。這樣就大大加快了頁面的讀取速度。如果想禁止某一頁的緩存(Cache)的話，可以將如下代碼加入到HTML的Head區(qū)中： 7.1.6 主頁測(cè)試和主頁宣傳 1. 主頁測(cè)試 當(dāng)主頁設(shè)計(jì)完成后，必須經(jīng)過嚴(yán)密的測(cè)試，以找出盡可能多的錯(cuò)誤。測(cè)試的主要內(nèi)容包括：測(cè)試所有的超鏈接與導(dǎo)航系統(tǒng)按鈕是否真實(shí)可行、是否有拼寫錯(cuò)誤，以及代碼的完整性、瀏覽者的兼容性等。可以自己在本地測(cè)試；也可以找朋友測(cè)試；還有一種方法就是找一個(gè)專門測(cè)試主頁的站點(diǎn)(如http:/)，請(qǐng)?jiān)撜军c(diǎn)代為測(cè)試主頁。 注意：調(diào)試時(shí)至少要用兩種主流的瀏覽器(如Internet Ex

17、plorer和Netscape Navigator)來一頁一頁地測(cè)試，以保證所有的網(wǎng)頁均有不錯(cuò)的外觀且沒有任何錯(cuò)誤。此外，在測(cè)試的過程中，還應(yīng)該改變不同的分辨率(如640480和12801024)和不同的字體等設(shè)置，以保證絕大多數(shù)的瀏覽者都能看到比較滿意的效果。 2. 主頁宣傳 精心設(shè)計(jì)好了網(wǎng)站，卻發(fā)現(xiàn)偶爾只有一兩個(gè)網(wǎng)友訪問網(wǎng)站。也許這時(shí)你會(huì)失去信心并對(duì)自己的能力產(chǎn)生懷疑：是不是網(wǎng)站做得太差，吸引不了人？其實(shí)不然，因?yàn)槿绻患右孕麄鞯脑?，那么在“茫茫網(wǎng)?！敝泻苌贂?huì)有人知道你的網(wǎng)站，更談不上會(huì)光顧你的網(wǎng)站，所以只有加大宣傳，擴(kuò)大自己網(wǎng)站的知名度，才會(huì)吸引更多的網(wǎng)友訪問你的網(wǎng)站。那么如何推銷自己的

18、網(wǎng)站，擴(kuò)大自己網(wǎng)站的知名度呢? 這可以從以下幾個(gè)方面來著手。 (1) 到各搜索引擎注冊(cè)、登記。搜索引擎是網(wǎng)民搜索所需資料的主要手段之一，也是推銷、宣傳網(wǎng)站的主要方式。因?yàn)榫W(wǎng)民需要某些資料時(shí)，只需到搜索網(wǎng)站敲入相關(guān)的關(guān)鍵字，搜索引擎會(huì)返回一個(gè)網(wǎng)站的清單，如果他對(duì)某一個(gè)網(wǎng)站感興趣的話，那么他就會(huì)光顧該網(wǎng)站。所以你可以到各搜索引擎上注冊(cè)、登記。Internet上提供這樣的服務(wù)的網(wǎng)站很多，如Sohu、Yahoo等。 (2) 發(fā)E-mail通知?？梢园l(fā)E-mail給你的朋友，讓他們來分享你的成果。也可以發(fā)E-mail給網(wǎng)民，但是當(dāng)給不認(rèn)識(shí)的網(wǎng)民發(fā)通知時(shí)，態(tài)度要誠懇，如果他們表示不歡迎你的通知，那么就不要

19、再發(fā)E-mail給他們，否則，他們會(huì)認(rèn)為你是在制造垃圾郵件，很有可能會(huì)受到郵件炸彈的報(bào)復(fù)。 (3) 在各留言板上留言?？梢缘礁髁粞园迳?，用簡短的語言介紹你的網(wǎng)站。同時(shí)別忘了留下網(wǎng)址。 (4) 多參與論壇、新聞組的討論?？梢栽谡搲?、新聞組多發(fā)表一些有價(jià)值的觀點(diǎn)，借此來宣傳你的網(wǎng)站，提高網(wǎng)站的知名度。同樣，別忘了留下網(wǎng)址。 (5) 參加廣告交換組織。廣告交換是指在自己的網(wǎng)頁上顯示其他成員的網(wǎng)頁廣告。其他成員的網(wǎng)頁也會(huì)登出你的網(wǎng)頁廣告，如此達(dá)到相互宣傳的作用。國內(nèi)大大小小的此類組織較多, 比較著名的有網(wǎng)盟(http:/)、聯(lián)盟()等。 (6) 友情鏈接?？梢赃x擇一些訪問率比較高的主頁來進(jìn)行友情鏈接，

20、這樣光顧網(wǎng)站的朋友一定會(huì)多起來。 (7) 參加網(wǎng)站排行榜。如果覺得自己有實(shí)力，那么你不妨參加網(wǎng)站排行榜。如果你的網(wǎng)站有幸排到前幾十名甚至前幾名的話，那么你的網(wǎng)站的知名度肯定會(huì)大大提升，到時(shí)你的網(wǎng)站就會(huì)“門庭若市”了。7.1.7 網(wǎng)站的文件、目錄規(guī)劃和管理 在Intranet/Internet上，只要計(jì)算機(jī)上安裝了Web服務(wù)器，那么就可以成為一個(gè)Web站點(diǎn)。但是從安全、經(jīng)濟(jì)、效率等諸多方面考慮，沒有必要讓每一臺(tái)計(jì)算機(jī)都成為一個(gè)Web站點(diǎn)。因?yàn)樵黾右粋€(gè)站點(diǎn)必定要增加一定的經(jīng)濟(jì)投入；其次從安全上講，重要的信息要重點(diǎn)保護(hù)，如需要專人負(fù)責(zé)、需要專用機(jī)房和使用安全性能高的操作系統(tǒng)等。保護(hù)的重點(diǎn)主要是防止自

21、然因素和人為因素的破壞。其中自然因素主要考慮如地震、火災(zāi)、靜電等方面造成的損壞；人為因素主要考慮如黑客、病毒以及有意和無意造成的損壞等。計(jì)算機(jī)的性能也是影響Web網(wǎng)站運(yùn)行效率的因素之一。在同等情況下，計(jì)算機(jī)的性能越好，其響應(yīng)用戶請(qǐng)求的速度就越快。此外，還要考慮網(wǎng)絡(luò)的規(guī)模和網(wǎng)絡(luò)的負(fù)載。如果規(guī)模較大、地理分布較廣、用戶請(qǐng)求量大的，那么可以考慮建立多個(gè)鏡像的Web站點(diǎn)，以減少遠(yuǎn)程訪問和響應(yīng)時(shí)間，提高效率。 規(guī)劃好網(wǎng)站后，就該好好規(guī)劃Web站點(diǎn)的目錄和內(nèi)容了。這可以從以下幾個(gè)方面來考慮。 (1) 分門別類地將文件存放在不同的目錄下。不要將所有文件都存放在同一個(gè)目錄下，因?yàn)檫@樣不僅難以管理，而且也容易造

22、成文件名的沖突。試想一下，如果將所有文件都放在同一個(gè)目錄下，并且文件比較多的話，這樣常常搞不清哪些需要編輯、更新，哪些文件是無用的并可以刪除，哪些文件之間是相關(guān)聯(lián)的。如果網(wǎng)站有幾個(gè)欄目，那么可以按欄目分別建立各子目錄，并且建子目錄時(shí)，最好做到“見名思義”。比如有一欄關(guān)于硬件方面的內(nèi)容，可以在根目錄下建立一hardware子目錄，并且把關(guān)于硬件方面的文件全部放在該子目錄下。當(dāng)然，也可以建立像abc這樣的子目錄。很顯然前一種方法比較好。 (2) 在每個(gè)主目錄下建立獨(dú)立的images目錄。通常在根目錄下有一個(gè)images目錄，習(xí)慣上把所有欄目的圖片均放在該目錄下。這樣，如果圖片較多時(shí)，管理起來就很麻

23、煩。假設(shè)要?jiǎng)h除某一個(gè)欄目，這時(shí)就不能確定哪些圖片該刪，哪些圖片不該刪，所以應(yīng)該在每個(gè)主目錄下建立一個(gè)獨(dú)立的images目錄。這樣當(dāng)刪除某一欄目，或者打包某一欄目時(shí)就很方便。而根目錄下的images一般只放主頁的圖片和次欄目的圖片。 (3) 目錄的層次不要太多，建議不要超過3層。 (4) 不要使用中文文件名和中文目錄名。使用中文的名字可能對(duì)網(wǎng)址的正確顯示造成困難。 (5) 不要使用過長的目錄名。盡管服務(wù)器支持長文件名，但是太長的目錄名不便于記憶。 另外，如果某些文件是專供下載的，那么最好用比較通用的壓縮工具(如WINZIP、ARJ等)把它們進(jìn)行壓縮，并把它們放在合適的目錄下。這樣做不但可以節(jié)省磁

24、盤空間，而且更重要的是可減輕網(wǎng)絡(luò)的負(fù)載，加快下載速度。7.2 政府網(wǎng)站建設(shè)7.2.1 政府網(wǎng)站的內(nèi)容建設(shè) 為使政府部門在相對(duì)比較短的時(shí)間內(nèi)實(shí)現(xiàn)網(wǎng)上亮相，可分以下三個(gè)階段進(jìn)行： 第一階段，首先樹立政府上網(wǎng)的意識(shí)，其次可將政府的基本信息，如機(jī)構(gòu)設(shè)置、常規(guī)的文件在網(wǎng)上發(fā)布。 第二階段的任務(wù)是進(jìn)一步幫助政府機(jī)構(gòu)建設(shè)基于數(shù)據(jù)庫的內(nèi)部信息平臺(tái)(Intranet)和信息發(fā)布機(jī)制，使得上網(wǎng)的政府機(jī)構(gòu)能夠?qū)崿F(xiàn)電子化辦公，并能實(shí)時(shí)通過網(wǎng)絡(luò)發(fā)布更多、更有用的信息，例如國家法律、法規(guī)和各種規(guī)章制度，一些國家機(jī)構(gòu)辦事手續(xù)等等，同時(shí)建立信息收集和反饋機(jī)制，以便政府機(jī)關(guān)方便地通過網(wǎng)絡(luò)收集其他相關(guān)企事業(yè)單位或國家機(jī)關(guān)信息，從

25、普通用戶獲得反饋意見，以便更好地提高工作效率。將政府的對(duì)外服務(wù)項(xiàng)目，如辦理護(hù)照、海關(guān)報(bào)關(guān)、報(bào)稅、申請(qǐng)營業(yè)執(zhí)照等業(yè)務(wù)在網(wǎng)上進(jìn)行，至少可以先將辦理指南放上去，以達(dá)到將來簡化手續(xù)、一次辦理的目的。目前CNNIC申請(qǐng)域名就是通過網(wǎng)上辦理各種申請(qǐng)手續(xù)，最后一次交費(fèi)。 第三階段是將各政府網(wǎng)站連接起來，最終政府機(jī)關(guān)通過網(wǎng)絡(luò)實(shí)現(xiàn)“無紙化”辦公，不同政府機(jī)關(guān)之間通過網(wǎng)絡(luò)交換信息、下達(dá)文件和指示，政府機(jī)構(gòu)網(wǎng)上電子辦公、采購和電子商務(wù)等將融為一體，一般用戶可通過網(wǎng)絡(luò)辦理公務(wù)等。目前已建成并投入使用的部委網(wǎng)站中，信息產(chǎn)業(yè)部的網(wǎng)站和國家經(jīng)貿(mào)委的網(wǎng)站就是兩個(gè)比較好的例子。 信息產(chǎn)業(yè)部網(wǎng)站的內(nèi)容包括“部門介紹”、“統(tǒng)計(jì)信息

26、”、“政策法規(guī)”、“行業(yè)管理”、“企業(yè)之窗”及“近日動(dòng)態(tài)”等欄目。其中： “部門介紹”通過站點(diǎn)公開本部門的機(jī)構(gòu)組成、職能、辦事程序，提高工作的透明度，從而方便廣大人民群眾行使民主監(jiān)督的權(quán)利。 “統(tǒng)計(jì)信息”包括月度統(tǒng)計(jì)資料、年度統(tǒng)計(jì)公報(bào)、行業(yè)統(tǒng)計(jì)年鑒、統(tǒng)計(jì)分析、國外信息等。信息資源是社會(huì)的財(cái)富，我國政府部門掌握著全社會(huì)有價(jià)值信息資源的80，以及3000多個(gè)數(shù)據(jù)庫。通過網(wǎng)上數(shù)據(jù)庫可以將信息在最大范圍內(nèi)實(shí)現(xiàn)共享，為各級(jí)地方政府和企業(yè)在決策時(shí)提供重要依據(jù)。 “政策法規(guī)”包括法律、行政法規(guī)、行政規(guī)章、規(guī)章性文件、地方性法規(guī)和地方政府規(guī)章。信息產(chǎn)業(yè)部承擔(dān)著行業(yè)法規(guī)的起草和執(zhí)行任務(wù)，具有很高的權(quán)威，因此，通

27、過本部門的站點(diǎn)可以為社會(huì)各界提供最準(zhǔn)確的信息和最完備的解釋，對(duì)于國家政策的順利實(shí)施將起到積極的推動(dòng)作用。 “行業(yè)管理”包括本行業(yè)管理的有關(guān)文件。這些文件在網(wǎng)上的及時(shí)發(fā)布，為企事業(yè)單位和廣大人民群眾查閱了解提供了極大的便利。其中，“行業(yè)標(biāo)準(zhǔn)”列出了本行業(yè)的所有相關(guān)標(biāo)準(zhǔn)以及建議草案；“資費(fèi)索引”對(duì)本行業(yè)的收費(fèi)標(biāo)準(zhǔn)加以全面公布，便于人民群眾、社會(huì)各界監(jiān)督，有利于糾正當(dāng)前人民群眾反映強(qiáng)烈的亂收費(fèi)問題。 “企業(yè)之窗”介紹本行業(yè)重點(diǎn)骨干企業(yè)、科研院所等，起到了宣傳和服務(wù)的作用。 “近日動(dòng)態(tài)”對(duì)行業(yè)信息、新聞進(jìn)行實(shí)時(shí)發(fā)布，而且具有權(quán)威性。7.2.2 政府站點(diǎn)建設(shè)及規(guī)劃的基本原則 為規(guī)范和樹立我國各級(jí)政府在網(wǎng)

28、絡(luò)上的形象，政府站點(diǎn)的建設(shè)和規(guī)劃應(yīng)遵循如下原則。 1. 站點(diǎn)規(guī)劃統(tǒng)一的原則 確立中國政府中心導(dǎo)航站點(diǎn)，下設(shè)部委行署，再下為各部委的二級(jí)機(jī)構(gòu)連接到各省市的政府主機(jī)上。各部委主頁應(yīng)以“中華人民共和國部(行、署)”的形式出現(xiàn)，各省市政府的站點(diǎn)應(yīng)以“省(市)人民政府”或“省(市)局”的形式出現(xiàn)。各政府站點(diǎn)均應(yīng)設(shè)機(jī)構(gòu)設(shè)置、政府職能、政策法規(guī)、便民服務(wù)等基本欄目。 2. 域名規(guī)劃一致的原則 為了體現(xiàn)政府站點(diǎn)的正式性和權(quán)威性，所有部委級(jí)和省市級(jí)政府正式站點(diǎn)均以申請(qǐng)域名，域名統(tǒng)一規(guī)劃為并對(duì)應(yīng)一個(gè)多媒體網(wǎng)的域名，以便于169/163用戶訪問。各政府站點(diǎn)均應(yīng)使一個(gè)169網(wǎng)內(nèi)部IP地址對(duì)應(yīng)一個(gè)163網(wǎng)外部IP地址。

29、 3. 信箱規(guī)劃公開的原則 各政府部門的站點(diǎn)考慮設(shè)虛擬信箱。如江蘇省政府辦公電子信箱名為，以示正式、權(quán)威。 4. 網(wǎng)頁設(shè)計(jì)莊重的原則 政府站點(diǎn)的網(wǎng)頁設(shè)計(jì)應(yīng)簡潔、美觀，界面應(yīng)與政府形象相符，網(wǎng)頁大小應(yīng)有所限制，網(wǎng)頁須響應(yīng)及時(shí)，可以采用多種瀏覽器瀏覽，以便于檢索，同時(shí)具有純文本版本甚至外文版，以滿足不同用戶的需要。7.3 FrontPage 2002的應(yīng)用7.3.1 FrontPage 2002簡介 1. FrontPage 2002的特點(diǎn) FrontPage 2002是Microsoft Office 2002的組件之一，在FrontPage 2002中只要利用功能命令或工具按鈕，編輯網(wǎng)頁就如同

30、使用Word編輯文件一樣簡單。FrontPage 2002的主要特點(diǎn)如下。 1) 友好的操作界面 由于FrontPage 2002是Office 2002的組件之一，因此FrontPage 2002的操作方法及窗口界面與Office其他軟件基本一致，只要使用過Word或Excel，對(duì)FrontPage 2002的操作就不會(huì)有困難。另外，凡是由Office組件制作出的文件都可直接放入網(wǎng)頁中。 2) 所見即所得的編輯環(huán)境 在FrontPage 2002的普通視圖環(huán)境中，可使用“所見即所得”的工作方式，用最直接、最視覺化的方式來編輯文字、圖片、表格等，使完全不懂HTML語言的人能夠輕松制作出具有專業(yè)

31、效果的頁面。對(duì)于那些已熟練掌握了HTML語言的人，只需在HTML視圖模式中即可進(jìn)行HTML語法的編寫，可通過預(yù)覽模式窗口直接對(duì)頁面效果進(jìn)行查看。而且，可以在網(wǎng)頁中插入經(jīng)Photoshop、Microsoft GIF Animator及Ulead Cool 3D編輯處理過的圖像和動(dòng)畫，還可插入Java、ActiveX、JavaScript等應(yīng)用程序，產(chǎn)生各種特殊效果。 3) HTML的編輯功能 在FrontPage 2002界面中的“HTML”視圖模式下，有用來提供HTML源代碼的功能，在這里可以用HTML語言編寫頁面，也可對(duì)網(wǎng)頁視圖模式中制作的頁面進(jìn)行編輯和修改。 4) 使用模板與向?qū)?在Fr

32、ontPage 2002中也采用了Office組件中廣泛使用的“模板”及“向?qū)А惫δ?。用戶可通過對(duì)模板的套用，或按向?qū)Ыo出的提示，快速完成各類站點(diǎn)結(jié)構(gòu)的組建及網(wǎng)頁樣式的制定。 5) 套用主題 在FrontPage 2002中提供了60個(gè)預(yù)先設(shè)計(jì)好的主題，利用它們可以很快創(chuàng)建出具有統(tǒng)一風(fēng)格的美觀精致的站點(diǎn)或網(wǎng)頁。若不滿意，還可修改。 6) 繪制表格 在FrontPage 2002中使用表格，只需指定表格的行數(shù)、列數(shù)，也可使用工具按鈕直接繪制表格或清除不需要的部分。 7) 文件管理 FrontPage 2002具有強(qiáng)大的文件管理功能，對(duì)站點(diǎn)內(nèi)的文件可以進(jìn)行移動(dòng)、復(fù)制、刪除、換名等操作。 8) 更新

33、鏈接 在FrontPage 2002中，可以自動(dòng)測(cè)試、快速更新鏈接。 9) 建立站點(diǎn)結(jié)構(gòu) 使用FrontPage 2002可以直接在屏幕上創(chuàng)建站點(diǎn)結(jié)構(gòu)，并能自動(dòng)在頁面中加入鏈接導(dǎo)航欄。 10) 工作進(jìn)度 建立規(guī)模較大的站點(diǎn)往往需要多人合作，使用FrontPage 2002的任務(wù)列表功能，即可對(duì)每個(gè)人的工作任務(wù)進(jìn)行統(tǒng)籌管理及合理分配，使建站的工作有條不紊。 2. FrontPage 2002的啟動(dòng)與退出 1) 啟動(dòng)FrontPage 2002 啟動(dòng)FrontPage 2002有兩種方法： (1) 菜單啟動(dòng)：執(zhí)行“開始程序Microsoft FrontPage”命令啟動(dòng)FrontPage 2002

34、。 (2) 快捷方式啟動(dòng)：雙擊Office工具欄或桌面上的FrontPage 2002快捷圖標(biāo)啟動(dòng)。 2) 退出FrontPage 2002 單擊窗口右上角的“關(guān)閉”按鈕或執(zhí)行菜單“文件退出”命令，均可退出FrontPage 2002。7.3.2 FrontPage 2002界面介紹圖7-1 FrontPage 2002的界面 1. 視圖欄 在FrontPage窗口左側(cè)的視圖欄中列出了FrontPage的六種查看模式：網(wǎng)頁模式、文件夾模式、報(bào)表模式、導(dǎo)航模式、超鏈接模式和任務(wù)模式。 1) 網(wǎng)頁模式 網(wǎng)頁模式是FrontPage 2002提供給用戶編輯及制作網(wǎng)頁的工作模式，也就是說，所有編輯網(wǎng)頁

35、的工作都必須切換到此模式下才能進(jìn)行。啟動(dòng)FrontPage 2002時(shí)，默認(rèn)進(jìn)入網(wǎng)頁模式，如圖7-1所示。 2) 文件夾模式 在文件夾模式下可以查看站點(diǎn)中所有的網(wǎng)頁、圖形和文件，如圖7-2所示。FrontPage 2002將網(wǎng)頁編輯窗口劃分為兩個(gè)窗口，左側(cè)顯示站點(diǎn)的文件夾列表，右側(cè)顯示當(dāng)前文件夾下所包含的子文件夾和網(wǎng)頁文件，以及網(wǎng)頁文件夾的“名稱”、“標(biāo)題”、“大小”與“類型”，還可得到它的“修改日期”、“修改者”、“注釋”等信息。如果要按照上述類型對(duì)文件夾、網(wǎng)頁文件進(jìn)行排序，那么可直接單擊相應(yīng)的類型標(biāo)簽，F(xiàn)rontPage 2002將在窗口給出該文件類型的升序或降序排列結(jié)果。圖7-2 文件夾

36、視圖 3) 報(bào)表模式 通過報(bào)表模式，可以迅速地列出站點(diǎn)中的網(wǎng)頁、圖形和文件列表，然后通過運(yùn)行報(bào)表來列出慢速網(wǎng)頁、未鏈接的網(wǎng)頁、最近添加或更改的文件、斷開的超鏈接、組件錯(cuò)誤、檢查狀態(tài)、分配、類別、發(fā)布狀態(tài)或簽出狀態(tài)來分析站點(diǎn)，如圖7-3所示。圖7-3 報(bào)表視圖 4) 導(dǎo)航模式 在FrontPage中可以通過設(shè)置站點(diǎn)的導(dǎo)航結(jié)構(gòu)來管理其中導(dǎo)航欄的工作：可以放大到指定的節(jié)點(diǎn)，并且添加指向外部站點(diǎn)的超鏈接；還可以以最快速的方法構(gòu)建出一個(gè)網(wǎng)站的雛形，就像在紙上畫結(jié)構(gòu)圖一樣，而且網(wǎng)頁會(huì)依據(jù)結(jié)構(gòu)圖的形式自動(dòng)產(chǎn)生鏈接關(guān)系，如圖7-4所示。圖7-4 導(dǎo)航視圖 5) 超鏈接模式 超鏈接模式能夠以圖形化的方式來查看全

37、部指向或者來自一個(gè)具體的網(wǎng)頁或Microsoft Office文檔的鏈接項(xiàng)目，并且可視化地查看是否有任何斷開的鏈接，如圖7-5所示。圖7-5 超鏈接視圖 6) 任務(wù)模式 任務(wù)模式能夠跟蹤有哪些任務(wù)是需要被完成的，這些任務(wù)分配給了誰，并且能夠迅速地查看任務(wù)的狀態(tài)、說明和優(yōu)先級(jí)。 2編輯窗口 視圖欄右側(cè)的空白區(qū)域稱為編輯窗口，這是我們編輯網(wǎng)頁的工作區(qū)。 3網(wǎng)頁視圖方式欄 在編輯網(wǎng)頁時(shí)，F(xiàn)rontPage 2002提供了三種網(wǎng)頁視圖方式：普通方式、HTML方式和預(yù)覽方式。 1) 普通方式 在普通方式下，可以以所見即所得的方式編輯網(wǎng)頁，即透過最簡單的方式制作非常專業(yè)的網(wǎng)頁。編輯時(shí)的顯示同最終用瀏覽器瀏

38、覽時(shí)的顯示很相似。在該方式下可完成對(duì)網(wǎng)頁編輯的大部分工作。圖7-6所示是一個(gè)加入了圖片的網(wǎng)頁。 2) HTML方式 在HTML方式下，可以查看網(wǎng)頁的HTML源代碼，也可直接對(duì)源代碼進(jìn)行編輯，還可以編輯DHTML、腳本、ASP和XML。圖7-7所示為圖7-6所示內(nèi)容的HTML方式。圖7-6 普通方式圖7-7 HTML方式 3) 預(yù)覽方式 在預(yù)覽方式下，可以預(yù)覽網(wǎng)頁的結(jié)果。雖然FrontPage 2002已經(jīng)是個(gè)所見即所得的環(huán)境了，但網(wǎng)頁中的某些效果還是必須到能夠?yàn)g覽網(wǎng)頁的模式下觀看才會(huì)準(zhǔn)確，最快的方法就是馬上切換到預(yù)覽方式下進(jìn)行預(yù)覽。 預(yù)覽方式是在編輯網(wǎng)頁時(shí)隨時(shí)觀察網(wǎng)頁在瀏覽器中的實(shí)際情況。對(duì)靜

39、態(tài)的顯示，普通方式和預(yù)覽方式顯示相同；但對(duì)一些特殊效果，如動(dòng)態(tài)HTML，只有在預(yù)覽方式下才可以見到動(dòng)態(tài)的過程。當(dāng)然更準(zhǔn)確的方法是直接在瀏覽器里瀏覽。7.3.3 FrontPage 2002的基本操作 1. 新建網(wǎng)頁 在FrontPage 2002中，可以生成兩種網(wǎng)頁，即空白網(wǎng)頁和模板網(wǎng)頁。不同的網(wǎng)頁，其創(chuàng)建方法也不同。不論新建了哪一種網(wǎng)頁，都有一個(gè)臨時(shí)的名稱，即new_page_X.htm，其中X是一個(gè)數(shù)字，代表了新建網(wǎng)頁的個(gè)數(shù)。下面具體進(jìn)行介紹。 1) 新建空白網(wǎng)頁 啟動(dòng)FrontPage 2002之后，系統(tǒng)會(huì)自動(dòng)建立一個(gè)默認(rèn)的空白網(wǎng)頁。當(dāng)需要再建立新的網(wǎng)頁時(shí)，可以單擊菜單欄中的【視圖】/【

40、任務(wù)窗格】命令，打開任務(wù)窗格。然后單擊其“空白網(wǎng)頁”選項(xiàng)(如圖7-8)，即可建立一個(gè)新的空白網(wǎng)頁。圖7-8 “空白網(wǎng)頁”選項(xiàng) 2) 新建模板網(wǎng)頁 所謂模板網(wǎng)頁，就是一些已經(jīng)預(yù)置了各種樣式的網(wǎng)頁，在這些網(wǎng)頁中，所有的格式都已經(jīng)設(shè)置好了，用戶只需修改其中的內(nèi)容就可以得到所需的網(wǎng)頁。FrontPage 2002的模板功能為用戶快速創(chuàng)建外觀專業(yè)、布局規(guī)范的網(wǎng)頁提供了很大的方便。 下面我們以“常規(guī)”模板為例，介紹一下如何創(chuàng)建模板網(wǎng)頁。單擊【任務(wù)窗格】中的“網(wǎng)頁模板”選項(xiàng)，即彈出“網(wǎng)頁模板”對(duì)話框。在該對(duì)話框中有三個(gè)標(biāo)簽，分別是“常規(guī)”、“框架網(wǎng)頁”和“樣式表”，我們選擇“常規(guī)”標(biāo)簽，如圖7-9所示。在對(duì)

41、話框左側(cè)選擇一種模板，則在右側(cè)就可以預(yù)覽。單擊【確定】按鈕，就會(huì)生成基于此模板的網(wǎng)頁。圖7-9 “網(wǎng)頁模板”對(duì)話框3) 保存網(wǎng)頁圖7-10 “另存為”對(duì)話框 單擊按鈕，則彈出“設(shè)置網(wǎng)頁標(biāo)題”對(duì)話框，如圖7-11所示。 在“網(wǎng)頁標(biāo)題”文本框中輸入網(wǎng)頁標(biāo)題，當(dāng)訪問者在瀏覽器中打開網(wǎng)頁時(shí)，標(biāo)題欄中將顯示網(wǎng)頁的標(biāo)題。單擊【確定】按鈕，返回“另存為”對(duì)話框；點(diǎn)擊【保存】按鈕，即可保存該網(wǎng)頁。圖7-11 “設(shè)置網(wǎng)頁標(biāo)題”對(duì)話框 2 . 創(chuàng)建文字 FrontPage 2002中對(duì)于文字與圖像的處理與Word很相似，用過Word的人對(duì)于FrontPage中這部分的操作是很容易上手的。不過，畢竟是網(wǎng)頁制作軟件，

42、在Web的基礎(chǔ)上，又增加了很實(shí)用的功能，能做出復(fù)雜而且高級(jí)的網(wǎng)頁文字與圖像。與以前版本相比較，F(xiàn)rontPage 2002在這方面進(jìn)行了改進(jìn)，更貼近普通用戶，在輕輕松松地點(diǎn)擊鼠標(biāo)之后就可以做出以往還要通過粘貼HTML代碼這樣煩瑣的步驟才能做出的效果。 FrontPage中對(duì)于文字處理基本集中在【格式】菜單欄里?！靖袷健坎藛螜谥械倪x項(xiàng)是用來協(xié)調(diào)整個(gè)網(wǎng)頁以及整個(gè)網(wǎng)站的內(nèi)容編制，也是個(gè)較常用到的菜單欄，如圖7-12所示。 圖7-12 【格式】菜單欄 在FrontPage 2002中創(chuàng)建文字的方法大致分兩種：輸入和導(dǎo)入。 (1) 輸入文字：新建一個(gè)網(wǎng)頁，輸入文字就可以開始編輯網(wǎng)頁了，其界面如圖7-13

43、所示。圖7-13 在新建網(wǎng)頁中輸入文字 (2) 導(dǎo)入文字：通過【粘貼】能將在此之前在任何程序中復(fù)制或者剪切的文字創(chuàng)建到當(dāng)前編輯網(wǎng)頁中，【編輯】菜單欄中的選項(xiàng)與之有關(guān)。還可以通過【插入】菜單欄中的“文件”選項(xiàng)導(dǎo)入文字，包括 .txt、.doc、.htm等純文本或者包含文字的文件。 3. 編輯文字 (1) 字體設(shè)置：選擇【格式】菜單欄中的“字體”選項(xiàng)，出現(xiàn)“字體”對(duì)話框，如圖7-14所示。圖7-14 “字體”對(duì)話框 字體：選擇需要的字體。字體文件都保存在windows目錄中的fonts子目錄中，可以自行刪改或添加。 字形：有“常規(guī)”、“傾斜”、“加粗”和“加粗傾斜”四個(gè)選項(xiàng)。一般來說，正文選用“常

44、規(guī)”，“加粗”用于標(biāo)題，“傾斜”則用于突出正文中的內(nèi)容以及使文字美觀。 字號(hào)：可以直接在輸入框中輸入需用的字號(hào)，也可以在選項(xiàng)中選取。一般來說，在瀏覽器中9磅和10.5磅看起來最美觀最舒服。 字符間距：這個(gè)分頁中的選項(xiàng)是用來進(jìn)行行距設(shè)置以及文字定位的。 預(yù)覽：無論在“字體”對(duì)話框中進(jìn)行什么操作，都可以在預(yù)覽框中看到樣品，方便選取合適的搭配。 (2) 段落設(shè)置：選擇【格式】菜單欄中的“段落”選項(xiàng)，彈出“段落”對(duì)話框，如圖7-15所示。 對(duì)齊方式：設(shè)置整個(gè)段落在頁面中的位置。常用的為居中。 縮進(jìn)：調(diào)整段落與左右邊界的距離。首行縮進(jìn)是用來設(shè)置各段第一行的。 段落間距：設(shè)置段落與段落之間的距離。 對(duì)段落

45、的操作和字體一樣，可以在預(yù)覽框中觀察。 當(dāng)然，以上這些操作都可以在工具欄(如圖7-16)中通過對(duì)應(yīng)圖標(biāo)按鈕來實(shí)現(xiàn)。 圖7-15 “段落”對(duì)話框圖7-16 工具欄 此外，【格式】菜單欄中的“項(xiàng)目符號(hào)與編號(hào)”選項(xiàng)也可以用來設(shè)置文字段落的排列，文字的一般處理基本上都與Word相似。 4. 創(chuàng)建圖像 在FrontPage 2002中對(duì)于創(chuàng)建圖像的操作基本上集中在【插入】菜單欄里的“圖片”選項(xiàng)中，如圖7-17所示。圖7-17 【插入】-圖片菜單欄(1) 剪貼畫：圖7-18 插入剪貼畫 (2) 來自文件：導(dǎo)入本機(jī)或者局域網(wǎng)中的圖片。與剪貼畫比較，該方式所獲得圖像的質(zhì)量、類型和格式都很豐富，是最常用的導(dǎo)入圖

46、像方式。 (3) 新建圖片庫：主要用于制作排列眾多圖片的頁面, 針對(duì)樣品列舉、圖片欣賞等。在打開的對(duì)話框中，點(diǎn)擊添加導(dǎo)入所需要的圖片，設(shè)置好縮略圖的大小后，在四種布局中選擇一種適合用戶的(如圖7-19), 單擊后，按【確定】按鈕, 一張布滿圖像的頁面就生成了。圖7-19 圖片庫 5. 網(wǎng)頁布局 通常網(wǎng)頁的布局使用到的是FrontPage 2002中的表格和框架菜單欄里的命令。表格（Table）是將頁面中的內(nèi)容以表格的形式排列，常用于單一頁面內(nèi)圖片與文字的安排，是最常用的布局命令。 1) 表格 表格的使用十分簡單，一般包含以下兩個(gè)操作： (1) 插入表格。點(diǎn)擊“表格”菜單中的“插入表格”選項(xiàng)，在

47、彈出的對(duì)話框中可以對(duì)所需表格的行列數(shù)及邊框?qū)傩赃M(jìn)行設(shè)置，如圖7-20所示。插入一個(gè)樣表，自己調(diào)整它在整個(gè)網(wǎng)頁中的位置，為以后填充內(nèi)容做好準(zhǔn)備。圖7-20 插入表格對(duì)話框 (2) 修改表格樣式。單擊已經(jīng)插入的表格，在彈出的菜單中選擇表格屬性選項(xiàng)。彈出的對(duì)話框可以讓你對(duì)表格的外觀進(jìn)行設(shè)置，如圖7-21所示?；旧铣诵辛袛?shù)這些需要使用插入行列等菜單完成的功能外，在此設(shè)置的大都和表格的外觀有關(guān)。圖7-21 表格屬性 FrontPage 2002的新功能：表格自動(dòng)套用格式提供了快速而簡便的方法，來創(chuàng)建具有專業(yè)化外觀的表格。用戶可以選擇他們想要使用的樣式，可以自動(dòng)更改表格的邊框、底紋和顏色。使用新的填充

48、表格，用戶可以將一個(gè)單元格的內(nèi)容快速地重復(fù)輸入到該單元格右側(cè)的單元格中（向右填充），或輸入到其下面的單元格中（向下填充）。當(dāng)用戶想要將相同內(nèi)容復(fù)制到多個(gè)單元格中時(shí)，該功能將節(jié)約用戶的時(shí)間。拆分表格讓用戶能夠?qū)⑷魏挝恢玫谋砀窨焖俣菀椎夭痖_。當(dāng)用戶想要在表格的各行之間添加文本或圖形時(shí)，這會(huì)很方便。 2) 框架 框架是在同一瀏覽器窗口中顯示多個(gè)相互隔離的HTML頁的結(jié)構(gòu)。使用框架組織頁面時(shí)，每個(gè)框架顯示一個(gè)不同的獨(dú)立頁面或者圖像，你可以將一些框架中的內(nèi)容永遠(yuǎn)保留在瀏覽器窗口中，而其余窗口則發(fā)生改變。 與以往的FrontPage一樣，在FrontPage 2002中可以非常方便地利用框架來組織頁面。

49、一般地，利用框架組織Web頁面需要經(jīng)過如下步驟： (1) 創(chuàng)建框架。在FrontPage 2002中，點(diǎn)擊新建圖標(biāo)旁的小三角調(diào)出新建網(wǎng)頁模板選擇窗口，選擇滿意的模板創(chuàng)建框架Web頁面，如圖7-22所示。如果沒有模板符合需要，你可以選擇最接近的風(fēng)格，然后改變框架大小或者增加框架以得到想要的結(jié)構(gòu)。圖7-22 網(wǎng)頁模板 (2) 設(shè)置框架屬性。點(diǎn)擊頁面右鍵菜單中的框架屬性，在彈出的對(duì)話框中設(shè)置框架屬性，如圖7-23所示。用戶可以指定框架名稱，控制框架之間邊界的大小，在一個(gè)框架內(nèi)是否允許滾動(dòng)等。 在顯示滾動(dòng)條選項(xiàng)框中選擇在該框架中是否允許存在滾動(dòng)條。點(diǎn)擊【框架網(wǎng)頁】按鈕進(jìn)入該框架的頁面屬性設(shè)置窗口。在框架間距標(biāo)簽中可設(shè)置框架之間的邊界的寬窄，也可以取消顯示邊框的選項(xiàng)，不顯示框架邊框。需要注意的是，框架之間的邊界越大，用戶觀看頁面就越困難。