導(dǎo)語：如何才能寫好一篇網(wǎng)站設(shè)計，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公文云整理的十篇范文，供你借鑒。

篇1

關(guān)鍵詞:網(wǎng)站設(shè)計;技術(shù);應(yīng)用

1開發(fā)背景

如今網(wǎng)絡(luò)成為各單位、各企業(yè)宣傳自身的重要平臺。學(xué)校通過網(wǎng)站可以宣傳辦學(xué)理念、辦學(xué)特色,介紹專業(yè)設(shè)置情況和招生就業(yè)情況,讓師生可以更加直觀地了解學(xué)校,在如今網(wǎng)絡(luò)時代是很好的宣傳平臺。另外,隨著網(wǎng)絡(luò)技術(shù)的發(fā)展,網(wǎng)上預(yù)約、網(wǎng)上辦公系統(tǒng)也大大提高了辦事效率,節(jié)約了資源和時間。在教學(xué)資源共享方面,網(wǎng)絡(luò)平臺可以儲存和共享各類資料、信息等,各類交互式學(xué)習(xí)和教學(xué)平臺大大提高了教學(xué)效果。因此,加強網(wǎng)站建設(shè),拓展網(wǎng)站功能,提升辦公效率,不斷開發(fā)網(wǎng)絡(luò)技術(shù),是計算機更好的服務(wù)于人們的日常工作,是技術(shù)發(fā)展的需要,也是專業(yè)人員的職責(zé)。

2網(wǎng)站開發(fā)工具

本人根據(jù)工作需要,在本網(wǎng)站設(shè)計中結(jié)合實際選擇Dreamweaver8作為開發(fā)工具,運用PhotoshopCP處理好圖片效果,應(yīng)用在網(wǎng)頁中,用Flash制作漂亮的動畫,并在網(wǎng)頁中使用,Dreamweaver8是Macromedia公司的開發(fā)產(chǎn)品,是目前使用最為廣泛的網(wǎng)頁制作軟件。Dreamweaver8是一個集網(wǎng)頁創(chuàng)作、網(wǎng)站開發(fā)與站點管理于一身的超重量級的創(chuàng)作工具。

3網(wǎng)站的分析與布局

3.1網(wǎng)站的色彩分析

本文以我單位中專部網(wǎng)站為設(shè)計基礎(chǔ),網(wǎng)站基調(diào)顏色選擇是藍色為主。因為藍色是冷色調(diào),給人以穩(wěn)重、冷靜的感覺,同時,藍色也代表著創(chuàng)新,也是許多人鐘愛的顏色。同時在設(shè)計過程中,藍色與其他色調(diào)進行結(jié)合,通過對比,將藍色的樸實、穩(wěn)重、內(nèi)向性格與其他活躍、擴張力的色彩進行對比,給人以沉靜、理智、誠實以及和平、淡雅、可靠等感覺。

3.2網(wǎng)站的內(nèi)容分析與布局

本文設(shè)計的網(wǎng)站是一個實用性的網(wǎng)站,是介紹宣傳中專部基本情況、辦學(xué)特色、教學(xué)與科研一體的綜合性網(wǎng)站。中專部網(wǎng)站建設(shè)的內(nèi)容是為了方便學(xué)校招生信息、教育教學(xué)改革成果、校內(nèi)各類新聞等。根據(jù)工作需要,結(jié)合設(shè)計的思路,網(wǎng)站的板塊計劃作如下圖1所示。本網(wǎng)站利用Dreamweaver進行開發(fā),其功能目標是要實現(xiàn)信息在線瀏覽的功能。本系統(tǒng)建成后,對各功能模塊進行了反復(fù)的測試,經(jīng)過多次的修改各功能模塊已經(jīng)達到設(shè)計的要求。本網(wǎng)站開發(fā)技術(shù)先進、功能模塊齊全并且具有較好的通用性。在本網(wǎng)站中界面的設(shè)計主要還是圖文結(jié)合,以簡潔大方為主。

4網(wǎng)站測試與上傳

4.1網(wǎng)站的測試

網(wǎng)站制作完成后需要進一步的測試和運行,方便查看整體效果以及各模塊適應(yīng)情況。需要對網(wǎng)站進行全面測試。軟件測試是為了發(fā)現(xiàn)程序中的錯誤而執(zhí)行程序的過程。好的測試方案是極可能發(fā)現(xiàn)迄今為止尚未發(fā)現(xiàn)的錯誤的測試方案。

4.2網(wǎng)站上傳

利用FlashFXP上傳做好的完整的網(wǎng)站內(nèi)容。FlashFXP是一款功能強大的FXP/FTP軟件,集成了其它優(yōu)秀的FTP軟件的優(yōu)點,如CuteFTP的目錄比較,支持彩色文字顯示等;如BpFTP支持多目錄選擇文件,暫存目錄;又如LeapFTP的界面設(shè)計。支持目錄(和子目錄)的文件傳輸,刪除;支持上傳、下載以及第三方文件續(xù)傳;可以跳過指定的文件類型,只傳送需要的本件;可自定義不同文件類型的顯示顏色;暫存遠程目錄列表,支持FTP及Socks3&4;有避免閑置斷線功能,防止被FTP平臺踢出;可顯示或隱藏具有“隱藏”屬性的文檔和目錄;支持每個平臺使用被動模式等。在這一個章節(jié)中主要是網(wǎng)站的測試,通過IETESTER軟件對系統(tǒng)整體功能進行測試,測試網(wǎng)頁在IE6、IE7、IE8瀏覽器是否能都能正常顯示。檢驗本網(wǎng)站是否符合系統(tǒng)開發(fā)的目標,發(fā)現(xiàn)系統(tǒng)存在的問題進行改進,利用Flashfxp上傳網(wǎng)站,從任何瀏覽器都可以看到此網(wǎng)站,從而實現(xiàn)學(xué)院網(wǎng)站的開發(fā)目標。

作者:張雪瑩 單位:永城職業(yè)學(xué)院

參考文獻:

篇2

關(guān)鍵詞：網(wǎng)站職能；網(wǎng)站設(shè)計；WEB2.0

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2008)32-1084-02

1 引言

教育信息化作為國家信息化的重要組成部分，對于轉(zhuǎn)變教育思想觀念， 深化教育改革，提高教育質(zhì)量，培養(yǎng)創(chuàng)新人才具有深遠意義，是實現(xiàn)教育跨越式發(fā)展的必然選擇。隨著網(wǎng)絡(luò)技術(shù)和WEB技術(shù)的發(fā)展，各大高等院校依托校園網(wǎng)的建設(shè)、運行，在其之上開展的各項應(yīng)用服務(wù)得到了長足的發(fā)展，其中高校網(wǎng)站的建設(shè)和發(fā)展在推動我國素質(zhì)教育和教育信息化進程中發(fā)揮了至關(guān)重要的作用。

2 高校網(wǎng)站的基本職能

高校網(wǎng)站是高?；赪EB技術(shù)建立起來的學(xué)校對校內(nèi)外的資源共享與信息交流的平臺。從教育信息化的角度來看，高校網(wǎng)站應(yīng)具有以下幾個基本職能：對外宣傳、教學(xué)教輔功能、資源共享、交流互動平臺。總之，網(wǎng)站建設(shè)的最終目的是“服務(wù)”，高校網(wǎng)站建設(shè)的根本目的是服務(wù)師生，服務(wù)校園建設(shè)。學(xué)校網(wǎng)站的規(guī)劃與設(shè)計不應(yīng)偏離這個最終目的。

3 高校網(wǎng)站的設(shè)計

網(wǎng)站設(shè)計是一項系統(tǒng)的工程，必須遵循前期規(guī)劃、后期制作與維護這樣一個流程。網(wǎng)站設(shè)計的總體要求是：網(wǎng)站主題突出，層次清晰，界面美觀，網(wǎng)站功能滿足實際需要。

3.1 前期規(guī)劃

建設(shè)一個網(wǎng)站，首先要求有明確的主題，并從整體上把握網(wǎng)站的結(jié)構(gòu)，進行前期規(guī)劃，然后搜集素材和資料，利用網(wǎng)頁制作工具將各種資料、素材有序地、有機地結(jié)合起來。這里僅從網(wǎng)站的顏色搭配，功能和布局設(shè)置來談?wù)劸W(wǎng)站設(shè)計的前期規(guī)劃。

3.1.1 顏色搭配

色彩搭配是網(wǎng)站設(shè)計中最重要的一環(huán)，一個網(wǎng)站不可能運用單一的色彩，也不可能將所有的色彩運用進來，一般一個網(wǎng)頁的顏色超過三種就可能產(chǎn)生混亂花哨的感覺。因此這就牽涉到一個色彩主基調(diào)的問題。抓住網(wǎng)站的主色調(diào)再配以其他不同的輔色，這樣既突出了主色，又使整個網(wǎng)站美觀自然、渾然一體。

高校網(wǎng)站主題色一般來源于自己學(xué)校的VI識別標準色，學(xué)校的標志（LOGO）是我們確定主題色的一個重要參考標準，一般網(wǎng)頁設(shè)計的時候既要考慮到突出LOGO標志，又要和LOGO的顏色和諧統(tǒng)一，以LOGO為參照色，考慮到網(wǎng)站的主題表現(xiàn)需要，就可以確定好主色調(diào)。網(wǎng)頁中各個組成部分色彩的搭配，即輔色的運用，要考慮到和主色的關(guān)系，整個網(wǎng)站的層次感以及高校的學(xué)科特色等因素。比如網(wǎng)頁中導(dǎo)航菜單的顏色、圖標的顏色，標題的顏色就應(yīng)該用相對醒目的顏色呈現(xiàn)。值得注意的是，網(wǎng)頁中適當(dāng)?shù)奶S性色彩或線條的運用能讓原本平淡無奇的網(wǎng)站立刻活躍起來，顯得動感十足、美觀大方。

3.1.2 功能和布局設(shè)置

高校網(wǎng)站具有宣傳、教學(xué)教輔、資源共享等基本職能。因此網(wǎng)站設(shè)計中網(wǎng)站的功能設(shè)置應(yīng)當(dāng)充分滿足實際需要。比如為了滿足學(xué)校對外宣傳的需要，在學(xué)校網(wǎng)站的主頁上應(yīng)當(dāng)有學(xué)校簡介、學(xué)校新聞，院系鏈接等。為了滿足教學(xué)教輔需要，則在學(xué)校網(wǎng)站上應(yīng)該有各職能部門、各網(wǎng)上教學(xué)，辦公系統(tǒng)的鏈接入口。

網(wǎng)站的布局也是網(wǎng)頁設(shè)計中一個十分重要的環(huán)節(jié)。網(wǎng)站的布局應(yīng)該符合人們的視覺習(xí)慣，從上到下，從左至右。因此網(wǎng)頁中比較重要的內(nèi)容應(yīng)該盡量往左上角靠。而目前我們的計算機顯示器的分辨率一般是1024*768或者以上，但也有一部分是使用800*600的分辨率，因此網(wǎng)站的主體內(nèi)容應(yīng)該是集中在從網(wǎng)站的中央開始800*600像素的范圍之內(nèi)，這樣才能主題突出。

3.2 網(wǎng)站的制作與維護

3.2.1 網(wǎng)站的制作

網(wǎng)頁制作采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖像，F(xiàn)lash相結(jié)合，目前較流行的網(wǎng)頁制作工具有Dreamwaver、Fireworks、 Flash、 Photoshop等。

高校網(wǎng)站數(shù)據(jù)更新較快，數(shù)據(jù)量大，一般適合使用架構(gòu)有數(shù)據(jù)庫支持的動態(tài)網(wǎng)站。目前較流行的動態(tài)網(wǎng)站設(shè)計語言有ASP、JSP、PHP。三種語言背后都有強大的數(shù)據(jù)庫支持，比如PHP語言使用MYSQL數(shù)據(jù)庫，ASP語言則使用SQL2000數(shù)據(jù)庫。動態(tài)網(wǎng)站設(shè)計語言與數(shù)據(jù)庫的結(jié)合能實現(xiàn)網(wǎng)站數(shù)據(jù)的動態(tài)更新。網(wǎng)站的更新和維護只需在后臺管理中進行，不需修改前臺網(wǎng)頁，極大的提高網(wǎng)站的工作效率。

3.2.2 網(wǎng)站的后期維護

網(wǎng)站的生命力在于網(wǎng)站的內(nèi)容，后期維護的重心應(yīng)該是豐富網(wǎng)站的內(nèi)容，堅持及時更新數(shù)據(jù)。高校網(wǎng)站應(yīng)該不斷添加和完善網(wǎng)站內(nèi)容（比如院系資料、其他部門子網(wǎng)站等），及時學(xué)校的校園新聞，科研動態(tài)等信息，不能讓學(xué)校網(wǎng)站成為一個空架子，華而不實。

另外網(wǎng)站的后期維護還包括網(wǎng)站重構(gòu)，美化網(wǎng)站界面，優(yōu)化程序設(shè)計等。只有堅持推陳出新，網(wǎng)站才會有吸引力，才能體現(xiàn)網(wǎng)站真正的價值所在。

4 新形勢下高校網(wǎng)站建設(shè)的思考

WEB2.0時代已經(jīng)到來?？焖俚木W(wǎng)頁瀏覽和內(nèi)容更新，易維護的網(wǎng)站管理成為了用戶和網(wǎng)站設(shè)計者共同關(guān)注的焦點，符合WEB2.0標準的網(wǎng)頁設(shè)計便應(yīng)運而生。WEB2.0網(wǎng)頁設(shè)計標準包括：結(jié)構(gòu)標準語言（Xml、Xhtml）、表現(xiàn)標準語言（CSS）、行為標準。個人認為制作符合WEB2.0標準的網(wǎng)頁可以從以下兩個方面下手：

一是用語義標記語言寫頁面，和XML接軌。

語義標記，也就是精確描述頁面每一部分作用的標記。最常用的標記語言HTML和XHTML一般用于顯示目的，設(shè)計者可以通過對HTML標簽應(yīng)用CSS來改變頁面風(fēng)格，利用CSS和DIV來靈活的進行網(wǎng)頁布局。

二是整合AJAX技術(shù)，提升用戶體驗。

AJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。Ajax應(yīng)用程序通過異步模式，優(yōu)化了瀏覽器和服務(wù)器之間的傳輸，減少不必要的數(shù)據(jù)往返，減少了帶寬占用，從而提升了用戶體驗。

5 結(jié)束語

網(wǎng)站建設(shè)是一門復(fù)雜的技術(shù)，高等院校有科研創(chuàng)新的使命，在網(wǎng)站的建設(shè)上更應(yīng)該走在技術(shù)的前沿，如何構(gòu)建符合WEB2.0標準的網(wǎng)站，進行內(nèi)容與樣式分離，增強網(wǎng)站的交互性能，提高高校網(wǎng)站的服務(wù)能力，值得我們每一個網(wǎng)站設(shè)計者去深入研究。

參考文獻：

[1] 鄒麗英,孫小權(quán). 淺談高校網(wǎng)站的建設(shè)與維護[J].教育信息化,2006(2): 26-27.

[2] 陳敏.論高校網(wǎng)WEB頁面色彩的定位與設(shè)置[J].當(dāng)代經(jīng)理人,2006(07):127-128.

篇3

在防震減災(zāi)網(wǎng)站的設(shè)計中為避免以上問題的出現(xiàn)，應(yīng)本著以下設(shè)計原則，提高網(wǎng)站的實用價值.在實際的防震減災(zāi)網(wǎng)站設(shè)計中，筆者更傾向于以教育網(wǎng)站的模式進行設(shè)計，將瀏覽該網(wǎng)站的網(wǎng)民們看成是學(xué)習(xí)者，并進行系統(tǒng)的教學(xué).

1.1信息完善化

信息的完善是整個防震減災(zāi)網(wǎng)站的支柱，然而在網(wǎng)站中它往往是最容易被忽略的，對于信息量的不足將會導(dǎo)致人們對網(wǎng)站建設(shè)產(chǎn)生認識上的偏差，甚至?xí)Ψ勒饻p災(zāi)網(wǎng)站建設(shè)的意義產(chǎn)生懷疑.在對防震減災(zāi)信息的完善方面，需包含地震的產(chǎn)生、震前的現(xiàn)象、震中的措施等等，其中對自救措施更應(yīng)祥相加描述，一旦地震發(fā)生，網(wǎng)站中每一條信息的解說都可能在地震中得以應(yīng)用，而只有信息完善的防震減災(zāi)網(wǎng)站才會得到網(wǎng)民的認可.

1.2技術(shù)多樣化

技術(shù)這里是指多媒體技術(shù)，多媒體技術(shù)是利用計算機對文本、圖形、圖像、聲音、動畫、視頻等多種信息綜合處理、建立邏輯關(guān)系和人機交互作用的技術(shù).在社會發(fā)展的今天僅以簡單文本信息對防震知識進行敘述，已經(jīng)無法滿足人們對知識的認可，而且易讓人們在操作方面產(chǎn)生主觀上的錯誤，不但沒有達到預(yù)期的效果反而會適得其反，所以在網(wǎng)站建設(shè)上多媒體技術(shù)的應(yīng)用就顯得尤為重要.

1.3網(wǎng)站宣傳化

網(wǎng)站的本身就是一個宣傳媒介，一個好的網(wǎng)站自然會被人們所宣傳，但為了能加快網(wǎng)站的傳播速度，可以在網(wǎng)站中建設(shè)宣傳模塊，并實現(xiàn)在線交流的互動功能，對網(wǎng)民的意見進行記錄后，到網(wǎng)站的論壇上由網(wǎng)民們進行投票決定網(wǎng)站的進一步改革，使網(wǎng)站不但注入新鮮的血液，更在交流與互動中不斷完善，由于大家不斷參與到其中，防震減災(zāi)網(wǎng)站的建設(shè)也會逐步得到大家的認可與關(guān)注.

2防震減災(zāi)網(wǎng)站設(shè)計思路

2.1網(wǎng)站內(nèi)容的選擇

網(wǎng)站的內(nèi)容選擇上主要從兩個層次進行篩選，第一個層次是網(wǎng)站的模塊主次之分，網(wǎng)站的建設(shè)主要以防震減災(zāi)知識的內(nèi)容、與地震信息的匯報為主要模塊，設(shè)置在防震減災(zāi)網(wǎng)站的主頁醒目的位置上，將工作活動、災(zāi)后重建的情況等模塊置于次要模塊中.通過模塊的主次劃分能突出主體，可更加直觀的展現(xiàn)出網(wǎng)站的重點，讓學(xué)習(xí)者有目的的進行學(xué)習(xí).第二層次的劃分主要是針對防震減災(zāi)知識的內(nèi)容所進行選擇，這里更傾向于將知識與多媒體技術(shù)的融合，從視聽出發(fā)完善網(wǎng)站知識內(nèi)容的質(zhì)量.雖然這種思想雖然早已被大家所熟知，但筆者認為更重的是表現(xiàn)形式的創(chuàng)新與合理應(yīng)用，例如：在防震減災(zāi)視頻的設(shè)計中，可采用雙畫面對照，一畫面顯示正確的操作方法，另一畫面顯示常規(guī)的錯誤做法，用紅線圈出主要出現(xiàn)錯誤的地方同時將畫面定格幾秒鐘，方便學(xué)習(xí)者找出重點.這里的創(chuàng)新點在于通過雙畫面對照的形式，促進了學(xué)習(xí)者獨立思考并加深了記憶，更好的從群眾角度出發(fā).

2.2遵循認知學(xué)習(xí)理論

認知主義學(xué)習(xí)理論源自于格式塔學(xué)派的認知主義學(xué)習(xí)論，經(jīng)過一段時間的沉寂之后，再度復(fù)蘇.從20世紀50年代中期之后，隨著布魯納、奧蘇貝爾等一批認知心理學(xué)家的大量創(chuàng)造性的工作，使認知學(xué)習(xí)理論又進入一個輝煌的時期.認知派學(xué)習(xí)理論家認為學(xué)習(xí)在于內(nèi)部認知的變化，學(xué)習(xí)是一個比S—R（S表示刺激，R表示反應(yīng)）聯(lián)結(jié)要復(fù)雜得多的過程.他們注重解釋學(xué)習(xí)行為的中間過程，即目的、意義等，并認為這些過程才是控制學(xué)習(xí)的可變因素.認知過程在網(wǎng)站設(shè)計的應(yīng)用.首先來了解一下人的認知流程圖（如圖1），人的認知是從環(huán)境對人的感受器發(fā)生作用開始，從而影響感覺登陸器，感覺登陸器的反應(yīng)強度會影響記憶效果，通過不斷的環(huán)境影響，記憶的效果也會不斷的增強，最終由短時記憶變成長時記憶.由于頭腦中存在這些記憶，當(dāng)外界環(huán)境改變時，記憶會促進反應(yīng)發(fā)生器做出相應(yīng)的發(fā)應(yīng).我們可將環(huán)境看成是防震減災(zāi)的網(wǎng)站，而網(wǎng)站的設(shè)計將最終決定人的記憶效果，而記憶效果也將影響人們在面臨災(zāi)害時的行為.針對網(wǎng)站的主頁設(shè)計要盡量的簡約化、條理化，要讓學(xué)習(xí)者一目了然，明白網(wǎng)站的主要內(nèi)容，以便于有目的學(xué)習(xí).認知學(xué)習(xí)理論之發(fā)現(xiàn)學(xué)習(xí)法.美國大教育家布魯納曾提出發(fā)現(xiàn)學(xué)習(xí)是學(xué)習(xí)知識的最佳方式，發(fā)現(xiàn)學(xué)習(xí)也就是使學(xué)習(xí)者明確學(xué)習(xí)目的和意義從而對學(xué)習(xí)產(chǎn)生濃厚的興趣，借助外界條件進行獨立學(xué)習(xí)、思考與總結(jié).布魯納指出，發(fā)現(xiàn)=尋求人類尚未知曉的事物的行為+自己的頭腦親自獲得知識的一切形式（學(xué)習(xí)者所獲得的知識盡管都是人類以知曉的事物，但是，如果這些知識是依靠學(xué)習(xí)者自己的力量引發(fā)出來的那么對學(xué)習(xí)者來說仍是一種“發(fā)現(xiàn)”).對于防震減災(zāi)網(wǎng)站建設(shè)來說學(xué)習(xí)者處于主動地位，而網(wǎng)站的內(nèi)容設(shè)計要引導(dǎo)學(xué)習(xí)者積極主動的去學(xué)習(xí)去獨立思考問題，為了達到這一效果，就必須將目前外界環(huán)境的影響三部分因素有機的結(jié)合起來，這三部分因素別為：抽象因素（文字和符號為主）、形象因素（視頻和音頻為主）、能動因素（實踐為主）(如圖2).其中抽象因素是最能引發(fā)學(xué)習(xí)者的獨立思考的環(huán)節(jié)，但抽象因素過多又會導(dǎo)致學(xué)習(xí)者的疲倦感、興趣降低等現(xiàn)象，所以防震減災(zāi)網(wǎng)站的內(nèi)容要有目的的設(shè)計，將抽象因素與形象因素相結(jié)合，再由實踐來鞏固記憶.結(jié)合認知理論的導(dǎo)航設(shè)計.根據(jù)人的認知過程，防震減災(zāi)網(wǎng)站的導(dǎo)航設(shè)計也可通過人的認知過程來安排.可以從地震災(zāi)害的記錄、地震形成的過程、防震知識的學(xué)習(xí)、災(zāi)后工作的現(xiàn)狀、到國內(nèi)外的地震信息圖等，筆者只是大在這里致設(shè)計了一下，主要是從人們認識地震到逐步了解和關(guān)注地震的角度進行的分析.這樣設(shè)計的好處是能讓學(xué)習(xí)者在其學(xué)習(xí)的過程能產(chǎn)生明確的思路，避免在產(chǎn)生知識的混亂，也利于學(xué)習(xí)者學(xué)習(xí)記憶，在實踐中也會表現(xiàn)出最佳的效果.

2.3虛擬現(xiàn)實的應(yīng)用

篇4

1.1以城市信息為主導(dǎo)的導(dǎo)航設(shè)置例如，如何在有限寬度的顯示屏上構(gòu)建合理的信息框架，讓瀏覽者對網(wǎng)站提供的巨量信息感到有條理；如何建立包括主導(dǎo)航條（瀏覽深度）、關(guān)鍵詞搜索（精準瀏覽）、頂條導(dǎo)航（任務(wù)導(dǎo)向）的導(dǎo)航系統(tǒng)等。通過導(dǎo)航系統(tǒng)的建立，進行信息分級，可使巨量信息在一個頁面里建立起層次合理的章節(jié)目錄，以引導(dǎo)瀏覽者便捷地找到所需信息。倫敦城市門戶網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計見圖1，它包含了主導(dǎo)航條、關(guān)鍵詞搜索和頂條導(dǎo)航，主次分明，功能分區(qū)明確[1]。主導(dǎo)航條用了4種不同顏色的斜線起伏相連，以等線體作為分類小標題的字體，標題內(nèi)容分別指向城市的4種功能，即“介紹、服務(wù)、商業(yè)、資訊”。瀏覽者通過主導(dǎo)航條的指引，在對應(yīng)的下拉菜單中，可以詳細地了解到各類信息，這樣就能對倫敦城市有較全面整體的認識。主導(dǎo)航條右側(cè)的＂Findit！＂及醒目的紅色放大鏡圖標，是導(dǎo)航系統(tǒng)中的關(guān)鍵詞搜索功能，通過輸入關(guān)鍵字詞，可以直接找到網(wǎng)站內(nèi)所有與之相關(guān)的信息。頂條導(dǎo)航設(shè)置在網(wǎng)站頂端，用較小文字標示，分別指向“在線工作、站內(nèi)信息按照標題的首字母順序檢索、網(wǎng)上商城、文化活動、招聘工作、新聞中心、聯(lián)系我們、登錄注冊”等關(guān)于整個倫敦城市的各個方面的信息。在這個部分，不僅提供了方便市民購買、支付的功能，還有序地把整個城市的文化教育活動、工作就業(yè)等大量的服務(wù)信息進行了高度概括。如頂條導(dǎo)航里＂Doitonline＂對應(yīng)的頁面中，會有＂Applyforit，F(xiàn)indit，Payforit＂等選項，選擇＂Payforit＂就可以在線繳納房租、水電、稅款等；點擊＂Contactus＂，顯示的不僅是倫敦市政府的聯(lián)系方式，還有倫敦市近45個其他職能部門的聯(lián)系方式。主導(dǎo)航旨在幫助瀏覽者對城市信息作全面了解；頂條導(dǎo)航旨在幫助瀏覽者解決具體任務(wù)及解答問題；關(guān)鍵詞搜索旨在快速、精準地幫助瀏覽者獲得信息。國內(nèi)網(wǎng)站的導(dǎo)航系統(tǒng)分類繁雜，主導(dǎo)航條與頂條導(dǎo)航主次不分、內(nèi)容重復(fù)，主導(dǎo)航條的分類有時高達10個類別以上。如上海城市門戶網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計，見圖2，主導(dǎo)航條設(shè)置了13個類別；關(guān)鍵詞搜索設(shè)置在主導(dǎo)航條下方，細分“網(wǎng)站群檢索、站內(nèi)檢索、一般搜索、高級搜索”4個選項；頂條導(dǎo)航設(shè)置了8個類別，每個類別下方有顯露式的下拉索引，達20項以上[2]。瀏覽者在分類過多、主次不分的導(dǎo)航系統(tǒng)中，要逐個閱讀、篩選來尋找自己需要的信息。如何將繁雜的城市信息進行合理分類、概括，不僅能提高網(wǎng)站的易用性，建立清晰的信息架構(gòu)，還能減少用戶的選擇難度，提高查找效率。不管城市的大小，其門戶網(wǎng)站作為對內(nèi)、對外展示城市和提供城市信息的基本功能是不變的。有效地把城市的主要功能作為主導(dǎo)航條，將具體任務(wù)的解決及查詢設(shè)置到頂條導(dǎo)航的方法是值得大家仔細研究的。1.2以城市內(nèi)、外用戶群為主導(dǎo)的導(dǎo)航設(shè)置以用戶群角度作為分類標準的導(dǎo)航設(shè)計，也是一種值得借鑒的方法。如日本金澤城市門戶網(wǎng)站設(shè)計，見圖3，設(shè)計師基于網(wǎng)絡(luò)人群自助式點擊的需求，在首頁設(shè)置了城市居民和旅游觀光客的不同入口[3]。這樣的信息架構(gòu)不是從城市功能、城市信息分類出發(fā)，而是基于城市對內(nèi)、對外的用戶群來進行構(gòu)建。像這種對用戶群進行快速分流引導(dǎo)的設(shè)計方法，有利于用戶過濾掉不必要的信息。

2網(wǎng)站視覺元素設(shè)計

在進行城市門戶網(wǎng)站視覺設(shè)計之前，應(yīng)該對該城市進行基礎(chǔ)調(diào)研，包括是否有該城市的視覺識別體系，以及該城市擁有的自然地理、文化歷史、產(chǎn)業(yè)資源等信息，找出符合當(dāng)?shù)爻鞘卸ㄎ患拔幕卣鞯膱D形、文字和色彩等視覺元素，從而使城市門戶網(wǎng)站的設(shè)計達到與地域文化相一致的、特色鮮明的視覺整體效果。2.1圖標與圖片設(shè)計對于以大量信息內(nèi)容為主的城市門戶網(wǎng)站來說，善用圖標與圖片的設(shè)計，不僅可以活躍版面、營造生動的網(wǎng)頁形象，還能有效地配合文字信息達到視覺強化的作用。圖標設(shè)計在現(xiàn)代設(shè)計中起著舉足輕重的作用，它以形象簡潔的圖形設(shè)計跨越語言、文字障礙，具有國際通用性的特點。如巴黎城市門戶網(wǎng)站首頁設(shè)計，見圖4，設(shè)計師在頂條導(dǎo)航上采用了圖標設(shè)計，圖標下方輔以文字說明，作為網(wǎng)站鮮明的視覺符號，避免了大量的文字導(dǎo)航，運用形象的圖標象征導(dǎo)航的內(nèi)容，使分類引導(dǎo)的信息更形象、更直觀，或許不懂法語的人，也能通過圖標輔助找到相應(yīng)的欄目和頁面[4]。多彩的圖標導(dǎo)航設(shè)計與簡潔的網(wǎng)站標志相結(jié)合，體現(xiàn)了巴黎作為國際大都會、時尚之都的城市特色。圖片分為矢量圖片和攝影圖片，矢量圖片富有裝飾美感，攝影圖片具有真實可靠等特點。在選擇圖片時，應(yīng)根據(jù)網(wǎng)站內(nèi)容進行挑選。在進行圖片的編排組合時，有效地將圖片與文字進行搭配，處理好圖片大小，形成瀏覽視覺重點，從而有序指引瀏覽者，是提高網(wǎng)站可讀性的重要設(shè)計方法。如圖4中，大小圖片的有序排列，既便于信息分類，又使視覺有了集中點。2.2色彩設(shè)計網(wǎng)頁的色彩包括網(wǎng)站的標準色、圖片的主色、頁面的背景色和邊框色等。色彩本身是客觀的，但色彩的出現(xiàn)總能引起人們的一系列心理活動。人們的聯(lián)想、風(fēng)俗、生活經(jīng)歷往往會給色彩注入不同的情感內(nèi)涵，并由此引發(fā)出對不同顏色的好感或厭惡，從而使色彩具有了明顯的情感象征性。國外城市門戶網(wǎng)站設(shè)計見圖5[5]。巴塞羅那城市門戶網(wǎng)站見圖5a，設(shè)計師以巴塞羅那城市建筑中典型的藍色和橙色作為網(wǎng)站的標準色，不僅與主頁圖片的色調(diào)一致，而且在主導(dǎo)航條的設(shè)計上也以藍色和橙色加以區(qū)別，使得主導(dǎo)航條的分類更加清晰。柏林城市門戶網(wǎng)站見圖5b，網(wǎng)站以藍色為主色調(diào)，紅色為點綴色，整體統(tǒng)一。多倫多城市門戶網(wǎng)站見圖5c，網(wǎng)站以深藍色為主色調(diào)，以低純度的藍色、紫色、黃色、綠色為輔助色，作為各主導(dǎo)航分類標題的背景色。良好的網(wǎng)站色彩設(shè)計，不僅能體現(xiàn)該城市的人文氣息、活躍網(wǎng)頁視覺效果，還能通過色彩的面積對比、色調(diào)對比，使得導(dǎo)航系統(tǒng)更具條理性，實現(xiàn)功能引導(dǎo)的作用。2.3網(wǎng)站標志與文字設(shè)計網(wǎng)站標志是城市門戶網(wǎng)站的第一視覺元素，在首頁中占據(jù)著重要的視覺位置，是城市形象的直觀反映。有的網(wǎng)站標志是以該市的市徽進行延展設(shè)計，從而形成一致的城市視覺形象；有的則為適應(yīng)網(wǎng)絡(luò)文化而重新設(shè)計。國外城市門戶網(wǎng)站標志設(shè)計見圖6。不管是延用還是重新設(shè)計，網(wǎng)站標志都應(yīng)該與網(wǎng)站頁面的整體視覺風(fēng)格保持一致。文字是網(wǎng)頁設(shè)計元素中信息傳達的主角，是信息傳播的基本載體，同時也是最具創(chuàng)意的設(shè)計元素[6]。不同的標題需要選擇能夠準確傳達其特性的字體。不同的字體，其風(fēng)格與內(nèi)涵不同。一般而言，網(wǎng)站正文的小標題字體應(yīng)選擇黑體，正文內(nèi)容選擇宋體，這樣可以提高網(wǎng)站的可讀性。良好的網(wǎng)站設(shè)計，不僅需要建立簡潔、清晰、明了的導(dǎo)航系統(tǒng)，還要善于運用圖標、色彩、標志、文字等視覺元素，才能起到強化導(dǎo)航系統(tǒng)、展示城市文化的作用。

3結(jié)語

篇5

關(guān)鍵詞：Html；ACCESS；ASP；WQFQ；文章管理；文章錄入；多用戶留言；附件上傳

中圖分類號：TM393.09

1 緒論

1.1 建設(shè)目的

本網(wǎng)站設(shè)計之目的在于通過建設(shè)各個院系網(wǎng)站，使的管理與信息化接軌，從而全面提高的管理、學(xué)習(xí)、工作的效率，同時也進一步推動全校開展的教學(xué)信息化改革。

1.2 項目背景

信息技術(shù)尤其是網(wǎng)絡(luò)技術(shù)被廣泛應(yīng)用到教育行業(yè)，成為教育發(fā)展的具有“里程碑”意義的事件。如何在教育信息化逐漸普及的背景下構(gòu)建學(xué)校網(wǎng)站已經(jīng)成為各級各類學(xué)校面臨的一個重要問題。

如何在新課程改革的大背景下，深入探討信息技術(shù)尤其是網(wǎng)絡(luò)技術(shù)對系機構(gòu)管理、學(xué)科建設(shè)、特色發(fā)展和對教學(xué)方法、教學(xué)手段、教學(xué)評價等方面前沿問題顯得尤為重要。系網(wǎng)站做為系對內(nèi)服務(wù)、對外宣傳的重要平臺，其建設(shè)已經(jīng)引起更多教育管理者的重視。

1.3 項目特點

本方案主要特點如下：（1）可以在后臺對站點的各類基本信息及相關(guān)參數(shù)進行設(shè)置修改。（2）本頁面有強大的文章管理功能可以對文章進行多級分類，文章內(nèi)容也可以進行各種添加、管理、刪除等操作，文章管理過程中支持。（3）本網(wǎng)站有功能強大的多用戶留言系統(tǒng)：可管理留言、留言可在線回復(fù)、支持ubb代碼、有豐富的發(fā)帖表情、支持個性化頭像等功能。（4）本系統(tǒng)支持多用戶系統(tǒng)，并對多用戶進行分級管理，賦予不同的權(quán)限，實現(xiàn)人性化操作。

2 網(wǎng)站的設(shè)計要求

2.1 設(shè)計主題

每個網(wǎng)站都有一個鮮明的主題，在目標明確的基礎(chǔ)上，我們可以完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。要做到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對無關(guān)人員也要留下一定印象。要調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣，突出個性，辦出我們網(wǎng)站的特色。

2.2 界面設(shè)計

我們根據(jù)各個院系的VI風(fēng)格及網(wǎng)站功能，采用網(wǎng)站設(shè)計中最能表現(xiàn)出統(tǒng)一風(fēng)格的CSS技術(shù)進行頁面進行統(tǒng)一的版面設(shè)計，充分體現(xiàn)各個院系的嶄新形象。為了使網(wǎng)頁設(shè)計有更好的視覺語言，我們需要嚴謹?shù)木幣藕筒季?，雖然與平面設(shè)計相比主頁的設(shè)計有所不同，但也有很多相似之處，可以拿來借鑒和參考。通過理性分析視覺要素，和空間組合圖形文字來設(shè)計版式表現(xiàn)出一種和諧之美。

2.3 模塊設(shè)計

采用模塊化設(shè)計在最初的網(wǎng)站建設(shè)中可以將復(fù)雜系統(tǒng)化大為小、化繁為簡，另外可以實現(xiàn)多人同時開發(fā)以提高系統(tǒng)設(shè)計效率。在完成以后便于管理員的日常維護，以及后期的功能擴展。功能模塊網(wǎng)站建設(shè)以界面的簡潔化和功能模塊的靈活變通性為原則，為各個院系網(wǎng)站設(shè)計制作維護人員提供一個自主更新維護的動態(tài)空間和較為自主的發(fā)揮余地，從而高質(zhì)量地辦好其網(wǎng)站，達到一次投資，長期受益，降低成本的良好效果。

3 網(wǎng)站的具體實現(xiàn)技術(shù)

3.1 應(yīng)用CSS與HTML的結(jié)合設(shè)計網(wǎng)頁

3.1.1 什么是CSS。CSS可以使用不同的超鏈接樣式在同一頁面里，可以改變許多網(wǎng)頁的外觀只通過改變一個文件就可以實現(xiàn)這個工程，所以它是一種樣式表（stylesheet）技術(shù)，也叫做層疊樣式表（Cascading Stylesheet），有著網(wǎng)頁樣式表的強大和靈活特性。

3.1.2 CSS與HTML的結(jié)合方式。通過HTML的LINK元素可以把一個外部的樣式表連接到HTML文檔中。為了避免網(wǎng)頁在展示時的延遲，瀏覽器會把外部樣式表保存在緩沖區(qū)中。僅僅通過一個文件的改變就可以使整個網(wǎng)站的外觀改變當(dāng)樣式被應(yīng)用到很多網(wǎng)頁時。

3.2 應(yīng)用JavaScrip設(shè)計網(wǎng)頁

信息和用戶之間通過javascript可以實現(xiàn)一種動態(tài)的，實時的，可交式的表達能力。Javascript是一種比較優(yōu)秀的腳本語言，收到人們的廣泛喜愛。它能夠滿足使靜態(tài)的HRML頁面被提供動態(tài)的實時信息，并對Web頁面所取代。有效實現(xiàn)了網(wǎng)絡(luò)計算機的宏偉藍圖。

3.3 使用ASP設(shè)計動態(tài)網(wǎng)頁

asp除了擁有和html一樣的特性以外，在其基礎(chǔ)上增強了程序的靈活性。擁有合理的結(jié)構(gòu)，一個asp頁面就可以完成上千個html做出的效果。鑒于asp簡單易學(xué)的特性，很多初次設(shè)計程序設(shè)計行業(yè)的程序員都會選用它作為入門語言，盡管它的工作效率比起其他軟件稍遜一籌。

總之a(chǎn)sp具有易掌握的特點，程序員可以在很短的時間內(nèi)嫻熟的運用asp語句設(shè)計出精美的web應(yīng)用程序。由于asp運用在服務(wù)器端，所以它的代碼保密性強，無需經(jīng)過編譯鏈接，使用文本編輯器設(shè)計，集成在html語句中直接執(zhí)行。

4 開發(fā)環(huán)境及需求

4.1 開發(fā)目的

動態(tài)交互式網(wǎng)頁提供了很多功能，滿足了人們對最新信息的需求和迫切的需要的及時性。在信息發(fā)展高度迅速的今天，網(wǎng)站技術(shù)顯得尤為重要在我們的工作和生活中。

4.2 項目背景

隨著Internet上信息交互性的加強和信息量的增多，使得HTML越來越難以滿足用戶的需求，所以對ASP的要求逐步提升，ASP語言發(fā)展迅速，利用ASP編輯語言開始了網(wǎng)站系統(tǒng)的開發(fā)。

4.3 開發(fā)環(huán)境

4.3.1 硬件條件?？蛻舳擞嬎銠C一臺；網(wǎng)絡(luò)通訊設(shè)備；Web服務(wù)器一臺；主要包括MODEM、集線器、交換機、網(wǎng)卡等。

4.3.2 系統(tǒng)平臺。體系結(jié)構(gòu)：Browser/Server；網(wǎng)絡(luò)操作系統(tǒng)服務(wù)器端：Microsoft Windows 2003 Server；Web服務(wù)器軟件：IIS6.0；單機操作系統(tǒng)和瀏覽器做為客戶端軟件；Internet Explorer 6.0瀏覽器和Microsoft的Windows XP操作系統(tǒng)。

4.3.3 開發(fā)工具?；赪eb的系統(tǒng)開發(fā)工具應(yīng)使開發(fā)者使用各種各樣的技術(shù)來創(chuàng)建動態(tài)的Web應(yīng)用程序，我們主要使用EditPlus 2.12純文本編輯工具進行后臺開發(fā)，它是用來快速創(chuàng)建Web應(yīng)用程序的開發(fā)環(huán)境，支持ASP、PHP、CGI等，腳本語言為簡單易學(xué)的javascript或VBScript，另外對于前臺界面的設(shè)計我們使用了Dreamweaver MX和PhotoShop相結(jié)合進行設(shè)計。

5 結(jié)束語

基于Web的現(xiàn)代教育將逐步取代傳統(tǒng)教育，形成一種新型的教育方式，并越來越受到人們的關(guān)注。而基于Web的動態(tài)交互系統(tǒng)隨著現(xiàn)代技術(shù)的發(fā)展成為現(xiàn)代網(wǎng)絡(luò)教育重要的組成部分。

參考文獻：

[1]石志國.ASP動態(tài)網(wǎng)站編程[M].北京：清華大學(xué)出版社出版，2001（09）.

[2]楊威.ASP 3.0網(wǎng)絡(luò)開發(fā)技術(shù)[M].北京：人民郵電出版社出版，2000（11）.

[3]鄧問淵，陳惠貞，陳俊榮.ASP與網(wǎng)頁數(shù)據(jù)庫設(shè)計[M].北京：中國鐵道出版社出版，2001（02）.

篇6

企業(yè)需不需要網(wǎng)站？幾乎所有有遠見的企業(yè)家都會毫不猶豫地說：當(dāng)然需要！但一個不容忽視的問題是，許多企業(yè)僅僅停留在"有網(wǎng)站"的階段，他們并沒有意識到一個界面粗糙、內(nèi)容單

一、流程混亂、安全性差的網(wǎng)站，其實給訪問者留下了極差的感覺，嚴重破壞了企業(yè)的形象。

怎么樣的企業(yè)網(wǎng)站才算成功？時代財富顧問公司在為眾多企業(yè)設(shè)計網(wǎng)站的過程中，總結(jié)出了一套完整的、有較高參考價值的《企業(yè)網(wǎng)站評定標準》，期望以此引起企業(yè)界對自身網(wǎng)站的重視，使企業(yè)網(wǎng)站真正成為企業(yè)宣傳、管理、營銷的有效工具。

企業(yè)網(wǎng)站定義：主要為了外界了解企業(yè)自身、樹立良好企業(yè)形象、并適當(dāng)提供一定服務(wù)的網(wǎng)站。根據(jù)行業(yè)特性的差別，以及企業(yè)的建站目的和主要目標群體的不同，大致可以把企業(yè)網(wǎng)站分為：

基本信息型：主要面向客戶、業(yè)界人士或者普通瀏覽者，以介紹企業(yè)的基本資料、幫助樹立企業(yè)形象為主；也可以適當(dāng)提供行業(yè)內(nèi)的新聞或者知識信息。這種類型網(wǎng)站通常也被形象的比喻為企業(yè)的"WEBCatalog"。

電子商務(wù)型：主要面向供應(yīng)商、客戶或者企業(yè)產(chǎn)品（服務(wù)）的消費群體，以提供某種直屬于企業(yè)業(yè)務(wù)范圍的服務(wù)或交易、或者為業(yè)務(wù)服務(wù)的服務(wù)或者交易為主；這樣的網(wǎng)站可以說是正處于電子商務(wù)化的一個中間階段，由于行業(yè)特色和企業(yè)投入的深度廣度的不同，其電子商務(wù)化程度可能處于從比較初級的服務(wù)支持、產(chǎn)品列表到比較高級的網(wǎng)上支付的其中某一階段。通常這種類型可以形象的稱為"網(wǎng)上XX企業(yè)"。例如，網(wǎng)上銀行、網(wǎng)上酒店等。

多媒體廣告型：主要面向客戶或者企業(yè)產(chǎn)品（服務(wù)）的消費群體，以宣傳企業(yè)的核心品牌形象或者主要產(chǎn)品（服務(wù)）為主。這種類型無論從目的上還是實際表現(xiàn)手法上相對于普通網(wǎng)站而言更像一個平面廣告或者電視廣告，因此用"多媒體廣告"來稱呼這種類型的網(wǎng)站更貼切一點。

在實際應(yīng)用中，很多網(wǎng)站往往不能簡單的歸為某一種類型，無論是建站目的還是表現(xiàn)形式都可能涵蓋了兩種或兩種以上類型；對于這種企業(yè)網(wǎng)站，可以按上述類型的區(qū)別劃分為不同的部分，每一個部分都基本上可以認為是一個較為完整的網(wǎng)站類型。注意：由于互聯(lián)網(wǎng)公司的特殊性，在這里不包含互聯(lián)網(wǎng)的信息提供商或者服務(wù)提供商的網(wǎng)站。

企業(yè)網(wǎng)站第一原則：目的性Intension必須有明確合理的建站目的和目標群體

任何一個網(wǎng)站，必須首先具有明確的目的和目標群體。網(wǎng)站是面對客戶、供應(yīng)商、消費者還是全部？主要目的是為了介紹企業(yè)、宣傳某種產(chǎn)品還是為了試驗電子商務(wù)？如果目的不是唯一的，還應(yīng)該清楚的列出不同目的的輕重關(guān)系。建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計等各個方面都受到目的性的直接影響，因此目的性是一切原則的基礎(chǔ)。

建站的目的應(yīng)該是經(jīng)過成熟考慮的，包含幾大要素：

目的應(yīng)該是定義明確的，而不是籠統(tǒng)的說要做一個平臺、要搞電子商務(wù)，應(yīng)該清楚主要希望誰來瀏覽，具體要做到哪些內(nèi)容，提供怎樣的服務(wù)，達到什么效果。

在當(dāng)前的資源環(huán)境下能夠?qū)崿F(xiàn)的，而不能脫離了自身的人力、物力、互聯(lián)網(wǎng)基礎(chǔ)以及整個外部環(huán)境等因素盲目制訂目標，尤其是對外部環(huán)境的考量通常容易被忽略，結(jié)果只能成為美好的一相情愿。

如果目標比較龐大，應(yīng)該充分考慮各部分的輕重關(guān)系和實現(xiàn)的難易度，想要一步登天的做法通常會導(dǎo)致投入過大且缺少頭緒，不如分清主次循序漸進。

在充分考慮了目的和目標群體的特點以后，再來選擇建站類型，并相應(yīng)的安排適當(dāng)?shù)男畔?nèi)容和功能服務(wù)。顯然如果目標群體的互聯(lián)網(wǎng)基礎(chǔ)薄弱，建立電子商務(wù)型的網(wǎng)站就是個失誤。在信息內(nèi)容和功能服務(wù)的安排上，還應(yīng)該避免大而全的十全大補丸式、貧乏空洞的八股文式、以及選材偏離主題的常見錯誤。

企業(yè)網(wǎng)站第二原則：專業(yè)性Specialization信息內(nèi)容應(yīng)該充分展現(xiàn)企業(yè)的專業(yè)特性

對外介紹企業(yè)自身，最主要的目的是向外界介紹企業(yè)的業(yè)務(wù)范圍、性質(zhì)和實力，從而創(chuàng)造更多的商機。在這里包括：

應(yīng)該完整無誤的表述了企業(yè)的業(yè)務(wù)范圍（產(chǎn)品、服務(wù)）及主次關(guān)系

應(yīng)該齊備的介紹企業(yè)的地址、性質(zhì)、聯(lián)系方式

提供企業(yè)的年度報表將有助于瀏覽者了解企業(yè)的經(jīng)營狀況、方針和實力

如果是上市企業(yè)，提供企業(yè)的股票市值或者到專門財經(jīng)網(wǎng)站的鏈接將有助于瀏覽者了解企業(yè)的實力

如果提供行業(yè)內(nèi)的信息服務(wù)，則這些信息服務(wù)應(yīng)具備以下特性：

全面性：對所在行業(yè)的相關(guān)知識、信息的涵蓋范圍應(yīng)該全面，盡管內(nèi)容本身不必做得百分百全面

專業(yè)性：所提供的信息應(yīng)該是專業(yè)的、有說服力的

時效性：所提供的信息必須至少是沒有失效的，這保證了信息是有用的

獨創(chuàng)性：具有原創(chuàng)性、獨創(chuàng)性的內(nèi)容更能引起得到重視和認可，有助于提升瀏覽者對企業(yè)本身的印象

所提供的信息是容易檢索的

如果企業(yè)的客戶、潛在客戶包含不同語系的，應(yīng)該提供相應(yīng)的語言版本，至少應(yīng)該提供通用的英語版本

企業(yè)網(wǎng)站第三原則：實用性Utility功能服務(wù)應(yīng)該是切合實際需求的

網(wǎng)站提供的功能服務(wù)應(yīng)該是切合瀏覽者實際需求的且符合企業(yè)特點的。例如網(wǎng)上銀行提供免費電子郵件和個人主頁空間就既不符合瀏覽者對網(wǎng)上銀行網(wǎng)站的需求也不是銀行的優(yōu)勢，這樣的功能服務(wù)提供不但會削弱瀏覽者對網(wǎng)站的整體印象，還浪費了企業(yè)的資源投入，有弊無利。

網(wǎng)站提供的功能服務(wù)必須保證質(zhì)量，這包括：

每個服務(wù)必須有定義清晰的流程，每個步驟需要什么條件、產(chǎn)生什么結(jié)果、由誰來操作、如何實現(xiàn)等都應(yīng)該是清晰無誤的。

實現(xiàn)功能服務(wù)的程序必須是正確的、健壯的（防錯的）、能夠及時響應(yīng)的、能夠應(yīng)付預(yù)想的同時請求服務(wù)數(shù)峰值的。

需要人工操作的功能服務(wù)應(yīng)該設(shè)有常備人員和相應(yīng)責(zé)權(quán)制度。

用戶操作的每一個步驟（無論正確與否）完成后應(yīng)該被提示當(dāng)前處于什么狀態(tài)。

服務(wù)成功遞交以后的響應(yīng)時間通常不應(yīng)超過整個服務(wù)周期的10%。

當(dāng)功能較多的時候應(yīng)該清楚的定義相互之間的輕重關(guān)系，并在界面上和服務(wù)響應(yīng)上加以體現(xiàn)。

層次性：

條理清晰的結(jié)構(gòu)，表現(xiàn)為網(wǎng)站的板塊劃分的合理性，這里需要注意：

板塊的劃分應(yīng)該有充分的依據(jù)并且是容易理解的。

不同板塊的內(nèi)容盡量做到?jīng)]有交叉重復(fù)內(nèi)容，共性較多的內(nèi)容應(yīng)盡量劃分到同一板塊。

在最表層盡量減少劃分的板塊數(shù)量，通?？刂圃?~6之間比較合適。

劃分后的結(jié)構(gòu)層次不宜過深，通常不超過5層為佳。

在安排層次的時候要充分考慮用戶操作，比較常用的信息內(nèi)容、功能服務(wù)應(yīng)該盡量放到更淺的層次以減少用戶點擊次數(shù)。

信息內(nèi)容的獲取和功能服務(wù)的過程都應(yīng)該盡量將所需要進行的步驟控制在3~5步以內(nèi)，不得不需要更多的步驟的時候應(yīng)該有明確的提示。

一致性：

頁面整體設(shè)計風(fēng)格的一致性：整體頁面布局和用圖用色風(fēng)格前后一致。

界面元素的命名的一致性：同樣的元素應(yīng)該用同樣的命名；同類元素命名滿足一致性，做到即使某個元素的表述不清楚也能從上下文推斷其義。

功能一致性：完成同樣的功能應(yīng)該盡量使用同樣的元素。

元素風(fēng)格一致性：界面元素的美觀風(fēng)格、擺放位置在同一個界面和不同界面之間都應(yīng)該是一致的。

精簡性：

每個界面調(diào)出的時間應(yīng)該在可以接受范圍之內(nèi)，當(dāng)必須耗用較長的時間時應(yīng)該有明確提示并最好有進度顯示。

當(dāng)不同的方式能夠達到相同或近似的效果時，總是應(yīng)該選取令客戶訪問或使用更簡單快捷的方式（在開發(fā)資源差別可忽略的情況下），例如盡量減少客戶端插件的使用。

主要界面盡量不超過瀏覽器高度的200%。

大量信息內(nèi)容盡量不超過瀏覽器高度的500%，如果超過，應(yīng)該使用頁內(nèi)定位或者進行分頁。

命名應(yīng)該是簡潔的、定義清晰的、易明且不易相互混淆的；對于目標群體而言，盡量不使用較為生僻的詞語，如果一定要，則應(yīng)給出容易理解的解釋。

應(yīng)該具有明確的導(dǎo)航條和網(wǎng)站地圖提供快速導(dǎo)航操作。

錯誤或者無效的鏈接是界面設(shè)計的大忌之一。

主要的信息應(yīng)該放在突出的位置上，常用的功能則應(yīng)該放到容易操作的位置上。

針對目標群體的需要應(yīng)充分考慮瀏覽器兼容性、字體兼容性和插件流行程度等。

對于專業(yè)的術(shù)語、復(fù)雜的操作等有直接的容易理解的幫助。

簡單有效的個性化有助于增強界面的易操作性。

在風(fēng)格允許的情況下，可以適當(dāng)增強交互操作的趣味性和吸引力。

企業(yè)網(wǎng)站第五原則：藝術(shù)性Artwork網(wǎng)頁創(chuàng)作本身已經(jīng)成了一種獨特的藝術(shù)

網(wǎng)頁創(chuàng)作從某種意義上來說可以稱為"eyeballwork"，要達到吸引眼球的目的，再結(jié)合界面設(shè)計的相關(guān)原理，形成了一種獨特的藝術(shù)，這使得企業(yè)網(wǎng)站的設(shè)計應(yīng)該滿足：

遵循基本的圖形設(shè)計原則，符合基本美學(xué)原理和排版原則。

對于主題和次要對象的處理符合排版原理。

全站的設(shè)計作為一個整體，應(yīng)該具有整體的一致性。

整體視覺效果特點鮮明：

頁面版式結(jié)構(gòu)

用色

線條和構(gòu)圖

配圖的精細、美觀程度

元素風(fēng)格

整體氣氛表達

字體選用

整體設(shè)計應(yīng)該很好的體現(xiàn)企業(yè)CI。

整體風(fēng)格同企業(yè)形象相符合，適于目標對象的特點。

企業(yè)網(wǎng)站第六原則：性能Performance網(wǎng)站正常的訪問性能

訪問速度，取決于服務(wù)器接入方式和接入帶寬、擺放地點、硬件性能和頁面數(shù)據(jù)量、網(wǎng)絡(luò)擁塞程度等多方因素。如果目標群體不止本地，則還應(yīng)考慮地理因素造成的性能下降。

可容納的最大同時請求數(shù)，取決于服務(wù)器性能、程序消耗資源和網(wǎng)絡(luò)擁塞程度等因素。

穩(wěn)定性：平均無錯運行時間。

程序性能：

響應(yīng)請求并運行得出結(jié)果的平均時間

錯誤的檢測和攔截

擴展性

安全性：

關(guān)鍵數(shù)據(jù)的保護，例如用戶數(shù)據(jù)等

功能服務(wù)的正常提供。

網(wǎng)站的防攻擊能力

對異常災(zāi)害的恢復(fù)能力

企業(yè)網(wǎng)站第七原則：常維護更新Maintenance網(wǎng)站的最大特點是它總是不斷變化的

網(wǎng)站的不斷更新是其具有生命力的源泉之一。對于三種類型網(wǎng)站而言，更新的重要性通常為基本信息型>多媒體廣告型>電子商務(wù)型。網(wǎng)站更新指標包括：

信息維護頻度

信息更新數(shù)量*質(zhì)量/時間比

改版頻度

影響維護的一個重要元素是網(wǎng)站界面和功能開發(fā)所選用的技術(shù)。

企業(yè)網(wǎng)站第八原則：發(fā)揮作用Knownandused網(wǎng)站必須被訪問和使用才有價值

再好的網(wǎng)站，如果沒有人訪問和使用也是毫無價值的。

域名設(shè)計是企業(yè)網(wǎng)站的重要元素：

域名應(yīng)該盡量容易理解和記憶，并且盡量簡短；當(dāng)難以簡短的時候，寧愿放棄無意義或者難以理解的字符數(shù)字組合而選用稍長一點的域名。

域名設(shè)計應(yīng)充分考慮目標群體的特點，例如如果要做到國際化，域名包含漢語拼音顯然是不可取的。

域名應(yīng)該盡量有意義并反映網(wǎng)站實質(zhì)作用，一定要做到不可有歧義。

企業(yè)網(wǎng)站本身應(yīng)該就是企業(yè)CI的一部分：

應(yīng)該出現(xiàn)在企業(yè)常備的名片、Catalog、信封里。

應(yīng)該出現(xiàn)在企業(yè)的各種廣告里。

登陸搜索引擎是一種行之有效的推廣方法，在常用大型搜索引擎登錄，設(shè)計更準確和全面的關(guān)鍵詞，可以增加被正確檢索的機會。

與同類或者相關(guān)類型企業(yè)網(wǎng)站結(jié)為聯(lián)盟或者結(jié)成伙伴關(guān)系也有利于網(wǎng)站的有針對性的推廣。

結(jié)合企業(yè)本身的宣傳推廣活動和促銷活動加強網(wǎng)站上的宣傳和利用。

企業(yè)網(wǎng)站可以針對其目標群體特點采用一些其他的推廣方法，例如座談會等。作用比較突出的甚至包含品牌形象的網(wǎng)站也可以采用單獨廣告投入的方式進行宣傳，例如網(wǎng)上銀行、網(wǎng)上酒店等。

企業(yè)網(wǎng)站第九原則：反教條Anti-dogmatism原則是為目的服務(wù)而不應(yīng)成為教條

任何原則都是因應(yīng)目的而制定的，如果所采用的方法確實能夠更好的達到目的，那就不必受原則本身的桎梏。

篇7

有兩種類型的企業(yè)需要構(gòu)建網(wǎng)站，其中一種是企業(yè)能夠深刻地認識到網(wǎng)站對于企業(yè)的重要性以及實用性，能夠通過網(wǎng)站來提高企業(yè)的整體形象，可以利用網(wǎng)站來挖掘其存在的巨大商機，這樣可以創(chuàng)建消費者與企業(yè)之間溝通的橋梁。一般這些企業(yè)都屬于門戶企業(yè)，其對于網(wǎng)站的建設(shè)以及維護資金投入比較充足，對網(wǎng)站的設(shè)計方面也有著較高的要求。這也導(dǎo)致網(wǎng)站開發(fā)的周期較長，同時開發(fā)的難度也相對較大，因此，必須要具備良好的網(wǎng)站設(shè)計經(jīng)驗，才能勝任。另一種就是企業(yè)對于網(wǎng)站設(shè)計方面的認識較為淺顯，并沒有進行深入的了解，對于網(wǎng)站并沒有過多的要求，只是簡單的圖片和文字，網(wǎng)站功能不要求充分地開發(fā)出來。因此，開發(fā)這類企業(yè)的網(wǎng)站較為簡單，周期相對較短，開發(fā)出的網(wǎng)站實效性不大。從整體上來看，高職計算機教育存在較多不合理之處，過于注重理論或過于注重實踐教學(xué)都是不可取的行為。因此，高教課程必須結(jié)合實際，針對企業(yè)需要培養(yǎng)人才，滿足企業(yè)真實的需求，對課程進行相應(yīng)的調(diào)整。

二、高教課程的網(wǎng)站設(shè)計

由于高職院校網(wǎng)站建設(shè)方面的課程缺乏系統(tǒng)化與綜合化，學(xué)習(xí)的內(nèi)容主要在開發(fā)語言方面，對于網(wǎng)頁核心價值的信息以及內(nèi)容所涉及的都較少。要求網(wǎng)站設(shè)計的課程必須適應(yīng)時代的發(fā)展，其教學(xué)內(nèi)容要不斷進行更新，只有這樣才能滿足學(xué)生求新和求異以及求實用的心理，從而使學(xué)生對新知識的需求得到滿足。其他國家目前的網(wǎng)站設(shè)計課程已經(jīng)發(fā)展成一門綜合的講授課程。首先講授的是信息策略和技術(shù)，其次是信息體系，最后是因特網(wǎng)技術(shù)，由此我們可知設(shè)計網(wǎng)站首先要認識信息體系。在進行系統(tǒng)的教學(xué)時，我們應(yīng)該暫時將搭建網(wǎng)站的高級語言放下，可以將網(wǎng)站表現(xiàn)以及一般的架構(gòu)作為著手點。想要幫助學(xué)生理解網(wǎng)站設(shè)計不是要堆砌內(nèi)容，而是將各種多媒體的元素進行有機的整合。建設(shè)一個良好的企業(yè)網(wǎng)站，其實也就是將其信息進行整合的過程，這必須在了解企業(yè)各種需求的前提下進行，并且還要掌握企業(yè)在市場中處于的實際狀況，以及競爭的狀態(tài)和銷售的渠道等。將信息和互聯(lián)網(wǎng)技術(shù)進行有機的結(jié)合，將適合網(wǎng)上操作的工作移到網(wǎng)上來進行，可以使網(wǎng)站的功能得到充分的發(fā)揮。并且，還可以加入一些網(wǎng)頁布局工具，如Dreamweaver以及flash軟件等，這部分內(nèi)容在今后的工作中具有較為實用的價值?？梢赃m當(dāng)?shù)貙⒁恍﹪H優(yōu)秀的網(wǎng)站引到課程中，讓學(xué)生對其進行深入的分析與討論，使學(xué)生形成最基本的設(shè)計以及策劃等能力。高校的就業(yè)工作不能單單只依靠相關(guān)就業(yè)部門以及相關(guān)的職業(yè)指導(dǎo)教師，而要有專業(yè)性的教師指導(dǎo)。專業(yè)性的教師要在適當(dāng)?shù)臅r間內(nèi)，依照學(xué)生所學(xué)專業(yè)和對學(xué)生的畢業(yè)跟蹤，為學(xué)生專業(yè)的培訓(xùn)方案提供真實有效的根據(jù)，并定時地根據(jù)全新的教學(xué)內(nèi)容，將全新的知識、理論以及全新的技術(shù)融入到學(xué)生當(dāng)中，同時還要不斷地調(diào)整學(xué)生的專業(yè)培養(yǎng)方式，避免供需結(jié)構(gòu)之間的矛盾，拓展學(xué)生專業(yè)的就業(yè)面。對于計算機網(wǎng)站設(shè)計方向的學(xué)生來說，他們要搭建網(wǎng)站，需要一個較為完整的策劃，這種策劃需要具備企業(yè)的市場分析、可實施性分析、對目標群體的分析、對網(wǎng)站的主要欄目的編制、網(wǎng)站的主要功能類型以及網(wǎng)站的整體性結(jié)構(gòu)等方面的知識內(nèi)容。在進行了各個方面的調(diào)查與分析之后，才可以為企業(yè)設(shè)計出最符合企業(yè)發(fā)展的網(wǎng)站策劃方案。因此，在講授網(wǎng)站設(shè)計技術(shù)知識的基礎(chǔ)之上，還可以適當(dāng)?shù)丶尤胍恍┫嚓P(guān)網(wǎng)站策劃的知識，比如市場銷售理論、知識傳播理論以及網(wǎng)絡(luò)推廣方面的知識，以此來全面地拓展學(xué)生的知識面。

篇8

1.選題的理由或意義

隨著計算機和internet在中國的迅速普及，越來越多以internet為核心的產(chǎn)業(yè)應(yīng)運而生，網(wǎng)上書店正是其中引人注目的一個。 網(wǎng)上書店充分利用了現(xiàn)今的計算機及網(wǎng)絡(luò)資源，進行網(wǎng)絡(luò)營銷，快速擴展企業(yè)的市場份額與整體競爭力。作為一種全新的銷售手段，網(wǎng)上書店有著傳統(tǒng)圖書銷售模式所無可比擬的優(yōu)點，它創(chuàng)造了一種全新的銷售模式，打破了傳統(tǒng)銷售模式在時間、空間上的限制，采用了更先進的銷售手段和銷售方法，大大提高了經(jīng)濟效率和資源利用率。網(wǎng)上書店與傳統(tǒng)的書店相比有許多新特點，如沒有店面租金成本，沒有圖書庫存的壓力，便于收集讀者信息，可以為讀者提供個性化服務(wù)，實現(xiàn)無國界經(jīng)營等等，總之網(wǎng)上書店因其有眾多新特點沖擊著傳統(tǒng)書店的運作模式。有理由相信，在不遠的將來，網(wǎng)上書店將徹底改變?nèi)藗兊膱D書購買習(xí)慣，并在人們的日常生活中占據(jù)越來越重的分量。

javaee是 sun公司提出和制定的基于java技術(shù)的分布式組件計算平臺規(guī)范，基于這個平臺可以實現(xiàn)快速開發(fā)和部署多層結(jié)構(gòu)的易于移植的應(yīng)用系統(tǒng)。它提供了一個多層式分布式模型，組件重用，基于xml的數(shù)據(jù)交換，統(tǒng)一的安全模型以及靈活的事務(wù)控制等技術(shù)和方法。

本設(shè)計將使用在javaee技術(shù)體系構(gòu)建一個網(wǎng)上書店雛形，使每一位顧客不用出門就能夠輕松購書。系統(tǒng)將主要采用屬于javaee規(guī)范來實現(xiàn)整個系統(tǒng)，并對網(wǎng)上書店經(jīng)常遇到大規(guī)模用戶訪問做出一定的應(yīng)對措施，使之更符合實際需求。

2、國內(nèi)外研究現(xiàn)狀(或文獻綜述)

我國網(wǎng)上書店自第一個網(wǎng)上書店開始出現(xiàn)至今正好走過了13個年頭。盡管第一個書店只經(jīng)營了一年左右就以失敗告終并且訪問量只有400有余，但經(jīng)過十年的發(fā)展，今天我國的網(wǎng)上書店已經(jīng)頗具規(guī)模，有各種不同的發(fā)展模式和格局?，F(xiàn)在回顧這十年的發(fā)展歷程，總結(jié)成功的經(jīng)驗和失敗的教訓(xùn)對以后的發(fā)展也是有益的借鑒。

國內(nèi)比較著名的網(wǎng)上書店當(dāng)屬當(dāng)當(dāng)網(wǎng)和卓越亞馬遜。當(dāng)當(dāng)網(wǎng)上書店成立于1999年11月，是全球最大的中文網(wǎng)上書店。當(dāng)當(dāng)由美國idg集團、盧森堡劍橋集團、日本軟庫(softbank)和中國科文公司共同投資，雄厚的資金實力令當(dāng)當(dāng)網(wǎng)具有強大的競爭力主要從事圖書，音像，軟件產(chǎn)品的網(wǎng)上零售。XX年1月由金山公司分拆，國內(nèi)頂尖it企業(yè)金山和聯(lián)想共同投資組建。XX年5月，卓越網(wǎng)作為綜合電子商務(wù)網(wǎng)站正式。自以來，卓越網(wǎng)秉承“創(chuàng)新、務(wù)實、誠信”的企業(yè)理念，銷售音像、圖書、軟件、游戲、禮品等文化產(chǎn)品，以“精選品種、全場庫存、快捷配送”為主要的經(jīng)營模式，迄今已發(fā)展注冊用戶520萬。

而國外最著名的網(wǎng)上書店則非亞馬遜莫屬(也即目前卓越網(wǎng)的母公司)。創(chuàng)建于1995年7月的網(wǎng)上書店亞馬遜 (amazon. com)，在虛擬天地中充分實現(xiàn)了規(guī)模經(jīng)營。在短短幾年時間里，從1000多家同行中脫穎而出，成為全球最大的書業(yè)電子商務(wù)王國。

廖燔[4]認為：隨著我國產(chǎn)業(yè)政策、物流產(chǎn)業(yè)、互聯(lián)網(wǎng)普及程度、社會信用以及網(wǎng)上銀行等各項影響網(wǎng)上書店發(fā)展的社會外部環(huán)境因素的調(diào)整完善，可以確定網(wǎng)上書店還有巨大的發(fā)展空間，其方便快捷，價格低廉，資源豐富，不受時間地域限制的優(yōu)越性將得到越來越充分的發(fā)揮。

孫衛(wèi)琴[1] 認為：javaee為搭建具有可伸縮性、靈活性、易維護性的商務(wù)系統(tǒng)提供了良好的機制，javaee能夠開發(fā)部署在異構(gòu)環(huán)境中的可移植程序。基于javaee的應(yīng)用程序不依賴任何特定操作系統(tǒng)、中間件、硬件。因此設(shè)計合理的基于javaee的程序只需開發(fā)一次就可部署到各種平臺。這在典型的異構(gòu)企業(yè)計算環(huán)境中是十分關(guān)鍵的。javaee標準也允許客戶訂購與javaee兼容的第三方的現(xiàn)成的組件，把他們部署到異構(gòu)環(huán)境中，節(jié)省了由自己制訂整個方案所需的費用。

本設(shè)計將基于javaee技術(shù)體系開發(fā)一個具備初步功能的網(wǎng)上書店系統(tǒng)，服務(wù)大眾，滿足客戶越來越多樣化的需求。

3. 論文寫作提綱

畢業(yè)論文中文摘要

畢業(yè)論文英文摘要

一、網(wǎng)上書店的概述

(一)網(wǎng)上書店的作用和優(yōu)勢

(二)網(wǎng)上書店的發(fā)展現(xiàn)狀

(三)網(wǎng)上書店存在的問題

二、網(wǎng)上書店系統(tǒng)分析

(一)可行性分析

(二)系統(tǒng)目標分析

(三)結(jié)構(gòu)功能分析

(四)業(yè)務(wù)流程圖

(五)數(shù)據(jù)流程圖

(六)數(shù)據(jù)字典

三、網(wǎng)上書店系統(tǒng)設(shè)計

(一)功能結(jié)構(gòu)設(shè)計

(二)數(shù)據(jù)庫設(shè)計

(三)輸入輸出設(shè)計

四、網(wǎng)上書店系統(tǒng)實施

(一)程序設(shè)計說明

(二)系統(tǒng)測試說明

五、系統(tǒng)維護管理

(一)系統(tǒng)使用說明

(二)維護管理說明

六、系統(tǒng)開發(fā)總結(jié)

參考文獻

致謝

4. 主要參考文獻

[1]孫衛(wèi)琴.tomcat與javaweb開發(fā)技術(shù)詳解[m].電子工業(yè)出版社，XX.

[2]cay.s.horstmann.java2核心技術(shù)[m].機械工業(yè)出版社，XX.

[3]廖若雪.jsp高級編程[m].機械工業(yè)出版社，XX.

[4]廖燔.我國網(wǎng)上書店本土化發(fā)展策略之研究[j].理論探索，XX年第4期.

[5]武延軍.精通jsp編程技術(shù)[m].北京人民郵電出版社，XX.

[6]薩師煊.數(shù)據(jù)庫系統(tǒng)概論[m].高等教育出版社，XX.

[7]方晨.dreamweavermxXX中文版實例教程[m].上海科學(xué)普及出版社，XX.

[8]周恒,王殊宇.jsp項目開發(fā)全程實錄[m].高等教育出版社, XX.

[9]劉曉華,陳亞強.j2ee應(yīng)用開發(fā)詳解[m].電子工業(yè)出版社, XX.

[10]李平.基于jsp技術(shù)的web數(shù)據(jù)庫設(shè)計[j].電腦與信息技術(shù)，XX

篇9

在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。Internet上信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了更好的辦學(xué)，提高學(xué)校知名度，特構(gòu)建長沙市工商職業(yè)中專學(xué)校網(wǎng)站。

1．1設(shè)計思想

通過網(wǎng)站，全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點與特色，學(xué)校的重大活動安排與招生政策，增強家長與學(xué)校之間的聯(lián)系，在Internet上實現(xiàn)完成部分校務(wù)，提高辦事效率。

1.2開發(fā)工具的選用及介紹

ASP的優(yōu)勢：

ActiveServerPages：“動態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標準的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設(shè)計程序，客戶端（Client）在IE瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果。

ASP的特點：

任何開發(fā)工具皆可發(fā)展ASP

只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPageExpress、FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ASP，可能會發(fā)生一些意想不到的離奇狀態(tài)。

通吃各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。

語言相容性高

ASP與所有的ActiveXScript語言都相容，除了可結(jié)合HTML，VBScript、JavaScript、ActiveX服務(wù)器組件來設(shè)計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（ThirdParty）所提供的語言。

隱密安全性高

如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因杰ASP程序先于網(wǎng)站服務(wù)（WebServer）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。

易于操控數(shù)據(jù)庫

ASP可以輕易地通過ODBC(OpenDatabaseConnectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel”文件當(dāng)成數(shù)據(jù)庫用。

面向?qū)ο髮W(xué)習(xí)容易

ASP具備有面向?qū)ο螅∣bject-Oriented）功能，學(xué)習(xí)容易，ASP提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ASP內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網(wǎng)頁之間暫時保存必要的信息。

ASP的六大內(nèi)部對象

對象名稱功能描述

RequestResponseServerSessionApplicationObjectContext從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個ASP-Application中讓不同的客戶端共享信息可以用來配合MicrosoftTransaction服務(wù)器進行分布式事務(wù)處理

所以我選擇了ASP結(jié)合Frontpage架構(gòu)長沙市工商職業(yè)中專學(xué)校網(wǎng)站

第二章網(wǎng)站總體分析與設(shè)計

2．1網(wǎng)站系統(tǒng)分析

根據(jù)前面的設(shè)計思想進行分析，按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：

l學(xué)校風(fēng)采通過學(xué)校概括、教師風(fēng)采、校園之星及部分圖片等內(nèi)容來展現(xiàn)。

l優(yōu)點特色通過新聞、生動活潑的教育教學(xué)欄目來展現(xiàn)。

l信息通過公告欄、信息查詢等欄目來實現(xiàn)，內(nèi)容有招生政策、

活動安排等。

l部分校務(wù)根據(jù)校務(wù)的公開程度與參與人數(shù)的多少，特選擇圖書管

理、評優(yōu)、考試查分、家校聯(lián)系四大校務(wù)在網(wǎng)上實現(xiàn)。

2.2主頁設(shè)計

網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主頁方式介紹學(xué)校風(fēng)采、優(yōu)點特色、信息，對于四大校務(wù)，就得利用ASP與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動態(tài)的web畫面來實現(xiàn)。

主頁結(jié)構(gòu)圖

注：帶下劃線的表示是鏈接方式

2．3數(shù)據(jù)庫設(shè)計

采用的數(shù)據(jù)庫是MicrosoftAccess，擬建立teach.mdb庫文件，包含如下幾個表文件：

allmessage留言信息表

Libbooks圖書信息表

Libcategories圖書類別信息表

Libemps圖書館用戶信息表；

stud學(xué)生信息表

第三章詳細設(shè)計

3．1家長學(xué)校聯(lián)絡(luò)簿

3．1．1功能：

利用SQL語法過濾特定的家長留言意見，讓老師可以針對某位特定學(xué)生家長所發(fā)表的意見作出獨立的回答，同時，家長在發(fā)表個人意見時，若認為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會被顯示出來讓大家看到，當(dāng)然，老師擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個學(xué)生家長的單獨意見回復(fù)，而且還能看到家長們所留下的“悄悄話”。

3．1．2組成構(gòu)造

共分成六大部分：

1，意見留言結(jié)果網(wǎng)頁guest.asp：用來顯示家長發(fā)言與老師回復(fù)內(nèi)容，同時還具備一般模式與管理模式兩種顯示方法。

2，家長發(fā)言表單網(wǎng)頁addmsg.asp：讓學(xué)生家長填寫發(fā)言內(nèi)容并選擇發(fā)言性質(zhì)。

3，家長發(fā)言數(shù)據(jù)處理ASP程序add.asp：處理家長發(fā)表的意見數(shù)據(jù)，同時將這些意見數(shù)據(jù)記錄起來并將網(wǎng)頁顯示轉(zhuǎn)向至意見留言結(jié)果網(wǎng)頁。

4，老師回復(fù)表單網(wǎng)頁teachans.asp：讓老師針對某位特定學(xué)生家長所發(fā)表的意見作出獨立的回答。

5，老師回復(fù)數(shù)據(jù)處理ASP程序anssave.asp：處理老師回復(fù)的數(shù)據(jù)內(nèi)容，同時將這些意見數(shù)據(jù)起來并將網(wǎng)頁顯示轉(zhuǎn)向至意見留言結(jié)果網(wǎng)頁。

6，數(shù)據(jù)表文件allmessage：用來儲存家長發(fā)言數(shù)據(jù)與老師回復(fù)數(shù)據(jù)的Access類型數(shù)據(jù)庫文件。

“數(shù)據(jù)表文件”負責(zé)存放家長發(fā)言數(shù)據(jù)與老師回復(fù)內(nèi)容的數(shù)據(jù)記錄，為Access類型的庫文件，將它定名為：“message.mdb”。

下圖為家庭聯(lián)絡(luò)簿的組成與流程圖：

老師回復(fù)

家長留言

讀入寫入

寫入

3．1．3數(shù)據(jù)庫結(jié)構(gòu)設(shè)計

數(shù)據(jù)庫文件”teach.mdb“中的數(shù)據(jù)表”allmessage“的欄目設(shè)置，如下圖：

字段名字段類型

3．1．4界面設(shè)計與重點、難點代碼的設(shè)計

數(shù)據(jù)庫與留言顯示程序網(wǎng)頁

家長發(fā)言與老師回復(fù)的內(nèi)容數(shù)據(jù)全部儲存在數(shù)據(jù)庫中，要在網(wǎng)頁中顯示目前的家長發(fā)言與老師回復(fù)數(shù)據(jù)，必須先進行數(shù)據(jù)庫的鏈接與打開，要鏈接數(shù)據(jù)庫我們必須使用ADO對象群的Connection對象；而要打開數(shù)據(jù)庫則必須使用ADO對象群的Recordset對象，程序：

setcn=server.createobject("adodb.connection")

cn.open"filedsn=c:\programfiles\commonfiles\odbc\datasources\msaccessdatabase.dsn"

setrs=server.createobject("adodb.recordset")

sql="select*fromallmessageorderby留言時間desc"

rs.opensql,cn,1,1

Recordset對象是負責(zé)瀏覽與操作從數(shù)據(jù)庫取出來的數(shù)據(jù)，Connection對象只負責(zé)與數(shù)據(jù)庫進行鏈接的動作，并不能使用數(shù)據(jù)庫內(nèi)的數(shù)據(jù)，因此必須建立一個可以存取數(shù)據(jù)庫數(shù)據(jù)的Recordset對象，

使用RS.Open方法存取”teach.mdb”數(shù)據(jù)庫

RS.OpenSQL,CN,1,1

使用open方法來打開數(shù)據(jù)表或執(zhí)行Select指令參數(shù)設(shè)置如下：

1，參數(shù)一（SOURCE）:為欲打開的數(shù)據(jù)表或SQL指令。

2，參數(shù)二（ActionConnection）:指定一個已打開的數(shù)據(jù)庫對象，將此參數(shù)設(shè)為鏈接我們已經(jīng)建立好的Connection對象“CN”。

3，參數(shù)三（CursorType）：指定Recordset的打開類型，1為可讀寫且可自由移動。

4，參數(shù)四（LockType）:指定鎖定類型，1為只讀。

數(shù)據(jù)排序與SQL指令

1．Select指令的篩選語句：

格式：Select…From

在SQL語言中：“Select”數(shù)據(jù)表“中選取某些“欄位”的數(shù)據(jù).

2.如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了一個以上的欄位，則我們可以利用“，”逗號來欄位名稱隔開。

3．如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了全部的欄位，則可以利用萬用字符“*”來代表全部的欄位。

可排序數(shù)據(jù)的Select指令

1．當(dāng)我們希望被選取出來的數(shù)據(jù)記錄數(shù)據(jù)能夠依據(jù)某個或某幾個欄位的內(nèi)容來排序時，只要將這些排序依據(jù)的欄位擺放在“OrderBy“保留字之后，然后將這處排序的語句連接在”Select…From“后面就行了。

2．“OrderBy“默認的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，則我們可在欄位名稱后再加上“Desc“保留字！將排序方式改為”由大排到小“。

在“顯示留言意見”網(wǎng)頁中的打開數(shù)據(jù)庫ASP程序中的語句：

SELECT*Fromallmessageorderby留言日期Desc

功能為：從數(shù)據(jù)表“allmessage“中取出所有欄位的數(shù)據(jù)，并將取出的數(shù)據(jù)記錄內(nèi)容依照”留言日期“欄位使用的”由大排到小“排序方式進行排序。

留言顯示網(wǎng)頁的管理模式

“顯示留言意見”的網(wǎng)頁就必須具備顯示模式選擇的功能，當(dāng)顯示模式在一般情況時要能顯示家長們的一般性發(fā)言，同時還得將“悄悄話“的發(fā)言隱藏起來。當(dāng)老師以密碼登錄成為管理模式時，則必須將一般性發(fā)言與悄悄話發(fā)言的數(shù)據(jù)全部顯示出來，同時還得讓老師們可以針對某位特定學(xué)生家長所發(fā)表的意見作出獨立的回答。

這兩個情況是通過密碼登錄管理模式的ASP程序?qū)崿F(xiàn)的：

<formmethod="post">

<%ifsession("checkedit")="yes"then%>

<inputtype="hidden"value="yes"name="goexit">

<inputtype="submit"value="離開管理模式">

<%else%>

密碼：<inputtype="password"name="password"size="4"maxlength="4"><inputtype="submit"value="教師管理">

<%endif%>

</form>

在這段網(wǎng)頁語句中，利用Session對象來記錄目前的工作模式。當(dāng)我們第一次進入“顯示留言意見”網(wǎng)頁的時候，我們所見的網(wǎng)頁畫面一定是一般！因為Session尚未被建立，因此它的“變量”值一定不會是“yes”，所以網(wǎng)頁中會出現(xiàn)一個輸入密碼進入“教師管理”模式的欄位，只有當(dāng)我們輸入密碼按下“教師管理”的按鈕組織上發(fā)ASP程序中的進入管理模式語句后，Session對象才會被建立，同時，“checkedit“Session對象變量值被設(shè)置為“yes“，所以我們就進入了能將一般性發(fā)言與悄悄話發(fā)言的數(shù)據(jù)全部顯示出來，同時還讓教師們可以針對某位特定學(xué)生家長所發(fā)表的意見作出獨立回答的管理模式頁面。

留言顯示網(wǎng)頁的分頁

當(dāng)家長的發(fā)言與老師回復(fù)的數(shù)據(jù)筆數(shù)太多時，一次要將全部的數(shù)據(jù)內(nèi)容顯示在網(wǎng)頁中，等待網(wǎng)頁下載的時間太長了，因此采用固定筆數(shù)分頁瀏覽方式來顯示網(wǎng)頁。

要進行分頁顯示，得先知道目前有多少筆的留言數(shù)據(jù)，而留言數(shù)據(jù)筆數(shù)可以通過Recordset對象的“Recordcount“（記錄個數(shù)）屬性得知，我們將每10筆數(shù)據(jù)為一單位分頁顯示：

count=rs.recordcount

ifcount/10>(count\10)then

totalpage=(count\10)+1

elsetotalpage=(count\10)

endif

“/”為浮點數(shù)除法，“\”為整數(shù)除法。

跳頁選擇的ASP程序語句

所有的發(fā)言數(shù)據(jù)采用固定筆數(shù)分頁瀏覽的方式來顯示后，還要提供一個跳頁鏈接顯示的功能，讓瀏覽者可以選擇希望瀏覽的頁次進得瀏覽，ASP程序語句：

pagecount=0

rs.movefirst

ifrequest.querystring("topage")<>""thenpagecount=cint(request.querystring("topage"))

ifpagecount<=0thenpagecount=1

ifpagecount>totalpagethenpagecount=totalpage

rs.move(pagecount-1)*10

發(fā)言表單網(wǎng)頁制作

insetu3

表單的參數(shù)

表單的Action參數(shù)：Action參數(shù)是用來指定Server端處理此一表單數(shù)據(jù)內(nèi)容的程序，此處表單處理ASP程序為“add.asp“，

表單的Mothed參數(shù)：要將表單傳送至Server端的方式有兩種，設(shè)置值分別為GET及POST，若設(shè)置為POST，則瀏覽器會等Server端來讀取數(shù)據(jù)，若設(shè)置為GET，則當(dāng)我們按下送出按鈕時，瀏覽器會立即將表單中的數(shù)據(jù)內(nèi)傳送出去。利用POST方法，在傳送的數(shù)據(jù)上將不受限制，利用GET方法傳送的數(shù)據(jù)量則大約只有2K左右。

留言處理程序

要將家長發(fā)言數(shù)據(jù)作后續(xù)處理及將這些數(shù)據(jù)內(nèi)容存入數(shù)據(jù)庫，須利用添加數(shù)據(jù)記錄的InsertInto指令，然后再寫入數(shù)據(jù)庫文件中：

Insetinto指令語句格式：

Insertinto數(shù)據(jù)表名（欄目名）values（欄目值）

sql="insertintoallmessage(家長姓名,留言主題,聯(lián)絡(luò)信箱,留言內(nèi)容,私人公開,留言時間,班級)values("

sql=sql&"''''"&parent&"'''',"

sql=sql&"''''"&subject&"'''',"

sql=sql&"''''"&email&"'''',"

sql=sql&"''''"&memo&"'''',"

sql=sql&"''''"&personal&"'''',"

sql=sql&"''''"&now&"'''',"

sql=sql&"''''"&bj&"'''')"

cn.executesql

回復(fù)表單程序網(wǎng)頁

必須讓老師們可以針對某位特定學(xué)生家長所發(fā)表的意見作出獨立的回答,

使用Select…From…Where篩選語句

sql="select*fromallmessagewhere(編號="&ID&")"

rs.opensql,cn,1,3

然后將特定的家長發(fā)言數(shù)據(jù)放在表單，方法是將數(shù)據(jù)庫中的數(shù)據(jù)取出來，然后放在表單欄位中：

“家長姓名“欄位網(wǎng)頁語句標簽

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("家長姓名")%><font></td>

“留言主題“欄位網(wǎng)頁語句標簽

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言主題")%></font></td>

“留言內(nèi)容“欄位網(wǎng)頁語句標簽

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言內(nèi)容")%><font></td>

老師在回復(fù)欄位中所填入的數(shù)據(jù)，必須送給處理老師回復(fù)數(shù)據(jù)的ASP程序”anssave.asp”來記錄以及處理這些回復(fù)數(shù)據(jù)。當(dāng)老師填寫好回復(fù)發(fā)言的數(shù)據(jù)后按下“送出回復(fù)”按鈕后，表單中的數(shù)據(jù)內(nèi)容就會以“POST”的方式由SEVER端讀取，然后將數(shù)據(jù)內(nèi)容交由處理老師回復(fù)數(shù)據(jù)的ASP程序“anssave.asp”來將數(shù)據(jù)內(nèi)容寫入數(shù)據(jù)庫。

3．2網(wǎng)上圖書館

網(wǎng)上圖書館將學(xué)校圖書館圖書放到網(wǎng)絡(luò)上供人借閱，這樣不僅方便了校內(nèi)的學(xué)生與教職員工使用圖書館的資源,還為圖書館管理員提供了一種簡便地管理圖書館的方法.

3．2．1功能

網(wǎng)上圖書館系統(tǒng)可以進行圖書的出借和歸還.還可以在系統(tǒng)中按照多種字段對圖書進行查找,還可以瀏覽某個種類的所有圖書.該應(yīng)用程序也為圖書館管理員提供了一些功能,如添加、編輯以及刪除圖書等，或者在分類層次結(jié)構(gòu)中添加新的種類。

3．2．2系統(tǒng)的層次結(jié)構(gòu)

下圖的每個方框代表校園圖書館網(wǎng)站中的一個頁面。除了只包含HTML的Search頁面外，其他的均為ASP頁面。因為每個圖書的頁面都不同，所以大多數(shù)的頁面實際上都是多頁面。

3.2.3數(shù)據(jù)庫設(shè)計

本系統(tǒng)共使用3個數(shù)據(jù)表：

LibBooks表包含與圖書有關(guān)的所有數(shù)據(jù)。該表中的字段內(nèi)容的圖書的通用信息。另外，對于已經(jīng)出借的圖書，該表中還包含借閱該圖書的用戶的ID號，以及圖書的狀態(tài)。

表視圖如下：

字段名意義字段類型字段名意義字段類型

bookid書號(主鍵)數(shù)字(nonull)status狀態(tài)文本

title書名文本checkedoutto用戶id數(shù)字

author著者文本reservedby用戶學(xué)號數(shù)字

Subject主題文本description描述文本

IsbnIsbn號文本keywords關(guān)鍵字文本

LibCategories表包含Library中的所有類別，在訪問者瀏覽圖書列表時將會用到這些類別。每個類別都可以作為另外類別的父類別。有一個特殊的類別，Top-Level,沒有出現(xiàn)在類別列表中，但是可以作為其他任何類別的父類別。

字段名意義字段類型

Categoryname類別文本(noll)

parentcategory父類別文本(noll)

LibEmps表包含可以訪問圖書館網(wǎng)站的用戶信息。該表包含一些通用的信息字段，比如用于進入圖書館的用戶密碼等。

字段名意義字段類型字段名意義字段類型

empid用戶id(主鍵nonull)數(shù)字password用戶密碼文本

Empname用戶姓名文本manager管理員代號數(shù)字

emailaddress用戶郵箱文本

圖書館數(shù)據(jù)庫的數(shù)據(jù)關(guān)系如圖9-22所示。其中表LibEmps和表LibCategories與表LibBooks之間都是一對多的關(guān)系。每個雇員都可以借閱多本圖書，每個類別都可以包含多本圖書。

3.2.3界面設(shè)計與重點代碼的設(shè)計

網(wǎng)上圖書館系統(tǒng)有兩種用戶，一是管理員。另一種是只允許使用圖書館系統(tǒng)，而沒有管理功能的一般用戶。訪問者進入網(wǎng)站，首先要進行登錄，如下圖所示。登錄頁面（index.asp）

訪問者輸入E－mail地址和密碼來登錄，然后單擊“登錄”按鈕。輸入的數(shù)據(jù)提交后與數(shù)據(jù)庫中的用戶表進行匹配。

須創(chuàng)建一個記錄來保存基于訪問者登錄的用戶信息

setRSFindEmp=conn.Execute("selectEmpID,ManagerfromLibEmpswhere"_

&"EmailAddress=''''"&Request.Form("EmailAddress")&"''''and"_

&"Password=''''"&Request.Form("Password")&"''''")

ifRSFindEmp.EOFthen

TheMessage="密碼或email地址不對."

else

Session("EmpID")=RSFindEmp("EmpID")

Session("Manager")=RSFindEmp("Manager")

Response.Redirect"../yk.htm"

endif

表單域EmailAddress和Password用于Where了句中來獲取一個記錄。如果訪問者輸入了一個無效的用戶名，則記錄集中將不會返回匹配的記錄。我們可以通過查看EOF標記來判斷一個記錄集是否為空。為空，則訪問者將被拒絕進入該系統(tǒng)。不為空，則訪問者的EmpID值和Manager值將從記錄集中返回。寫入Session變量，變量將在整個網(wǎng)站的所有網(wǎng)頁中都是有效的。這些變量的存在與否及其取值將用于確定是否允許進入一個特定的網(wǎng)頁，同時也用于訪問者進行書目的歸還和借閱操作。

圖書館菜單頁面

圖書館菜單頁面包含指向其他4個頁面的鏈接：管理頁面、搜索頁面、圖書列表頁面和主頁面。還有一個可顯示用戶所借書籍的按紐。如果訪問者是圖書館管理員，則菜單界面如圖所示。如果訪問者不是圖書館管理員，則看到如圖所示的界面。非管理員的訪問者的界面上沒有指向管理員菜單頁面的鏈接。

實現(xiàn)辦法：訪問者登錄時在登錄頁面上的創(chuàng)建的會話變量Session用于從數(shù)據(jù)庫中獲取訪問者的有關(guān)信息，表示它是否是管理員。如果值為1，就表明訪問者是一個管理員，則用如下代碼寫入一個指向管理員頁面的鏈接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp">管理員菜單</A>

<%endif%>

通過按紐B1是否為空來判斷要不要顯示用戶所借圖書，利用一個記錄集來獲取訪問者已經(jīng)借出了的所有圖書的列表。

ifNOTisempty(Request.Form("B1"))then

setRSBooks=conn.Execute("selectBookID,TitlefromLibBookswhere"_

&"CheckedOutTo="&Session("EmpID"))

endif

再用循環(huán)語句將所借書以表格形式顯示出來。

<tableborder=1width="90%">

<%ifNOTisempty(Request.Form("B1"))then

DoUntilRSBooks.EOF%>

<TR>

<TDWIDTH=40%height="20"><%Response.WriteRSBooks("Title")%></td></tr>

<%RSBooks.MoveNext

loop

endif

%>

</table>

循環(huán)將遍歷Rsbooks記錄集中的每個記錄，直到該記錄集結(jié)束：

該網(wǎng)站中的所有ASP頁面都會在訪問者訪問之前對其進行登錄檢查。這樣就可以避免訪問者通過輸入某個頁面地址然后在沒有登錄的情況下直接進入該頁面的情況發(fā)生。此外，每個管理頁面都要確認訪問者是管理員。

管理菜單頁面

管理菜單頁面有一個HTML表單，根據(jù)選擇的按鈕的不同，可以進行5種不同的操作：圖書的歸還、圖書的編輯、圖書的刪除、圖書的添加和類別的添加。不管選擇了哪一個按鈕，該表單都提交人其自身進行處理。

要進行圖書的歸還、圖書的編輯、圖書的刪除三種操作，須先進行搜索，找到該書后，由圖書Book.asp返回一個鏈接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理員菜單</A>

<%endif%>

而管理者頁面通過下列語句

<%=request.querystring("title")%>

<inputzztype=hiddenname="BOOKID1"value="<%=request.querystring("BOOKID")%>>

這樣就將所找到的書的書號BookID、書名Title傳遞管理者頁面。再進行所須操作。共有3個不同的銨紐，可以進行3種操作。若單擊“修改”鈕：

則重定向到編輯圖書頁面，同時把Bookid傳遞給該頁面。

Response.Redirect"./edit_book.asp?BOOKID="&request("BOOKID1")

將其他的情況需要建立到數(shù)據(jù)庫的連接：

setconn=server.createobject("adodb.connection")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

ifNOTisempty(Request.Form("Delete"))andrequest("BOOKID1")<>""then

conn.Execute"deletefromLibBookswhereBOOKID="&request("BOOKID1")

endif

if(NOTisempty(Request.Form("checkin")))andrequest("BOOKID1")<>""then

conn.Execute"updateLibBookssetcheckedoutto=0,status=''''Available''''whereBookID="&Request("BOOKID1")

endif

頁面中的添加新的種類部分包含一個文本控件和一個選擇控件。其中選擇控件是用所有已經(jīng)存在的類別列表進行填充的，包括特殊類別Toplevel，該類別表明當(dāng)前類別是處于類別層次結(jié)構(gòu)中的最頂層。代碼如下：

先用一個記錄集來填充父類別選擇控件：

setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")

再用下列循環(huán)語句：

<%

DoUntilRSCategories.EOF

%>

<OPTIONVALUE="<%response.writeRSCategories("CategoryName")%>"><%response.writeRSCategories("CategoryName")%></OPTION>

<%

RSCategories.MoveNext

Loop

%>

遍歷RSCategories記錄集中的每個記錄，并作為一個選項添加到列表中，而記錄集中CategoryName同時作為顯示值和傳遞值：

本頁面還包含一個指向添加圖書頁面的鏈接。

搜索結(jié)果頁面

搜索頁面的代碼獲取與訪問者查找規(guī)則相匹配的圖書，然后將這些圖書顯示給訪問者。

搜索頁面上的表單包含一個選擇控件和一個文本控件。選擇控件中的選項是用可搜索的字段填充的：

需要用一個記錄集來保存與訪問者的查找規(guī)則相匹配的記錄：

setRSBooks=conn.Execute("selectBookID,Author,Title,SubjectfromLibBookswhere"_

&Request.Form("SearchField")&"Like''''%"&Request.Form("SearchCriteria")&"%''''")

注意：，符號%表示的是一個廣義搜索。這一點類似于ACCESS中的符號*。

然后將所找到的書以表格形式顯示出來。代碼如下：

<%DoUntilRSBooks.EOF%>

<TRVALIGN="top"ALIGN="left">

<TDWIDTH=40%height="20"><B></B><AHREF="../html/book.asp?BookID=<%Response.WriteRSBooks("BookID")%>"><%Response.WriteRSBooks("Title")%></A></TD>

<tdwidth=20%height="20"><B></B><%Response.WriteRSBooks("Author")%></td>

<tdwidth=30%height="20"><B></B><%Response.WriteRSBooks("Subject")%></td>

<%RSBooks.MoveNext

Loop%>

圖書頁面

圖書頁面的代碼顯示圖書的有關(guān)信息，以及管理圖書的出借操作。

該頁面通過Querystring傳遞BookID

ifisempty(Request.QueryString("BookID"))then

Response.Redirect"./search.html"

endif

如果其中不存在，則訪問者將被重定向到搜索頁面：

如果同時傳遞表單中包含的變量Action不為空，則表明訪問者正借閱該圖書：

ifNotisempty(Request.QueryString("Action"))then

在這種情況下，需要將圖書狀態(tài)改為Checkout,同時需要將Checkedoutto字段修改為該訪問者：

conn.Execute"updateLibBookssetStatus=''''CheckedOut'''',"_

&"CheckedOutTo="&Session("EmpID")&"whereBookID="_

&Request.QueryString("BookID")

Response.Redirect"./library_menu.asp"

endif

然后將該訪問者重定到圖書館菜單頁面：

下一步，利用圖書的狀態(tài)來確定不同的鏈接

未借出時鏈接如下：

ifRSBooks("status")="Available"then

LinkText="<AHREF=""../html/book.asp?Action=CheckOut&BookID="_

&Request.QueryString("BookID")&""">借這本書</A>"

如果圖書已經(jīng)借出，就創(chuàng)建一個不同的消息，并將鏈接設(shè)置為指向Librarymenu頁面：

LinkText="<AHREF=""../html/library_menu.asp"">圖書已出借，返回主菜單。</A>"

最后根據(jù)是否是管理員，顯示管理員菜單鏈接。

<%IfSession("Manager")=1then%><AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理員菜單</A><%endif%>

3.3網(wǎng)上評優(yōu)投票系統(tǒng)

3.3.1功能：

能實現(xiàn)全校性的評選，快捷、公平，且有效，不允許做票。

3.3.2組成構(gòu)造

這個系統(tǒng)由3個部分組成——投票頁面vote.htm，處理投票結(jié)果的腳本，顯示投票頁面。

3．3．3數(shù)據(jù)表的設(shè)計：

3．3．4界面設(shè)計與重點、難點代碼設(shè)計

投票頁面

該頁面是一個純HTML文件，它讓用戶選擇自己想選舉的候選人，并填寫自己的詳細資料，以確認投票的有效性。頁面顯示如圖所示。

表單處理腳本

在vote.htm中各項數(shù)據(jù)都填寫完畢后，單擊確定投票按鈕，表單的數(shù)據(jù)就被提交，

本次評優(yōu)共有4個候選人，但只能選兩個。故用復(fù)選框。

投票的有效性通過是否是本校學(xué)生，且是否投過票來判斷。

ifrequest("passno")<>""then

sql="select*fromstudwherepassword="&"''''"&request("passno")&"''''"&"andyitu=0"

setrs=cn.execute(sql)

ifrs.eofthen%>

<h2align=center><%response.write"你無權(quán)投票"%></h2>

本設(shè)計允許少選，不允許多選。通過判斷Vote投票界面?zhèn)鬟f過來的復(fù)選按紐值的長度看是否多選。

vo=request("cand")

iflen(vo)>4then%>

<h2align=center><%response.write"多選了，無效"%></h2>

然后根據(jù)所投的票將對應(yīng)候選人的投票結(jié)果字段加1，同時將該投票人的已投字段置為1。

sqq="updatestudsetyitu=1wherepassword="&"''''"&request("passno")&"''''"

cn.execute(sqq)

ifinstr(vo,"1")then

cn.execute("updatestudsetresult=result+1wherename=''''李寧''''")

endif

ifinstr(vo,"2")then

cn.execute("updatestudsetresult=result+1wherename=''''楊蘭''''")

endif

ifinstr(vo,"3")then

cn.execute("updatestudsetresult=result+1wherename=''''江道明''''")

endif

ifinstr(vo,"4")then

cn.execute("updatestudsetresult=result+1wherename=''''段啟文''''")

endif%>

顯示當(dāng)前投票情況show.asp

由于投票處理頁面已經(jīng)完成了絕大部分的工作，所以顯示結(jié)果頁面就很簡單了，其功能是從Stud表文件中讀取候選人所得票數(shù)，顯示在頁面上。

頁面顯示如圖

值得注意的代碼主要有以下幾處：

該頁面有自動刷新功能，使在線用戶可以盡快的看到最新的選舉情況。我們這里設(shè)定每隔30秒鐘自動刷新一次。

<metahttp-equiv="refresh"content="10;URL=show.asp">

顯示投票時，我們采用了while循環(huán)，把候選人及其得票數(shù)，整齊地顯示在一個表格中，這種技術(shù)在數(shù)據(jù)庫查詢結(jié)果的顯示中也經(jīng)常用到。代碼如下：

<%whilenoths.eof%>

<tr>

<tdwidth="100%"><center>

<fontcolor="#8000ff"><big>

<%=hs("name")&""&hs("result")&"票"%>

</big></font>

</center>

</td>

</tr>

<%hs.movenext%>

<%wend%>

3．4達級考試在線查分系統(tǒng)與計數(shù)器的制作

3．4．1功能：

它提供了在線查看成績?？忌梢栽诰W(wǎng)上使用這一系統(tǒng)，通過輸入準考證編號來查詢達級考試的結(jié)果。

3．4．2數(shù)據(jù)表的設(shè)計

與評優(yōu)系統(tǒng)共用STUd表，表設(shè)計同上。

3．4．3界面設(shè)計與重點難點代碼的設(shè)計

該模塊需要查詢者輸入準考證號后來查看結(jié)果。若ID1不為空時，表示有表單輸入，開始查詢數(shù)據(jù)庫。使用SELECT的SQL指令查詢數(shù)據(jù)庫的數(shù)據(jù)。先設(shè)定SQL指令，查詢ID符合準考證編號Request.Form("ID1")的數(shù)據(jù)，下個“Execute”指令，即可開始執(zhí)行存取、查詢數(shù)據(jù)的動作了。并將查詢結(jié)果儲存到Recordsets組件RS中。

IFRequest.Form("ID1")<>""THEN

SetConn=Server.CreateObject("ADODB.Connection")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

SQL="SELECTname,id,scoreFROMstudWHEREid=''''"&Request.Form("ID1")&"''''"

SetRS=Conn.Execute(SQL)

若考試通過，則顯示考試的結(jié)果，包括姓名、準考證編號、總分和考試結(jié)果，分別由RecordSets組件的RS（0）、RS（1）、RS（2）、RS（3）得到。FS.Field.Count表示RecordSets組件的域的總數(shù)，由“forI=0toRS.Fields.count-1”，取得RS（I）各域的數(shù)據(jù)。配合<Table>表格的HTML語法，將結(jié)果填入表格的各單元格中。若還有下一個數(shù)據(jù)，就使用RS.MoveNext移到下一個位置。

3.4.4頁面訪問計數(shù)器的制作

利用文件處理組件FILESYSTEM的強大功能來制作，比用Application對象計數(shù)器要好，Application計數(shù)器當(dāng)有20分鐘沒有人連上該網(wǎng)頁或關(guān)機時，計數(shù)器會被歸零。而文件計數(shù)器卻不會因時間而消失。我用Count.txt存放訪問人次。代碼如下：

whichfile=server.mappath("pic\count.txt")

setmyfile=server.createobject("scripting.filesystemobject")創(chuàng)建一個

setthisfile=myfile.opentextfile(whichfile)組件對象

visit=thisfile.readline

thisfile.close讀取計數(shù)器數(shù)據(jù)文件Count.txt中的計數(shù)數(shù)據(jù)

visit=visit+1記錄自加一次

length=len(visit)

fori=1tolength

response.write"<imgsrc="&mid(visit,i,1)&".jpg></img>"將記錄的數(shù)據(jù)用圖片顯示出來

next

setthisfile=myfile.createtextfile(whichfile,1)將新計數(shù)數(shù)據(jù)寫入文件thisfile.writeline(visit)

setmyfile=nothing

數(shù)字圖片我利用PHOTOSHOP中的文字特效制作了9個立方數(shù)字：

四．系統(tǒng)的使用說明與安裝

4．1運行環(huán)境要求

Windows98

PersonalWebServer3.0（PWS）

Microsoft?Access2000(9.0.2812)

4．2安裝設(shè)置

A.將本網(wǎng)站拷貝到硬盤上的某一目錄下，如：拷貝至c:\y1下。

B.運行PWS，將默認的Web站點主目錄設(shè)置為該目錄，如上例應(yīng)為c:\y1；

具體步驟：

a.選擇“高級”項；

b.單擊“編輯屬性”按鈕，在出現(xiàn)的“編輯屬性”對話框中的“目錄”項中填入“c:\y1”，其他不變，確定；

C.設(shè)置啟動默認文檔為：yy.asp

致謝

通過這次畢業(yè)設(shè)計，使我感到高科技、新知識的力量。這次畢業(yè)設(shè)計過程中，得到了長沙市工商職業(yè)中專學(xué)校的大力支持，給我提供了舒適的工作學(xué)習(xí)環(huán)境，也得到了科大老師、教授的精心指導(dǎo)，在此表示衷心的感謝！

五．參考文獻

篇10

一、網(wǎng)站設(shè)計的風(fēng)格

“風(fēng)格”是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素。風(fēng)格是有人性的，不管是色彩、技術(shù)、文字、布局，還是交互方式，只要能由此讓瀏覽者明確分辨出這是本網(wǎng)站獨有的，這就形成了網(wǎng)站的“風(fēng)格”。一般都要求：清純簡潔，主題鮮明，內(nèi)容編排得當(dāng)合理、有一定的藝術(shù)感，美觀、實用，相關(guān)鏈接正常，能體現(xiàn)網(wǎng)站的基本功能，可以從以下幾個方面來為網(wǎng)站設(shè)計一個獨特的風(fēng)格。

1.網(wǎng)站標志(LOGO)

LOGO是指網(wǎng)站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設(shè)計創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動物、植物，可以用它們作為設(shè)計的藍本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。

2.網(wǎng)站色彩

網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。顏色搭配是體現(xiàn)風(fēng)格的關(guān)鍵?！皹藴噬省笔侵改荏w現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標志、標題、主菜單和主色塊，給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點綴和襯托，絕不能喧賓奪主。例如IBM的深藍色，肯德基的紅色條型。一般來說，一個網(wǎng)站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景網(wǎng)頁最好做，顏色搭配最方便；亮色與暗色配合，最容易突出畫面，如黑與白，紅與黑，黃與紫；而近似的顏色的搭配，能給一種柔和的感覺，如墨藍與淡藍，深綠與淺綠。最好能給主頁定一個主色調(diào)，不要搞得花花綠綠的。

3.設(shè)計網(wǎng)站字體

和標準色彩一樣，標準字體是指用于標志、標題、主菜單的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達的內(nèi)涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機里沒有安裝特別字體，他看到的只能是亂碼，那么辛苦的設(shè)計制作便付之東流了。

4.使用精煉有效的語言

現(xiàn)代生活節(jié)奏加快，人們往往沒有時間看大塊文章。為了節(jié)約時間，在單位時間內(nèi)獲取最大量的信息，人們需要精練的信息，即信息精品，要用信息語言來表達信息內(nèi)容。所謂信息語言是指以下公式：信息=基本事實＋數(shù)據(jù)描述＋專家觀點。

信息語言摒棄一切廣告性詞句、文學(xué)性修飾詞句，不歡迎一切關(guān)于意義、重要性的過分渲染。盡量采用數(shù)字說話，歡迎定量描述，反對過多的定性描述，特別是無法形成準確概念的定性描述。用信息語言描述，任何信息都應(yīng)該有出處，有時間，分類準確。當(dāng)然，應(yīng)當(dāng)滿足信息的時效性、準確性、完整性、精練性等固有的特點。在此特別注意的是，不要出現(xiàn)錯別字、病句。

5.設(shè)計網(wǎng)站宣傳語

網(wǎng)站的宣傳語也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進行對外宣傳，可以收到比較好的結(jié)果。

二、網(wǎng)站設(shè)計的色彩搭配

打開一個網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站的豐富內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對人的視覺效果非常明顯，一個網(wǎng)站設(shè)計成功與否，在某種程度上取決與設(shè)計者對色彩的運用和搭配，因此專業(yè)人士把色彩制作成色系表，根據(jù)這些色系讓網(wǎng)站也有其自身的色系，網(wǎng)站的色系是瀏覽者整體的視覺觀感，若一個網(wǎng)站色系能有一致性，不僅會使網(wǎng)站看起來美觀，更能讓瀏覽者對內(nèi)容不易混淆，增加了瀏覽的簡潔與方便。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題，若色系能與主題合理搭配，將會增加瀏覽者的易讀性。網(wǎng)站的色系包含了網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等，這不單只是將顏色搭配得當(dāng)就算完美，還要配合每個內(nèi)容，及網(wǎng)站主題。

1.網(wǎng)頁的底色

網(wǎng)頁的底色是整個網(wǎng)站風(fēng)格的重要指針。舉例來說，以黑色作為背景顏色的網(wǎng)頁，因黑色本對人的視覺上會造成黯淡的感覺，若是拿來用作活潑的兒童網(wǎng)站，就是不適合了。因為小孩子是天真無邪的、活潑的、有朝氣的，與黑色的沉穩(wěn)、黯淡，很難聯(lián)想在一起。當(dāng)然，每個人的審美觀不同，可能也會對顏色的代表性看法不同，但既然網(wǎng)站不是只寫給自己看的，就應(yīng)該要注意到大部分人可能會有的觀點，然后以眾人居多的觀點出發(fā)，來設(shè)計網(wǎng)頁。

2.文字字型

文字字型上的設(shè)計，最好的網(wǎng)站是以所有瀏覽者都能看到的字型為主。常會看到有許多網(wǎng)站要求瀏覽者須自行下載某種字型，才能達到最佳瀏覽效果，這是種非常奇怪的行為。畢竟瀏覽者只是來找資料或是來看網(wǎng)站的內(nèi)容，不可能會因為這種“為達最佳瀏覽效果”，而自行下載所需要的字型。當(dāng)所要求的字型若不下載，并不會影響到網(wǎng)站內(nèi)容上的瀏覽與不便，那么對瀏覽者的要求就微乎其微不可能發(fā)生任何作用。這么一來，對于網(wǎng)頁設(shè)計者來說，無非是非?？上У模驗楫?dāng)初的設(shè)計風(fēng)格卻未能讓瀏覽者一窺全貌，豈不是白費心思的嗎？

3.圖片的色系

以色彩學(xué)簡單的區(qū)分，色系可分為冷色系與暖色系，再詳細一點的區(qū)分，又可分出各種顏色的色系，而色系的區(qū)分，就在于主觀瀏覽意識上的差異了。如何將圖片的色系與網(wǎng)站整體色系相對應(yīng)，就是比較困難的地方了。要繪制一張圖并非易事，要繪制一張符合自己網(wǎng)頁風(fēng)格的圖，更是困難重重。大部分的網(wǎng)頁制作者，并不大可能駕輕就熟的使用影像處理軟件或繪圖軟件，于是乎，網(wǎng)頁素材的網(wǎng)站就開始盛行了。當(dāng)然，不會使用繪圖軟件并不代表網(wǎng)頁就不能設(shè)計的很出色，若是能將網(wǎng)絡(luò)上的素材資源妥善利用，網(wǎng)站也是可以走出自己的風(fēng)格的。而該怎么選擇適合自己網(wǎng)站的圖片，就是門很大的學(xué)問了。

以圖片內(nèi)容來說，能切合網(wǎng)站主題最好，若不能，也別差異太多。以顏色來說，若一個網(wǎng)頁是藍色的底色，但整個網(wǎng)頁的圖片卻亂七八糟，各種顏色紛紛出籠，更糟的是，藍色是屬于冷色系的顏色，若以藍色為底的網(wǎng)頁，卻盡都是大紅色、橘色的圖片，那將會使整張網(wǎng)頁看起來就像垃圾堆，雜亂無章。所以，可以簡單的歸納出，網(wǎng)頁與圖檔的顏色，色系一致或是視覺效果一致，將會使網(wǎng)頁看起來更為美觀且有自己的風(fēng)格。

4.網(wǎng)頁的顏色

網(wǎng)頁的顏色，并非單一就圖文件、文字顏色、或是底色為主，而是以瀏覽者的角度來觀看，整體網(wǎng)頁看上去是偏向哪種色系。常常見到許多網(wǎng)站雖然色系搭配的很好，但卻是沒有自己的風(fēng)格。以目前流行的柔色系、粉色系網(wǎng)站來說，就是失了自己獨到的風(fēng)格。因為使用粉色系的網(wǎng)站，不外乎都有相同的特點，文字顏色淺，底色也以淺色系為主，這樣除了沒有自己的風(fēng)格外，看起來既不大方也難登大雅之堂。以各大搜尋網(wǎng)站來說，根本不會做這樣的設(shè)計，因為文字顏色淡，加上底色淺，對瀏覽者來說，閱讀上非常吃力，所以這樣的設(shè)計風(fēng)格也應(yīng)盡量避免。 一個有自己風(fēng)格，且閱讀起來舒適大方的網(wǎng)頁，并不可能一次就寫好，而是需要經(jīng)過不厭其煩的修正、調(diào)色，才能達到最佳瀏覽效果的。

三、網(wǎng)頁的美化設(shè)計

1.使用CSS優(yōu)化網(wǎng)頁外觀

使用CSS來獲得對整個站點所有WEB頁面的外觀控制。設(shè)置頁邊空白，頁面填充，邊界，顏色和背景。對任意網(wǎng)頁元素設(shè)置字體大小及改變字體外觀。創(chuàng)建動態(tài)活動鏈接。創(chuàng)建CSS風(fēng)格的完全兼容的網(wǎng)頁。

CSS的主要好處就在于，你不用去修改網(wǎng)頁文件，只要修改這個頁面連接的CSS文件，就可以實現(xiàn)不同的顯示效果，包括底色、背景圖片、文字大小、顏色、邊框……等等。網(wǎng)站的版面、布局要求，不能占用較大的邊幅放欄目圖片，正文的位置不能少，圖片與文章的搭配要平衡，過多使用大圖片，大大增加了傳輸流量，影響了網(wǎng)站瀏覽者閱讀的速度，要優(yōu)化網(wǎng)頁就盡可能使用CSS實現(xiàn)，靈活地使用CSS，可以使頁面精致漂亮而又不會占用過多的系統(tǒng)資源，所以很有必要花些時間研究一下。

2.用表格美化頁面布局