電子政務(wù)理論與實(shí)務(wù)第7章課件

第7章電子政務(wù)網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作7.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.2政府網(wǎng)站建設(shè)7.3FrontPage2002的應(yīng)用思考題與習(xí)題第7章電子政務(wù)網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作7.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制17.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.1.1網(wǎng)站的主題和內(nèi)容1.網(wǎng)站的主題1)主題選材一定要“適度”所謂“適度”是對個(gè)人主頁或部門主頁而言，網(wǎng)站的主頁選材千萬不要做得太廣，主頁的內(nèi)容也不要包羅萬象。因?yàn)閷τ谝粋€(gè)個(gè)人或部門來說，其能力和時(shí)間都有限，不可能把每一欄的內(nèi)容都做得豐富多彩，也不可能有那么多的精力和時(shí)間去維護(hù)、去更新。當(dāng)然，對于一個(gè)大的政府部門、單位或公司來說，主頁選材可以做得比較廣，因?yàn)樗鼈兪怯袑?shí)力和能力做到這一點(diǎn)的。如果沒有這個(gè)能力，卻把主頁做得樣樣俱全，結(jié)果只會(huì)樣樣都很膚淺，給人的感覺猶如蜻蜓點(diǎn)水，空洞無物，沒有主題，沒有特色，結(jié)果只能讓信息瀏覽者失望。7.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.1.1網(wǎng)站的主2

2)題材的選擇最好是自己擅長或者是與本部門的職能特性結(jié)合比較密切的內(nèi)容比如，擅長網(wǎng)頁設(shè)計(jì)，可以把網(wǎng)頁設(shè)計(jì)的技巧、經(jīng)驗(yàn)放在自己的主頁上，也可以編寫一些網(wǎng)頁設(shè)計(jì)的教程等供瀏覽者學(xué)習(xí)、下載；對游戲感興趣，可以設(shè)置游戲的排行榜、游戲的技巧、游戲的秘笈；對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報(bào)道最新的球場戰(zhàn)況等等。對于一個(gè)部門來說，網(wǎng)頁的制作應(yīng)與本部門的職能特性緊密結(jié)合。管理職能部門應(yīng)側(cè)重于管理機(jī)構(gòu)、管理權(quán)限、管理內(nèi)容等的宣傳；服務(wù)職能部門則應(yīng)側(cè)重于服務(wù)對象、服務(wù)范圍、服務(wù)項(xiàng)目等的宣傳。這樣在制作時(shí)，才不會(huì)覺得力不從心或脫離實(shí)際。2)題材的選擇最好是自己擅長或者是與本部門33)選材不要太濫，目標(biāo)定位不要太高“太濫”是指到處可見，人人都有的題材；“目標(biāo)定位太高”是指在這一題材上已經(jīng)有非常優(yōu)秀、知名度很高的站點(diǎn)，因而要超過它是很困難的。3)選材不要太濫，目標(biāo)定位不要太高4

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)頁上盡可能多地放置一些自己的作品。但是對于大多數(shù)的個(gè)人主頁創(chuàng)作者來說，完全靠自己創(chuàng)作的內(nèi)容畢竟為數(shù)不多。大部分人的做法是從報(bào)紙、雜志、光盤等媒體中把相關(guān)的資料、圖片收集整理。建議內(nèi)容不要全部照搬他人的，應(yīng)適當(dāng)加入一些自己的文章、評論或見解。2.網(wǎng)頁的內(nèi)容5此外，網(wǎng)頁上的內(nèi)容一定要勤于更新。Internet上不斷有新事物出現(xiàn)，每天都有新花樣。如果主頁從不改變，客戶很快就會(huì)厭倦。不妨在主頁上設(shè)置一個(gè)“Whatisnew”欄目專門用來發(fā)布新內(nèi)容，或者也可以在頁頭以大字標(biāo)題宣布新消息。也可以定期改變主頁上的圖像，或更改主頁的式樣。同時(shí)，為了保持新鮮感，應(yīng)及時(shí)確保主頁提供的是最新信息。一個(gè)受歡迎的主頁必須做到天天更新甚至幾個(gè)小時(shí)更新一次。此外，網(wǎng)頁上的內(nèi)容一定要勤于更新。Inter67.1.2網(wǎng)站的組織網(wǎng)站都是由一個(gè)個(gè)網(wǎng)頁組成的，網(wǎng)頁的組織是非常關(guān)鍵的，網(wǎng)頁組織的好壞直接關(guān)系到網(wǎng)站的成功與否。一般來說，一個(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)容。7.1.2網(wǎng)站的組織7(3)內(nèi)容。網(wǎng)頁的內(nèi)容非常重要，是瀏覽者最感興趣的部分。(4)指向主頁的鏈接或指向網(wǎng)站其他網(wǎng)頁的鏈接。網(wǎng)站設(shè)計(jì)有一個(gè)非常著名的原則——“三次單擊”原則，即網(wǎng)站中的任何信息都可以最多單擊三次后找到，或單擊三次后用戶可進(jìn)入到與本網(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ǎng)頁中設(shè)置網(wǎng)站的聯(lián)絡(luò)方法，如提供IP地址、域名、電話、E-mail等。(3)內(nèi)容。網(wǎng)頁的內(nèi)容非常重要，是瀏覽者最感8(6)網(wǎng)站的建立或更新日期。這些信息也是比較重要的，因?yàn)樗鼈兡軌蜃尀g覽者很快知道哪些信息是最新的。(7)版權(quán)說明?？梢栽诰W(wǎng)站中設(shè)置一個(gè)版權(quán)說明，當(dāng)被侵權(quán)時(shí)，就會(huì)有所幫助。(6)網(wǎng)站的建立或更新日期。這些信息也是比9

2．網(wǎng)頁的長度要合適一般來說，網(wǎng)頁的長度太短的話，就無法容納足夠多的內(nèi)容，也就無法提供足夠多的信息；反之，若網(wǎng)頁的長度太長，首先其下載速度過慢，其次不方便瀏覽者的訪問，因?yàn)樗麄冃枰粩嗟胤瓌?dòng)屏幕，在滾動(dòng)屏幕的過程中也很容易錯(cuò)過網(wǎng)頁中的某些內(nèi)容。根據(jù)經(jīng)驗(yàn)，網(wǎng)頁的篇幅一般限制在2到3頁之內(nèi)為佳。2．網(wǎng)頁的長度要合適107.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ì)便沒有定式。那么如何設(shè)計(jì)好自己的版面呢?一般來說，可以依據(jù)以下幾個(gè)原則來設(shè)計(jì)版面。7.1.3網(wǎng)頁的版面設(shè)計(jì)11

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)頁。1．盡量簡潔12

2．主色調(diào)色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。如果色彩處理不好，會(huì)顯得凌亂、庸俗，甚至還覺得刺眼。一般來說，網(wǎng)頁中的色彩不要超過三種，并且選用其中的一種色彩作為主色調(diào)，居主導(dǎo)地位。下面介紹幾種常用的配色方案。(1)暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。2．主色調(diào)13(2)冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。(3)對比色調(diào)。即把色性完全相對的色彩搭配在空間里。例如，紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的對比效果，給人以亮麗、鮮艷、喜慶的感覺?，F(xiàn)在很多網(wǎng)站的色彩搭配都很講究，給人一種賞心悅目的感覺。(2)冷色調(diào)。即青色、綠色、紫色等色彩的搭14

3．善用表格利用表格，可以隨心所欲地安排頁面，使頁面的內(nèi)容整齊有序，層次清晰。另外，當(dāng)圖片較大時(shí)，可以將其裁剪成小的圖片，再用表格將裁剪好的小圖片拼接在一起，這樣可以提高下載速度。使用了表格，可使整個(gè)版面顯得整潔、有序、結(jié)構(gòu)清楚。3．善用表格157.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)站的徽標(biāo)、有代表性的圖形和動(dòng)畫等均要一致。7.1.4網(wǎng)站的風(fēng)格16(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就是一種叫做樣式表(StyleSheet)的技術(shù)，也叫層疊樣式表(CascadingStyleSheet，CSS)技術(shù)。使用CSS技術(shù)，可以統(tǒng)一地對所有頁面的布局、字體、顏色、行距、縮進(jìn)量、背景等進(jìn)行控制。(3)導(dǎo)航條的風(fēng)格要一致。導(dǎo)航條實(shí)際上就是177.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)站。對網(wǎng)頁進(jìn)行優(yōu)化就是要平衡兩者，讓兩者達(dá)到最佳狀態(tài)，這可以從以下幾個(gè)方面來著手。7.1.5網(wǎng)頁的優(yōu)化18

1．網(wǎng)頁的長度不要過長一般來說，網(wǎng)頁的長度不要超過三屏為好。超過三屏?xí)咕W(wǎng)頁下載速度過慢，很容易使瀏覽者轉(zhuǎn)向其他的網(wǎng)站。1．網(wǎng)頁的長度不要過長19

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

3．定義圖片的尺寸(長度和寬度)定義圖片的尺寸雖然不能減少圖片的長度，但是可以加快網(wǎng)頁下載的速度。因?yàn)橛行g覽器每收到一張圖片，事先要算出圖片的尺寸才能顯示出來。如果事先設(shè)置好，那么瀏覽器就不必花時(shí)間去計(jì)算圖片的大小。再說如果事先設(shè)置好尺寸，那么瀏覽器在圖片還沒有完全下載時(shí)，就知道圖形的大小，這樣在下載的過程中它就可以安排圖片鄰近的文本了，否則的話，只有等圖片全部下載完畢后，計(jì)算其大小，然后再安排鄰近的文本。要設(shè)置圖片的大小，只要在HTML中加入語句<imgsrc="圖片名"width=w_valueheight=h_value>即可。3．定義圖片的尺寸(長度和寬度)214．正確選擇圖片格式表7-1圖片格式的比較4．正確選擇圖片格式表7-1圖片格式的比較225．降低顏色數(shù)目可以使用Photoshop等繪圖軟件來降低圖片的分辨率，以減少圖片的長度。這樣做出的圖片雖然看起來不及雜志上的那樣光滑和細(xì)膩，但是只要清楚就可以了，很少有人在意它，關(guān)鍵的是其下載速度。6．慎用動(dòng)畫動(dòng)畫的容量一般是圖像的幾十倍，所以在一頁中動(dòng)畫一般應(yīng)少于3個(gè)，并且每個(gè)動(dòng)畫要控制在15KB內(nèi)。5．降低顏色數(shù)目23

7．慎用Java程序目前Java程序的運(yùn)行速度實(shí)在太慢，使用Java會(huì)使得網(wǎng)頁速度至少減慢50％。由于瀏覽器的版本不同，有時(shí)候等候半天，卻告訴JavaApplent不能啟動(dòng)。一般來說，每個(gè)頁面不要使用超過兩個(gè)以上的Java程序；能夠用Javascript替代效果的，則盡量不要使用Java。7．慎用Java程序24

8．使用緩存缺省情況下，瀏覽器在下載一個(gè)文件前，會(huì)先到緩沖區(qū)中查找；如果緩沖區(qū)中有相同的文件名則直接調(diào)出來，而不是從網(wǎng)站上下載。那些在網(wǎng)站中重復(fù)出現(xiàn)的文件，比如徽標(biāo)、頁首或?qū)Ш綏l就不必一遍一遍地下載。這樣就大大加快了頁面的讀取速度。如果想禁止某一頁的緩存(Cache)的話，可以將如下代碼加入到HTML的Head區(qū)中：<METAHTTP-EQUIV="Pragma"content="no_cache">8．使用緩存25電子政務(wù)理論與實(shí)務(wù)第7章課件26

2.主頁宣傳精心設(shè)計(jì)好了網(wǎng)站，卻發(fā)現(xiàn)偶爾只有一兩個(gè)網(wǎng)友訪問網(wǎng)站。也許這時(shí)你會(huì)失去信心并對自己的能力產(chǎn)生懷疑：是不是網(wǎng)站做得太差，吸引不了人？其實(shí)不然，因?yàn)槿绻患右孕麄鞯脑?，那么在“茫茫網(wǎng)海”中很少會(huì)有人知道你的網(wǎng)站，更談不上會(huì)光顧你的網(wǎng)站，所以只有加大宣傳，擴(kuò)大自己網(wǎng)站的知名度，才會(huì)吸引更多的網(wǎng)友訪問你的網(wǎng)站。那么如何推銷自己的網(wǎng)站，擴(kuò)大自己網(wǎng)站的知名度呢?這可以從以下幾個(gè)方面來著手。2.主頁宣傳27(1)到各搜索引擎注冊、登記。搜索引擎是網(wǎng)民搜索所需資料的主要手段之一，也是推銷、宣傳網(wǎng)站的主要方式。因?yàn)榫W(wǎng)民需要某些資料時(shí)，只需到搜索網(wǎng)站敲入相關(guān)的關(guān)鍵字，搜索引擎會(huì)返回一個(gè)網(wǎng)站的清單，如果他對某一個(gè)網(wǎng)站感興趣的話，那么他就會(huì)光顧該網(wǎng)站。所以你可以到各搜索引擎上注冊、登記。Internet上提供這樣的服務(wù)的網(wǎng)站很多，如Sohu、Yahoo等。(2)發(fā)E-mail通知。可以發(fā)E-mail給你的朋友，讓他們來分享你的成果。也可以發(fā)E-mail給網(wǎng)民，但是當(dāng)給不認(rèn)識(shí)的網(wǎng)民發(fā)通知時(shí)，態(tài)度要誠懇，如果他們表示不歡迎你的通知，那么就不要再發(fā)E-mail給他們，否則，他們會(huì)認(rèn)為你是在制造垃圾郵件，很有可能會(huì)受到郵件炸彈的報(bào)復(fù)。(1)到各搜索引擎注冊、登記。搜索引擎是網(wǎng)28電子政務(wù)理論與實(shí)務(wù)第7章課件29(6)友情鏈接?？梢赃x擇一些訪問率比較高的主頁來進(jìn)行友情鏈接，這樣光顧網(wǎng)站的朋友一定會(huì)多起來。(7)參加網(wǎng)站排行榜。如果覺得自己有實(shí)力，那么你不妨參加網(wǎng)站排行榜。如果你的網(wǎng)站有幸排到前幾十名甚至前幾名的話，那么你的網(wǎng)站的知名度肯定會(huì)大大提升，到時(shí)你的網(wǎng)站就會(huì)“門庭若市”了。(6)友情鏈接。可以選擇一些訪問率比較高的主307.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)主要是防止自然因素和人為因素的破壞。其中自然因素主要考慮如地震、火災(zāi)、靜電等方面造成的損壞；人為因素主要考慮如黑客、病毒以及有意和無意造成的損壞等。計(jì)算機(jī)的性能也是影響Web網(wǎng)站運(yùn)行效率的因素之一。在同等情況下，計(jì)算機(jī)的性能越好，其響應(yīng)用戶請求的速度就越快。此外，還要考慮網(wǎng)絡(luò)的規(guī)模和網(wǎng)絡(luò)的負(fù)載。如果規(guī)模較大、地理分布較廣、用戶請求量大的，那么可以考慮建立多個(gè)鏡像的Web站點(diǎn)，以減少遠(yuǎn)程訪問和響應(yīng)時(shí)間，提高效率。7.1.7網(wǎng)站的文件、目錄規(guī)劃和管理31規(guī)劃好網(wǎng)站后，就該好好規(guī)劃Web站點(diǎn)的目錄和內(nèi)容了。這可以從以下幾個(gè)方面來考慮。(1)分門別類地將文件存放在不同的目錄下。不要將所有文件都存放在同一個(gè)目錄下，因?yàn)檫@樣不僅難以管理，而且也容易造成文件名的沖突。試想一下，如果將所有文件都放在同一個(gè)目錄下，并且文件比較多的話，這樣常常搞不清哪些需要編輯、更新，哪些文件是無用的并可以刪除，哪些文件之間是相關(guān)聯(lián)的。如果網(wǎng)站有幾個(gè)欄目，那么可以按欄目分別建立各子目錄，并且建子目錄時(shí)，最好做到“見名思義”。比如有一欄關(guān)于硬件方面的內(nèi)容，可以在根目錄下建立一hardware子目錄，并且把關(guān)于硬件方面的文件全部放在該子目錄下。當(dāng)然，也可以建立像abc這樣的子目錄。很顯然前一種方法比較好。規(guī)劃好網(wǎng)站后，就該好好規(guī)劃Web站點(diǎn)的目錄和32(2)在每個(gè)主目錄下建立獨(dú)立的images目錄。通常在根目錄下有一個(gè)images目錄，習(xí)慣上把所有欄目的圖片均放在該目錄下。這樣，如果圖片較多時(shí)，管理起來就很麻煩。假設(shè)要?jiǎng)h除某一個(gè)欄目，這時(shí)就不能確定哪些圖片該刪，哪些圖片不該刪，所以應(yīng)該在每個(gè)主目錄下建立一個(gè)獨(dú)立的images目錄。這樣當(dāng)刪除某一欄目，或者打包某一欄目時(shí)就很方便。而根目錄下的images一般只放主頁的圖片和次欄目的圖片。(3)目錄的層次不要太多，建議不要超過3層。(2)在每個(gè)主目錄下建立獨(dú)立的images33(4)不要使用中文文件名和中文目錄名。使用中文的名字可能對網(wǎng)址的正確顯示造成困難。(5)不要使用過長的目錄名。盡管服務(wù)器支持長文件名，但是太長的目錄名不便于記憶。另外，如果某些文件是專供下載的，那么最好用比較通用的壓縮工具(如WINZIP、ARJ等)把它們進(jìn)行壓縮，并把它們放在合適的目錄下。這樣做不但可以節(jié)省磁盤空間，而且更重要的是可減輕網(wǎng)絡(luò)的負(fù)載，加快下載速度。(4)不要使用中文文件名和中文目錄名。使用347.2政府網(wǎng)站建設(shè)7.2.1政府網(wǎng)站的內(nèi)容建設(shè)為使政府部門在相對比較短的時(shí)間內(nèi)實(shí)現(xiàn)網(wǎng)上亮相，可分以下三個(gè)階段進(jìn)行：第一階段，首先樹立政府上網(wǎng)的意識(shí)，其次可將政府的基本信息，如機(jī)構(gòu)設(shè)置、常規(guī)的文件在網(wǎng)上發(fā)布。7.2政府網(wǎng)站建設(shè)7.2.1政府網(wǎng)站的內(nèi)容建設(shè)35第二階段的任務(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)信息，從普通用戶獲得反饋意見，以便更好地提高工作效率。將政府的對外服務(wù)項(xiàng)目，如辦理護(hù)照、海關(guān)報(bào)關(guān)、報(bào)稅、申請營業(yè)執(zhí)照等業(yè)務(wù)在網(wǎng)上進(jìn)行，至少可以先將辦理指南放上去，以達(dá)到將來簡化手續(xù)、一次辦理的目的。目前CNNIC申請域名就是通過網(wǎng)上辦理各種申請手續(xù)，最后一次交費(fèi)。第二階段的任務(wù)是進(jìn)一步幫助政府機(jī)構(gòu)建設(shè)基于數(shù)36第三階段是將各政府網(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ì)信息”、“政策法規(guī)”、“行業(yè)管理”、“企業(yè)之窗”及“近日動(dòng)態(tài)”等欄目。其中：“部門介紹”通過站點(diǎn)公開本部門的機(jī)構(gòu)組成、職能、辦事程序，提高工作的透明度，從而方便廣大人民群眾行使民主監(jiān)督的權(quán)利。第三階段是將各政府網(wǎng)站連接起來，最終政府機(jī)關(guān)37“統(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)共享，為各級地方政府和企業(yè)在決策時(shí)提供重要依據(jù)。“政策法規(guī)”包括法律、行政法規(guī)、行政規(guī)章、規(guī)章性文件、地方性法規(guī)和地方政府規(guī)章。信息產(chǎn)業(yè)部承擔(dān)著行業(yè)法規(guī)的起草和執(zhí)行任務(wù)，具有很高的權(quán)威，因此，通過本部門的站點(diǎn)可以為社會(huì)各界提供最準(zhǔn)確的信息和最完備的解釋，對于國家政策的順利實(shí)施將起到積極的推動(dòng)作用?！敖y(tǒng)計(jì)信息”包括月度統(tǒng)計(jì)資料、年度統(tǒng)計(jì)公報(bào)、38“行業(yè)管理”包括本行業(yè)管理的有關(guān)文件。這些文件在網(wǎng)上的及時(shí)發(fā)布，為企事業(yè)單位和廣大人民群眾查閱了解提供了極大的便利。其中，“行業(yè)標(biāo)準(zhǔn)”列出了本行業(yè)的所有相關(guān)標(biāo)準(zhǔn)以及建議草案；“資費(fèi)索引”對本行業(yè)的收費(fèi)標(biāo)準(zhǔn)加以全面公布，便于人民群眾、社會(huì)各界監(jiān)督，有利于糾正當(dāng)前人民群眾反映強(qiáng)烈的亂收費(fèi)問題?！捌髽I(yè)之窗”介紹本行業(yè)重點(diǎn)骨干企業(yè)、科研院所等，起到了宣傳和服務(wù)的作用?！敖談?dòng)態(tài)”對行業(yè)信息、新聞進(jìn)行實(shí)時(shí)發(fā)布，而且具有權(quán)威性。“行業(yè)管理”包括本行業(yè)管理的有關(guān)文件。這些文397.2.2政府站點(diǎn)建設(shè)及規(guī)劃的基本原則為規(guī)范和樹立我國各級政府在網(wǎng)絡(luò)上的形象，政府站點(diǎn)的建設(shè)和規(guī)劃應(yīng)遵循如下原則。

1.站點(diǎn)規(guī)劃統(tǒng)一的原則確立中國政府中心導(dǎo)航站點(diǎn)，下設(shè)部委行署，再下為各部委的二級機(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ù)等基本欄目。7.2.2政府站點(diǎn)建設(shè)及規(guī)劃的基本原則40電子政務(wù)理論與實(shí)務(wù)第7章課件41

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í)具有純文本版本甚至外文版，以滿足不同用戶的需要。4.網(wǎng)頁設(shè)計(jì)莊重的原則427.3FrontPage2002的應(yīng)用7.3.1FrontPage2002簡介1.FrontPage2002的特點(diǎn)FrontPage2002是MicrosoftOffice2002的組件之一，在FrontPage2002中只要利用功能命令或工具按鈕，編輯網(wǎng)頁就如同使用Word編輯文件一樣簡單。FrontPage2002的主要特點(diǎn)如下。1)友好的操作界面由于FrontPage2002是Office2002的組件之一，因此FrontPage2002的操作方法及窗口界面與Office其他軟件基本一致，只要使用過Word或Excel，對FrontPage2002的操作就不會(huì)有困難。另外，凡是由Office組件制作出的文件都可直接放入網(wǎng)頁中。7.3FrontPage2002的應(yīng)用7.3.1F432)所見即所得的編輯環(huán)境在FrontPage2002的普通視圖環(huán)境中，可使用“所見即所得”的工作方式，用最直接、最視覺化的方式來編輯文字、圖片、表格等，使完全不懂HTML語言的人能夠輕松制作出具有專業(yè)效果的頁面。對于那些已熟練掌握了HTML語言的人，只需在HTML視圖模式中即可進(jìn)行HTML語法的編寫，可通過預(yù)覽模式窗口直接對頁面效果進(jìn)行查看。而且，可以在網(wǎng)頁中插入經(jīng)Photoshop、MicrosoftGIFAnimator及UleadCool3D編輯處理過的圖像和動(dòng)畫，還可插入Java、ActiveX、JavaScript等應(yīng)用程序，產(chǎn)生各種特殊效果。2)所見即所得的編輯環(huán)境443)HTML的編輯功能在FrontPage2002界面中的“HTML”視圖模式下，有用來提供HTML源代碼的功能，在這里可以用HTML語言編寫頁面，也可對網(wǎng)頁視圖模式中制作的頁面進(jìn)行編輯和修改。4)使用模板與向?qū)г贔rontPage2002中也采用了Office組件中廣泛使用的“模板”及“向?qū)А惫δ堋Ｓ脩艨赏ㄟ^對模板的套用，或按向?qū)Ыo出的提示，快速完成各類站點(diǎn)結(jié)構(gòu)的組建及網(wǎng)頁樣式的制定。3)HTML的編輯功能455)套用主題在FrontPage2002中提供了60個(gè)預(yù)先設(shè)計(jì)好的主題，利用它們可以很快創(chuàng)建出具有統(tǒng)一風(fēng)格的美觀精致的站點(diǎn)或網(wǎng)頁。若不滿意，還可修改。6)繪制表格在FrontPage2002中使用表格，只需指定表格的行數(shù)、列數(shù)，也可使用工具按鈕直接繪制表格或清除不需要的部分。5)套用主題467)文件管理FrontPage2002具有強(qiáng)大的文件管理功能，對站點(diǎn)內(nèi)的文件可以進(jìn)行移動(dòng)、復(fù)制、刪除、換名等操作。8)更新鏈接在FrontPage2002中，可以自動(dòng)測試、快速更新鏈接。9)建立站點(diǎn)結(jié)構(gòu)使用FrontPage2002可以直接在屏幕上創(chuàng)建站點(diǎn)結(jié)構(gòu)，并能自動(dòng)在頁面中加入鏈接導(dǎo)航欄。10)工作進(jìn)度建立規(guī)模較大的站點(diǎn)往往需要多人合作，使用FrontPage2002的任務(wù)列表功能，即可對每個(gè)人的工作任務(wù)進(jìn)行統(tǒng)籌管理及合理分配，使建站的工作有條不紊。7)文件管理47

2.FrontPage2002的啟動(dòng)與退出1)啟動(dòng)FrontPage2002啟動(dòng)FrontPage2002有兩種方法：(1)菜單啟動(dòng)：執(zhí)行“開始→程序→MicrosoftFrontPage”命令啟動(dòng)FrontPage2002。(2)快捷方式啟動(dòng)：雙擊Office工具欄或桌面上的FrontPage2002快捷圖標(biāo)啟動(dòng)。2)退出FrontPage2002單擊窗口右上角的“關(guān)閉”按鈕或執(zhí)行菜單“文件→退出”命令，均可退出FrontPage2002。2.FrontPage2002的啟動(dòng)與退487.3.2FrontPage2002界面介紹圖7-1FrontPage2002的界面7.3.2FrontPage2002界面介紹圖7-149

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

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所示。3)報(bào)表模式53圖7-3報(bào)表視圖圖7-3報(bào)表視圖544)導(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所示。4)導(dǎo)航模式55圖7-4導(dǎo)航視圖圖7-4導(dǎo)航視圖565)超鏈接模式超鏈接模式能夠以圖形化的方式來查看全部指向或者來自一個(gè)具體的網(wǎng)頁或MicrosoftOffice文檔的鏈接項(xiàng)目，并且可視化地查看是否有任何斷開的鏈接，如圖7-5所示。5)超鏈接模式57圖7-5超鏈接視圖圖7-5超鏈接視圖586)任務(wù)模式任務(wù)模式能夠跟蹤有哪些任務(wù)是需要被完成的，這些任務(wù)分配給了誰，并且能夠迅速地查看任務(wù)的狀態(tài)、說明和優(yōu)先級。

2．編輯窗口視圖欄右側(cè)的空白區(qū)域稱為編輯窗口，這是我們編輯網(wǎng)頁的工作區(qū)。6)任務(wù)模式2．編輯窗口59

3．網(wǎng)頁視圖方式欄在編輯網(wǎng)頁時(shí)，F(xiàn)rontPage2002提供了三種網(wǎng)頁視圖方式：普通方式、HTML方式和預(yù)覽方式。1)普通方式在普通方式下，可以以所見即所得的方式編輯網(wǎng)頁，即透過最簡單的方式制作非常專業(yè)的網(wǎng)頁。編輯時(shí)的顯示同最終用瀏覽器瀏覽時(shí)的顯示很相似。在該方式下可完成對網(wǎng)頁編輯的大部分工作。圖7-6所示是一個(gè)加入了圖片的網(wǎng)頁。3．網(wǎng)頁視圖方式欄602)HTML方式在HTML方式下，可以查看網(wǎng)頁的HTML源代碼，也可直接對源代碼進(jìn)行編輯，還可以編輯DHTML、腳本、ASP和XML。圖7-7所示為圖7-6所示內(nèi)容的HTML方式。2)HTML方式61圖7-6普通方式圖7-6普通方式62圖7-7HTML方式圖7-7HTML方式633)預(yù)覽方式在預(yù)覽方式下，可以預(yù)覽網(wǎng)頁的結(jié)果。雖然FrontPage2002已經(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í)際情況。對靜態(tài)的顯示，普通方式和預(yù)覽方式顯示相同；但對一些特殊效果，如動(dòng)態(tài)HTML，只有在預(yù)覽方式下才可以見到動(dòng)態(tài)的過程。當(dāng)然更準(zhǔn)確的方法是直接在瀏覽器里瀏覽。3)預(yù)覽方式647.3.3FrontPage2002的基本操作1.新建網(wǎng)頁在FrontPage2002中，可以生成兩種網(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)FrontPage2002之后，系統(tǒng)會(huì)自動(dòng)建立一個(gè)默認(rèn)的空白網(wǎng)頁。當(dāng)需要再建立新的網(wǎng)頁時(shí)，可以單擊菜單欄中的【視圖】/【任務(wù)窗格】命令，打開任務(wù)窗格。然后單擊其“空白網(wǎng)頁”選項(xiàng)(如圖7-8)，即可建立一個(gè)新的空白網(wǎng)頁。7.3.3FrontPage2002的基本操作65圖7-8“空白網(wǎng)頁”選項(xiàng)圖7-8“空白網(wǎng)頁”選項(xiàng)662)新建模板網(wǎng)頁所謂模板網(wǎng)頁，就是一些已經(jīng)預(yù)置了各種樣式的網(wǎng)頁，在這些網(wǎng)頁中，所有的格式都已經(jīng)設(shè)置好了，用戶只需修改其中的內(nèi)容就可以得到所需的網(wǎng)頁。FrontPage2002的模板功能為用戶快速創(chuàng)建外觀專業(yè)、布局規(guī)范的網(wǎng)頁提供了很大的方便。下面我們以“常規(guī)”模板為例，介紹一下如何創(chuàng)建模板網(wǎng)頁。單擊【任務(wù)窗格】中的“網(wǎng)頁模板”選項(xiàng)，即彈出“網(wǎng)頁模板”對話框。在該對話框中有三個(gè)標(biāo)簽，分別是“常規(guī)”、“框架網(wǎng)頁”和“樣式表”，我們選擇“常規(guī)”標(biāo)簽，如圖7-9所示。在對話框左側(cè)選擇一種模板，則在右側(cè)就可以預(yù)覽。單擊【確定】按鈕，就會(huì)生成基于此模板的網(wǎng)頁。2)新建模板網(wǎng)頁67圖7-9“網(wǎng)頁模板”對話框圖7-9“網(wǎng)頁模板”對話框683)保存網(wǎng)頁圖7-10“另存為”對話框3)保存網(wǎng)頁圖7-10“另存為”對話框69單擊按鈕，則彈出“設(shè)置網(wǎng)頁標(biāo)題”對話框，如圖7-11所示。在“網(wǎng)頁標(biāo)題”文本框中輸入網(wǎng)頁標(biāo)題，當(dāng)訪問者在瀏覽器中打開網(wǎng)頁時(shí)，標(biāo)題欄中將顯示網(wǎng)頁的標(biāo)題。單擊【確定】按鈕，返回“另存為”對話框；點(diǎn)擊【保存】按鈕，即可保存該網(wǎng)頁。單擊按鈕，則彈出“設(shè)置網(wǎng)頁標(biāo)題”對話框，如圖70圖7-11“設(shè)置網(wǎng)頁標(biāo)題”對話框圖7-11“設(shè)置網(wǎng)頁標(biāo)題”對話框71

2.創(chuàng)建文字FrontPage2002中對于文字與圖像的處理與Word很相似，用過Word的人對于FrontPage中這部分的操作是很容易上手的。不過，畢竟是網(wǎng)頁制作軟件，在Web的基礎(chǔ)上，又增加了很實(shí)用的功能，能做出復(fù)雜而且高級的網(wǎng)頁文字與圖像。與以前版本相比較，F(xiàn)rontPage2002在這方面進(jìn)行了改進(jìn)，更貼近普通用戶，在輕輕松松地點(diǎn)擊鼠標(biāo)之后就可以做出以往還要通過粘貼HTML代碼這樣煩瑣的步驟才能做出的效果。FrontPage中對于文字處理基本集中在【格式】菜單欄里。【格式】菜單欄中的選項(xiàng)是用來協(xié)調(diào)整個(gè)網(wǎng)頁以及整個(gè)網(wǎng)站的內(nèi)容編制，也是個(gè)較常用到的菜單欄，如圖7-12所示。2.創(chuàng)建文字72圖7-12【格式】菜單欄圖7-12【格式】菜單欄73在FrontPage2002中創(chuàng)建文字的方法大致分兩種：輸入和導(dǎo)入。(1)輸入文字：新建一個(gè)網(wǎng)頁，輸入文字就可以開始編輯網(wǎng)頁了，其界面如圖7-13所示。在FrontPage2002中創(chuàng)建文字的方法74圖7-13在新建網(wǎng)頁中輸入文字圖7-13在新建網(wǎng)頁中輸入文字75(2)導(dǎo)入文字：通過【粘貼】能將在此之前在任何程序中復(fù)制或者剪切的文字創(chuàng)建到當(dāng)前編輯網(wǎng)頁中，【編輯】菜單欄中的選項(xiàng)與之有關(guān)。還可以通過【插入】菜單欄中的“文件”選項(xiàng)導(dǎo)入文字，包括.txt、.doc、.htm等純文本或者包含文字的文件。(2)導(dǎo)入文字：通過【粘貼】能將在此之前在76

3.編輯文字(1)字體設(shè)置：選擇【格式】菜單欄中的“字體”選項(xiàng)，出現(xiàn)“字體”對話框，如圖7-14所示。圖7-14“字體”對話框3.編輯文字圖7-14“字體”對話框77①字體：選擇需要的字體。字體文件都保存在windows目錄中的fonts子目錄中，可以自行刪改或添加。②字形：有“常規(guī)”、“傾斜”、“加粗”和“加粗傾斜”四個(gè)選項(xiàng)。一般來說，正文選用“常規(guī)”，“加粗”用于標(biāo)題，“傾斜”則用于突出正文中的內(nèi)容以及使文字美觀。③字號(hào)：可以直接在輸入框中輸入需用的字號(hào)，也可以在選項(xiàng)中選取。一般來說，在瀏覽器中9磅和10.5磅看起來最美觀最舒服。④字符間距：這個(gè)分頁中的選項(xiàng)是用來進(jìn)行行距設(shè)置以及文字定位的。⑤預(yù)覽：無論在“字體”對話框中進(jìn)行什么操作，都可以在預(yù)覽框中看到樣品，方便選取合適的搭配。①字體：選擇需要的字體。字體文件都保存在w78(2)段落設(shè)置：選擇【格式】菜單欄中的“段落”選項(xiàng)，彈出“段落”對話框，如圖7-15所示。①對齊方式：設(shè)置整個(gè)段落在頁面中的位置。常用的為居中。②縮進(jìn)：調(diào)整段落與左右邊界的距離。首行縮進(jìn)是用來設(shè)置各段第一行的。③段落間距：設(shè)置段落與段落之間的距離。對段落的操作和字體一樣，可以在預(yù)覽框中觀察。當(dāng)然，以上這些操作都可以在工具欄(如圖7-16)中通過對應(yīng)圖標(biāo)按鈕來實(shí)現(xiàn)。(2)段落設(shè)置：選擇【格式】菜單欄中的“段79圖7-15“段落”對話框圖7-15“段落”對話框80圖7-16工具欄此外，【格式】菜單欄中的“項(xiàng)目符號(hào)與編號(hào)”選項(xiàng)也可以用來設(shè)置文字段落的排列，文字的一般處理基本上都與Word相似。圖7-16工具欄此外，【格式】菜單欄中的81

4.創(chuàng)建圖像在FrontPage2002中對于創(chuàng)建圖像的操作基本上集中在【插入】菜單欄里的“圖片”選項(xiàng)中，如圖7-17所示。圖7-17【插入】-"圖片"菜單欄4.創(chuàng)建圖像圖7-17【插入】-"圖片82(1)剪貼畫：圖7-18插入剪貼畫(1)剪貼畫：圖7-18插入剪貼畫83(2)來自文件：導(dǎo)入本機(jī)或者局域網(wǎng)中的圖片。與剪貼畫比較，該方式所獲得圖像的質(zhì)量、類型和格式都很豐富，是最常用的導(dǎo)入圖像方式。(3)新建圖片庫：主要用于制作排列眾多圖片的頁面,針對樣品列舉、圖片欣賞等。在打開的對話框中，點(diǎn)擊添加導(dǎo)入所需要的圖片，設(shè)置好縮略圖的大小后，在四種布局中選擇一種適合用戶的(如圖7-19),單擊后，按【確定】按鈕,一張布滿圖像的頁面就生成了。(2)來自文件：導(dǎo)入本機(jī)或者局域網(wǎng)中的圖片84圖7-19圖片庫圖7-19圖片庫85

5.網(wǎng)頁布局通常網(wǎng)頁的布局使用到的是FrontPage2002中的表格和框架菜單欄里的命令。表格（Table）是將頁面中的內(nèi)容以表格的形式排列，常用于單一頁面內(nèi)圖片與文字的安排，是最常用的布局命令。1)表格表格的使用十分簡單，一般包含以下兩個(gè)操作：(1)插入表格。點(diǎn)擊“表格”菜單中的“插入表格”選項(xiàng)，在彈出的對話框中可以對所需表格的行列數(shù)及邊框?qū)傩赃M(jìn)行設(shè)置，如圖7-20所示。插入一個(gè)樣表，自己調(diào)整它在整個(gè)網(wǎng)頁中的位置，為以后填充內(nèi)容做好準(zhǔn)備。5.網(wǎng)頁布局86圖7-20插入表格對話框圖7-20插入表格對話框87(2)修改表格樣式。單擊已經(jīng)插入的表格，在彈出的菜單中選擇"表格屬性"選項(xiàng)。彈出的對話框可以讓你對表格的外觀進(jìn)行設(shè)置，如圖7-21所示。基本上除了行列數(shù)這些需要使用插入行列等菜單完成的功能外，在此設(shè)置的大都和表格的外觀有關(guān)。(2)修改表格樣式。單擊已經(jīng)插入的表格，在88圖7-21表格屬性圖7-21表格屬性89FrontPage2002的新功能：表格自動(dòng)套用格式提供了快速而簡便的方法，來創(chuàng)建具有專業(yè)化外觀的表格。用戶可以選擇他們想要使用的樣式，可以自動(dòng)更改表格的邊框、底紋和顏色。使用新的填充表格，用戶可以將一個(gè)單元格的內(nèi)容快速地重復(fù)輸入到該單元格右側(cè)的單元格中（向右填充），或輸入到其下面的單元格中（向下填充）。當(dāng)用戶想要將相同內(nèi)容復(fù)制到多個(gè)單元格中時(shí)，該功能將節(jié)約用戶的時(shí)間。拆分表格讓用戶能夠?qū)⑷魏挝恢玫谋砀窨焖俣菀椎夭痖_。當(dāng)用戶想要在表格的各行之間添加文本或圖形時(shí)，這會(huì)很方便。FrontPage2002的新功能：表格自902)框架框架是在同一瀏覽器窗口中顯示多個(gè)相互隔離的HTML頁的結(jié)構(gòu)。使用框架組織頁面時(shí)，每個(gè)框架顯示一個(gè)不同的獨(dú)立頁面或者圖像，你可以將一些框架中的內(nèi)容永遠(yuǎn)保留在瀏覽器窗口中，而其余窗口則發(fā)生改變。與以往的FrontPage一樣，在FrontPage2002中可以非常方便地利用框架來組織頁面。一般地，利用框架組織Web頁面需要經(jīng)過如下步驟：(1)創(chuàng)建框架。在FrontPage2002中，點(diǎn)擊新建圖標(biāo)旁的小三角調(diào)出新建網(wǎng)頁模板選擇窗口，選擇滿意的模板創(chuàng)建框架Web頁面，如圖7-22所示。如果沒有模板符合需要，你可以選擇最接近的風(fēng)格，然后改變框架大小或者增加框架以得到想要的結(jié)構(gòu)。2)框架91圖7-22網(wǎng)頁模板圖7-22網(wǎng)頁模板92(2)設(shè)置框架屬性。點(diǎn)擊頁面右鍵菜單中的框架屬性，在彈出的對話框中設(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)，不顯示框架邊框。需要注意的是，框架之間的邊界越大，用戶觀看頁面就越困難。(2)設(shè)置框架屬性。點(diǎn)擊頁面右鍵菜單中的框93圖7-23框架屬性圖7-23框架屬性94(3)設(shè)定初始頁面。作為Web設(shè)計(jì)者，你要決定當(dāng)?shù)谝淮纬霈F(xiàn)框架頁面時(shí)，在每個(gè)框架內(nèi)顯示哪個(gè)頁面（即初始頁面）。只要框架的初始頁面存在于你的Web中，這個(gè)頁面就能夠在每次顯示框架時(shí)自動(dòng)出現(xiàn)在框架中。單擊工作區(qū)域上的【設(shè)置初始頁面】按鈕，在對話窗口中設(shè)置初始頁面。這時(shí)你可以選擇點(diǎn)擊原有文件中的【瀏覽】按鈕查找需要的頁面，或單擊【新建頁面】按鈕直接在框架中新建一個(gè)頁面，如圖7-24所示。(3)設(shè)定初始頁面。作為Web設(shè)計(jì)者，你要95圖7-24設(shè)置初始頁面圖7-24設(shè)置初始頁面966.網(wǎng)站的基本管理圖7-25一個(gè)簡單網(wǎng)站6.網(wǎng)站的基本管理圖7-25一個(gè)簡單網(wǎng)站971)新建一個(gè)網(wǎng)站要建立一個(gè)新的網(wǎng)站，只需要幾個(gè)簡單的步驟。單擊菜單欄中的【文件】/【新建】/【站點(diǎn)】命令，打開“新建站點(diǎn)”對話框，如圖7-26所示，對話框中給出了10種站點(diǎn)模板或向?qū)А?)新建一個(gè)網(wǎng)站98圖7-26新建站點(diǎn)模板或向?qū)D7-26新建站點(diǎn)模板或向?qū)?9圖7-27新建站點(diǎn)導(dǎo)航視圖圖7-27新建站點(diǎn)導(dǎo)航視圖100圖7-28網(wǎng)站主頁圖7-28網(wǎng)站主頁101新建站點(diǎn)對話框（見圖7-26）中給出的8種站點(diǎn)模板或向?qū)У淖饔梅謩e如下：(1)只有一個(gè)網(wǎng)頁的站點(diǎn)模板：建立一個(gè)只有一個(gè)空白網(wǎng)頁的新站點(diǎn)。(2)導(dǎo)入站點(diǎn)向?qū)В簭耐獠繉?dǎo)入一個(gè)已存在的站點(diǎn)(把以前不是用FrontPage2002做的網(wǎng)站，變成FrontPage2002可以支持的網(wǎng)站；把A電腦的網(wǎng)站復(fù)制或移動(dòng)到B電腦上；將Internet上的網(wǎng)站抓下來，作為建網(wǎng)站時(shí)的參考，等等)。(3)個(gè)人站點(diǎn)模板：可建立一個(gè)包含興趣、照片和喜好的個(gè)人站點(diǎn)。(4)公司展示向?qū)В嚎山⒁粋€(gè)公司站點(diǎn)。根據(jù)選擇，可以在站點(diǎn)內(nèi)放入含有從產(chǎn)品目錄到討論論壇及公司聯(lián)系信息的任何內(nèi)容。新建站點(diǎn)對話框（見圖7-26）中給出的8種站102(5)客戶支持站點(diǎn)模板：可建立一個(gè)能夠使用Web來廣播產(chǎn)品信息和幫助信息的站點(diǎn)。此模板適合于任一類型的商務(wù)需要。(6)空站點(diǎn)模板：使用此模板將建立一個(gè)沒有內(nèi)容的站點(diǎn)。(7)討論站點(diǎn)向?qū)В嚎山⒁粋€(gè)帶有線索、目錄和全文搜索能力的交互式站點(diǎn)，在這種站點(diǎn)上，訪問者可以發(fā)布評論意見并閱讀其他人對指定主題的回復(fù)。(8)項(xiàng)目站點(diǎn)模板：可建立包含一系列的成員、計(jì)劃、狀態(tài)、歸檔和討論的項(xiàng)目站點(diǎn)。(5)客戶支持站點(diǎn)模板：可建立一個(gè)能夠使用1032)關(guān)閉與打開網(wǎng)站要關(guān)閉目前打開的網(wǎng)站，只要執(zhí)行“文件→關(guān)閉站點(diǎn)”命令即可；也可直接關(guān)閉FrontPage2002視窗。若要打開建好的網(wǎng)站，則執(zhí)行“文件→打開站點(diǎn)”命令。2)關(guān)閉與打開網(wǎng)站104

7.網(wǎng)頁的基本管理1)添加網(wǎng)頁如果建成的網(wǎng)站只有一個(gè)網(wǎng)頁，那么可在導(dǎo)航視圖中添加網(wǎng)頁。在導(dǎo)航視圖中添加網(wǎng)頁，就像在紙上直接繪畫一樣，而且網(wǎng)頁之間會(huì)依據(jù)結(jié)構(gòu)圖的形式自動(dòng)產(chǎn)生鏈接關(guān)系，如圖7-29所示。這里共添加6個(gè)網(wǎng)頁，分別是學(xué)校簡介、學(xué)校領(lǐng)導(dǎo)、專業(yè)設(shè)置、學(xué)校文化、學(xué)校校歌、兄弟學(xué)校。7.網(wǎng)頁的基本管理105圖7-29添加網(wǎng)頁圖7-29添加網(wǎng)頁1062)更改網(wǎng)頁名稱網(wǎng)頁名稱是對應(yīng)網(wǎng)頁在導(dǎo)航欄中顯示的提示文本，網(wǎng)頁名稱可以進(jìn)行修改，但一般應(yīng)以簡潔明了的方式反映所指網(wǎng)頁的內(nèi)容。須注意的是，修改網(wǎng)頁名稱并不會(huì)改變網(wǎng)頁的文件名，如圖7-30所示。2)更改網(wǎng)頁名稱107圖7-30更改網(wǎng)頁名稱圖7-30更改網(wǎng)頁名稱1083)更改網(wǎng)頁文件名網(wǎng)站中第一個(gè)網(wǎng)頁是主頁，文件名為index.htm(或default.htm，主頁的名稱是由服務(wù)器決定的)。除了主頁外，每添加一個(gè)網(wǎng)頁，就會(huì)自動(dòng)從new_page_1.htm依次命名。用戶可將文件名改變，方法是：在文件夾清單中選取要改名的文件，單擊鼠標(biāo)右鍵，選擇“重新命名”，即可輸入新文件名。3)更改網(wǎng)頁文件名1094)刪除網(wǎng)頁選取要?jiǎng)h除的網(wǎng)頁，單擊鼠標(biāo)右鍵，選擇“刪除”命令，出現(xiàn)如圖7-31所示的對話框。根據(jù)需要進(jìn)行選擇，單擊【確定】按鈕，即可將要?jiǎng)h除的網(wǎng)頁刪掉。圖7-31刪除網(wǎng)頁4)刪除網(wǎng)頁圖7-31刪除網(wǎng)頁110思考題與習(xí)題1.解釋網(wǎng)站、網(wǎng)頁的含義。2.結(jié)合電子政務(wù)實(shí)務(wù)簡述電子政務(wù)網(wǎng)站在電子政務(wù)實(shí)施中的作用和地位。3.簡述FrontPage2002的功能。4.簡述FrontPage2002中網(wǎng)站向?qū)У奶卣髋c用途。5.用“站點(diǎn)引入向?qū)А睆腎nternet上導(dǎo)入一個(gè)已經(jīng)發(fā)布的電子政務(wù)站點(diǎn)，分析其結(jié)構(gòu)，并仿照其模式建立一個(gè)新的電子政務(wù)網(wǎng)站。思考題與習(xí)題1.解釋網(wǎng)站、網(wǎng)頁的含義。111第7章電子政務(wù)網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作7.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.2政府網(wǎng)站建設(shè)7.3FrontPage2002的應(yīng)用思考題與習(xí)題第7章電子政務(wù)網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作7.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制1127.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.1.1網(wǎng)站的主題和內(nèi)容1.網(wǎng)站的主題1)主題選材一定要“適度”所謂“適度”是對個(gè)人主頁或部門主頁而言，網(wǎng)站的主頁選材千萬不要做得太廣，主頁的內(nèi)容也不要包羅萬象。因?yàn)閷τ谝粋€(gè)個(gè)人或部門來說，其能力和時(shí)間都有限，不可能把每一欄的內(nèi)容都做得豐富多彩，也不可能有那么多的精力和時(shí)間去維護(hù)、去更新。當(dāng)然，對于一個(gè)大的政府部門、單位或公司來說，主頁選材可以做得比較廣，因?yàn)樗鼈兪怯袑?shí)力和能力做到這一點(diǎn)的。如果沒有這個(gè)能力，卻把主頁做得樣樣俱全，結(jié)果只會(huì)樣樣都很膚淺，給人的感覺猶如蜻蜓點(diǎn)水，空洞無物，沒有主題，沒有特色，結(jié)果只能讓信息瀏覽者失望。7.1網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的一般原則7.1.1網(wǎng)站的主113

2)題材的選擇最好是自己擅長或者是與本部門的職能特性結(jié)合比較密切的內(nèi)容比如，擅長網(wǎng)頁設(shè)計(jì)，可以把網(wǎng)頁設(shè)計(jì)的技巧、經(jīng)驗(yàn)放在自己的主頁上，也可以編寫一些網(wǎng)頁設(shè)計(jì)的教程等供瀏覽者學(xué)習(xí)、下載；對游戲感興趣，可以設(shè)置游戲的排行榜、游戲的技巧、游戲的秘笈；對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報(bào)道最新的球場戰(zhàn)況等等。對于一個(gè)部門來說，網(wǎng)頁的制作應(yīng)與本部門的職能特性緊密結(jié)合。管理職能部門應(yīng)側(cè)重于管理機(jī)構(gòu)、管理權(quán)限、管理內(nèi)容等的宣傳；服務(wù)職能部門則應(yīng)側(cè)重于服務(wù)對象、服務(wù)范圍、服務(wù)項(xiàng)目等的宣傳。這樣在制作時(shí)，才不會(huì)覺得力不從心或脫離實(shí)際。2)題材的選擇最好是自己擅長或者是與本部門1143)選材不要太濫，目標(biāo)定位不要太高“太濫”是指到處可見，人人都有的題材；“目標(biāo)定位太高”是指在這一題材上已經(jīng)有非常優(yōu)秀、知名度很高的站點(diǎn)，因而要超過它是很困難的。3)選材不要太濫，目標(biāo)定位不要太高115

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)頁上盡可能多地放置一些自己的作品。但是對于大多數(shù)的個(gè)人主頁創(chuàng)作者來說，完全靠自己創(chuàng)作的內(nèi)容畢竟為數(shù)不多。大部分人的做法是從報(bào)紙、雜志、光盤等媒體中把相關(guān)的資料、圖片收集整理。建議內(nèi)容不要全部照搬他人的，應(yīng)適當(dāng)加入一些自己的文章、評論或見解。2.網(wǎng)頁的內(nèi)容116此外，網(wǎng)頁上的內(nèi)容一定要勤于更新。Internet上不斷有新事物出現(xiàn)，每天都有新花樣。如果主頁從不改變，客戶很快就會(huì)厭倦。不妨在主頁上設(shè)置一個(gè)“Whatisnew”欄目專門用來發(fā)布新內(nèi)容，或者也可以在頁頭以大字標(biāo)題宣布新消息。也可以定期改變主頁上的圖像，或更改主頁的式樣。同時(shí)，為了保持新鮮感，應(yīng)及時(shí)確保主頁提供的是最新信息。一個(gè)受歡迎的主頁必須做到天天更新甚至幾個(gè)小時(shí)更新一次。此外，網(wǎng)頁上的內(nèi)容一定要勤于更新。Inter1177.1.2網(wǎng)站的組織網(wǎng)站都是由一個(gè)個(gè)網(wǎng)頁組成的，網(wǎng)頁的組織是非常關(guān)鍵的，網(wǎng)頁組織的好壞直接關(guān)系到網(wǎng)站的成功與否。一般來說，一個(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)容。7.1.2網(wǎng)站的組織118(3)內(nèi)容。網(wǎng)頁的內(nèi)容非常重要，是瀏覽者最感興趣的部分。(4)指向主頁的鏈接或指向網(wǎng)站其他網(wǎng)頁的鏈接。網(wǎng)站設(shè)計(jì)有一個(gè)非常著名的原則——“三次單擊”原則，即網(wǎng)站中的任何信息都可以最多單擊三次后找到，或單擊三次后用戶可進(jìn)入到與本網(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等。(3)內(nèi)容。網(wǎng)頁的內(nèi)容非常重要，是瀏覽者最感119(6)網(wǎng)站的建立或更新日期。這些信息也是比較重要的，因?yàn)樗鼈兡軌蜃尀g覽者很快知道哪些信息是最新的。(7)版權(quán)說明。可以在網(wǎng)站中設(shè)置一個(gè)版權(quán)說明，當(dāng)被侵權(quán)時(shí)，就會(huì)有所幫助。(6)網(wǎng)站的建立或更新日期。這些信息也是比120

2．網(wǎng)頁的長度要合適一般來說，網(wǎng)頁的長度太短的話，就無法容納足夠多的內(nèi)容，也就無法提供足夠多的信息；反之，若網(wǎng)頁的長度太長，首先其下載速度過慢，其次不方便瀏覽者的訪問，因?yàn)樗麄冃枰粩嗟胤瓌?dòng)屏幕，在滾動(dòng)屏幕的過程中也很容易錯(cuò)過網(wǎng)頁中的某些內(nèi)容。根據(jù)經(jīng)驗(yàn)，網(wǎng)頁的篇幅一般限制在2到3頁之內(nèi)為佳。2．網(wǎng)頁的長度要合適1217.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ì)便沒有定式。那么如何設(shè)計(jì)好自己的版面呢?一般來說，可以依據(jù)以下幾個(gè)原則來設(shè)計(jì)版面。7.1.3網(wǎng)頁的版面設(shè)計(jì)122

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)頁。1．盡量簡潔123

2．主色調(diào)色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。如果色彩處理不好，會(huì)顯得凌亂、庸俗，甚至還覺得刺眼。一般來說，網(wǎng)頁中的色彩不要超過三種，并且選用其中的一種色彩作為主色調(diào)，居主導(dǎo)地位。下面介紹幾種常用的配色方案。(1)暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。2．主色調(diào)124(2)冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。(3)對比色調(diào)。即把色性完全相對的色彩搭配在空間里。例如，紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的對比效果，給人以亮麗、鮮艷、喜慶的感覺。現(xiàn)在很多網(wǎng)站的色彩搭配都很講究，給人一種賞心悅目的感覺。(2)冷色調(diào)。即青色、綠色、紫色等色彩的搭125

3．善用表格利用表格，可以隨心所欲地安排頁面，使頁面的內(nèi)容整齊有序，層次清晰。另外，當(dāng)圖片較大時(shí)，可以將其裁剪成小的圖片，再用表格將裁剪好的小圖片拼接在一起，這樣可以提高下載速度。使用了表格，可使整個(gè)版面顯得整潔、有序、結(jié)構(gòu)清楚。3．善用表格1267.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)站的徽標(biāo)、有代表性的圖形和動(dòng)畫等均要一致。7.1.4網(wǎng)站的風(fēng)格127(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就是一種叫做樣式表(StyleSheet)的技術(shù)，也叫層疊樣式表(CascadingStyleSheet，CSS)技術(shù)。使用CSS技術(shù)，可以統(tǒng)一地對所有頁面的布局、字體、顏色、行距、縮進(jìn)量、背景等進(jìn)行控制。(3)導(dǎo)航條的風(fēng)格要一致。導(dǎo)航條實(shí)際上就是1287.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)站。對網(wǎng)頁進(jìn)行優(yōu)化就是要平衡兩者，讓兩者達(dá)到最佳狀態(tài)，這可以從以下幾個(gè)方面來著手。7.1.5網(wǎng)頁的優(yōu)化129

1．網(wǎng)頁的長度不要過長一般來說，網(wǎng)頁的長度不要超過三屏為好。超過三屏?xí)咕W(wǎng)頁下載速度過慢，很容易使瀏覽者轉(zhuǎn)向其他的網(wǎng)站。1．網(wǎng)頁的長度不要過長130

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

3．定義圖片的尺寸(長度和寬度)定義圖片的尺寸雖然不能減少圖片的長度，但是可以加快網(wǎng)頁下載的速度。因?yàn)橛行g覽器每收到一張圖片，事先要算出圖片的尺寸才能顯示出來。如果事先設(shè)置好，那么瀏覽器就不必花時(shí)間去計(jì)算圖片的大小。再說如果事先設(shè)置好尺寸，那么瀏覽器在圖片還沒有完全下載時(shí)，就知道圖形的大小，這樣在下載的過程中它就可以安排圖片鄰近的文本了，否則的話，只有等圖片全部下載完畢后，計(jì)算其大小，然后再安排鄰近的文本。要設(shè)置圖片的大小，只要在HTML中加入語句<imgsrc="圖片名"width=w_valueheight=h_value>即可。3．定義圖片的尺寸(長度和寬度)1324．正確選擇圖片格式表7-1圖片格式的比較4．正確選擇圖片格式表7-1圖片格式的比較1335．降低顏色數(shù)目可以使用Photoshop等繪圖軟件來降低圖片的分辨率，以減少圖片的長度。這樣做出的圖片雖然看起來不及雜志上的那樣光滑和細(xì)膩，但是只要清楚就可以了，很少有人在意它，關(guān)鍵的是其下載速度。6．慎用動(dòng)畫動(dòng)畫的容量一般是圖像的幾十倍，所以在一頁中動(dòng)畫一般應(yīng)少于3個(gè)，并且每個(gè)動(dòng)畫要控制在15KB內(nèi)。5．降低顏色數(shù)目134

7．慎用Java程序目前Java程序的運(yùn)行速度實(shí)在太慢，使用Java會(huì)使得網(wǎng)頁速度至少減慢50％。由于瀏覽器的版本不同，有時(shí)候等候半天，卻告訴JavaApplent不能啟動(dòng)。一般來說，每個(gè)頁面不要使用超過兩個(gè)以上的Java程序；能夠用Javascript替代效果的，則盡量不要使用Java。7．慎用Java程序135

8．使用緩存缺省情況下，瀏覽器在下載一個(gè)文件前，會(huì)先到緩沖區(qū)中查找；如果緩沖區(qū)中有相同的文件名則直接調(diào)出來，而不是從網(wǎng)站上下載。那些在網(wǎng)站中重復(fù)出現(xiàn)的文件，比如徽標(biāo)、頁首或?qū)Ш綏l就不必一遍一遍地下載。這樣就大大加快了頁面的讀取速度。如果想禁止某一頁的緩存(Cache)的話，可以將如下代碼加入到HTML的Head區(qū)中：<METAHTTP-EQUIV="Pragma"content="no_cache">8．使用緩存136電子政務(wù)理論與實(shí)務(wù)第7章課件137

2.主頁宣傳精心設(shè)計(jì)好了網(wǎng)站，卻發(fā)現(xiàn)偶爾只有一兩個(gè)網(wǎng)友訪問網(wǎng)站。也許這時(shí)你會(huì)失去信心并對自己的能力產(chǎn)生懷疑：是不是網(wǎng)站做得太差，吸引不了人？其實(shí)不然，因?yàn)槿绻患右孕麄鞯脑?，那么在“茫茫網(wǎng)海”中很少會(huì)有人知道你的網(wǎng)站，更談不上會(huì)光顧你的網(wǎng)站，所以只有加大宣傳，擴(kuò)大自己網(wǎng)站的知名度，才會(huì)吸引更多的網(wǎng)友訪問你的網(wǎng)站。那么如何推銷自己的網(wǎng)站，擴(kuò)大自己網(wǎng)站的知名度呢?這可以從以下幾個(gè)方面來著手。2.主頁宣傳138(1)到各搜索引擎注冊、登記。搜索引擎是網(wǎng)民搜索所需資料的主要手段之一，也是推銷、宣傳網(wǎng)站的主要方式。因?yàn)榫W(wǎng)民需要某些資料時(shí)，只需到搜索網(wǎng)站敲入相關(guān)的關(guān)鍵字，搜索引擎會(huì)返回一個(gè)網(wǎng)站的清單，如果他對某一個(gè)網(wǎng)站感興趣的話，那么他就會(huì)光顧該網(wǎng)站。所以你可以到各搜索引擎上注冊、登記。Internet上提供這樣的服務(wù)的網(wǎng)站很多，如Sohu、Yahoo等。(2)發(fā)E-mail通知。可以發(fā)E-mail給你的朋友，讓他們來分享你的成果。也可以發(fā)E-mail給網(wǎng)民，但是當(dāng)給不認(rèn)識(shí)的網(wǎng)民發(fā)通知時(shí)，態(tài)度要誠懇，如果他們表示不歡迎你的通知，那么就不要再發(fā)E-mail給他們，否則，他們會(huì)認(rèn)為你是在制造垃圾郵件，很有可能會(huì)受到郵件炸彈的報(bào)復(fù)。(1)到各搜索引擎注冊、登記。搜索引擎是網(wǎng)139電子政務(wù)理論與實(shí)務(wù)第7章課件140(6)友情鏈接?？梢赃x擇一些訪問率比較高的主頁來進(jìn)行友情鏈接，這樣光顧網(wǎng)站的朋友一定會(huì)多起來。(7)參加網(wǎng)站排行榜。如果覺得自己有實(shí)力，那么你不妨參加網(wǎng)