【正文】 order by m asc sql,conn,1,1 。沒 找 到 或 本 類 別 還 沒 有 任 何 內(nèi) 容！ /p else totalPut= if currentpage1 then currentpage=1 end if if (currentpage1)*MaxPerPagetotalput then if (totalPut mod MaxPerPage)=0 then currentpage= totalPut \ MaxPerPage else currentpage= totalPut \ MaxPerPage + 1 end if end if if currentPage=1 then showpage totalput,MaxPerPage, showContent showpage totalput,MaxPerPage, else if (currentPage1)*MaxPerPagetotalPut then (currentPage1)*MaxPerPage dim bookmark bookmark= showpage totalput,MaxPerPage, showContent showpage totalput,MaxPerPage, else currentPage=1 showpage totalput,MaxPerPage, showContent showpage totalput,MaxPerPage, end if end if end if % 以上代碼實現(xiàn)了翻頁功能，當(dāng)點擊下一頁時會從數(shù)據(jù)庫中讀取下面 10 個文章標(biāo)題 欄目內(nèi)容顯示 ASP 設(shè)計（ ） % dim o,r,m,i,title 畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 20 dim folder(15) //定義欄目數(shù)組 o=Request(o) i=0 If o0 And o100 Then //判斷主欄目 sql=select distinct m,rtype from type where r=amp。 圖表 7 新聞框架 分頁 ASP 程序設(shè)計 () 頁面的主要功能是將文章按每頁指定數(shù)量顯示出來，并實現(xiàn)上下頁翻頁功能進(jìn)行查找，這在文章總數(shù)達(dá)到一點數(shù)字的時候非常使用 % const MaxPerPage=10 //定義每頁顯示文章 數(shù) if not isempty(request(p)) then currentPage=cint(request(p)) else currentPage=1 end if ％ 以上代碼定義每頁顯示的文章總數(shù)，如果帶 request 參數(shù) p 時從第 p*MaxPerPage 篇開始顯示，否則從最后添加一篇開始顯示 畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 19 % sql,conn,1,1 if and then p align=39。 畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 18 分頁頁面設(shè)計 1．分頁基本框架頁面 如圖表 6 所示的就是分頁的框架設(shè)計，左邊是頁面的主體部分，展示重要內(nèi)容信息，右上方是站內(nèi)搜索，跟著下面是站內(nèi)導(dǎo)航，這是為了 提供方便快捷的搜索必要。rs(name)amp。rs(url)amp。 fontsize: 9pt。日 )brhr loop % //循環(huán)讀取數(shù)據(jù)庫前 3 條符合條件的內(nèi)容 也是讀取數(shù)據(jù)庫中的內(nèi)容顯示最新的 8 條留言，并顯示留言人和日期。 月 amp。/a (amp。rs(content)amp。top=20,left=360,width=410,height=25039。39。?id=amp。brbr loop % 這里是利用 語句來訪問打開數(shù)據(jù)庫，通過語句控制顯示最新的三條新聞，包括最新添加的消息、文章以及其他文本資料。 2．最新動態(tài)部分 畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 17 % select top 3 id,name,addtime from anounce where isUse order by addtime desc,conn,1,1 do while not li amp。 } // /script 代碼前面的 是 ASP 腳本語言插入的格式，以下介紹時便不再給出。在打開網(wǎng)站時彈出的新聞頁面及時發(fā)布最新的通知，給人以深刻的感覺。 說了這些，不如直接看的明了，圖表 5 就是用 Dreamweaver MX2020 設(shè)計的首頁。因此，必須在廣度和深度之間求取平衡。另外，所提供的信息不應(yīng)埋藏在重重疊疊的頁面之下。 3．使首頁易于漫游 首頁的其中一個主要功能是作為漫游工具，指引用戶查閱你存儲在網(wǎng)址或其他地點的信息，盡量使漫游過程不費吹灰之力。首頁整體上要能夠迅速傳送。首頁上的顏色最好不超過六十四種，頁頂圖像最好保持在大約 10KB(千字節(jié) )以下。圖像愈大、顏色愈深，傳送頁面的時間愈長。 2．盡量簡樸 首頁上的圖形應(yīng)力求簡樸，避免耽擱用戶的時間。在首頁上清楚列出幾項要點以及主頁內(nèi)容即可。因此，首頁的設(shè)汁應(yīng)以醒目為上、令人一目了然。所有的動態(tài)資料都交給后臺管理吧，那也 是非常方便簡潔的，后面將有敘述。在留言板的下面是工程系的介紹和網(wǎng)站鏈接。在此的下面是工程系的幾位老師的介紹以及個人網(wǎng)址鏈接。下面就討論一下首頁頁面的設(shè)計吧。 綜上所述，可以得到這樣的結(jié)論：首頁 =簡潔的風(fēng)格 +健全方便的鏈接 +最新的新聞重要的介紹。 然后，首頁所要體現(xiàn)的另一個重要功能就是提供醒目的新聞及介紹。 其次，首頁是整個網(wǎng)站的索引，可以這么比喻，整個網(wǎng)站是一個線路網(wǎng)，那么首頁便是這個線路的主干道，其他分頁則是分支。我們所設(shè)計的簡潔樸素的首頁風(fēng)格正體現(xiàn)了這種思想，使人們在瀏覽的時候 感到的不是眼花繚亂，而是清楚方便。那么我們所要表現(xiàn)的不是花哨，不是冗雜，而是簡潔明了，能夠體現(xiàn)我們計算機人的特色的風(fēng)格。 首頁框架設(shè)計 設(shè)計首頁，要表現(xiàn)其首頁的特點和作用。而要給人以好的可以信賴的形象就必須從許多細(xì)節(jié)上入手，同時規(guī)范整 個網(wǎng)站的外在表現(xiàn)，具體在于標(biāo)志的設(shè)計、標(biāo)準(zhǔn)色彩的表達(dá)以及標(biāo)準(zhǔn)字體的設(shè)計。正如我們在設(shè)計網(wǎng)站的時候也是從首頁到分頁，從前臺到后臺，逐步完成的。 建設(shè)網(wǎng)站就像是在建造一座房子，先是設(shè)計方案和圖紙以及準(zhǔn)備材料和工具，然后便開始緊鑼密鼓的施工了。構(gòu)造這一框架的目的是為了更深刻的明確網(wǎng)站的組成及內(nèi)容，從而讓網(wǎng)站的建設(shè)工作能夠有條不紊的進(jìn)行。而后臺管理作為網(wǎng)站的數(shù)據(jù)庫及管理系統(tǒng)分別管理著每一個枝葉。 為了便于分析，特用框架圖來解釋： 畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 13 圖表 4 網(wǎng)站結(jié)構(gòu)圖 網(wǎng)站的首頁作為根目錄，其他頁面和資料作為枝葉。然后是其他內(nèi)容的鏈接，如留言板、新聞等鏈接，這些涉及到了數(shù)據(jù)庫的管理，一般是通過鏈接訪問數(shù)據(jù)庫來讀取資料。所以我們采用了兩種結(jié)合的方式，整體是樹狀結(jié)構(gòu)，但細(xì)節(jié)部分又插入星狀結(jié)構(gòu)，這樣既條理清晰，有層次感，也方便用戶瀏覽。這種鏈接結(jié)構(gòu)的優(yōu)點是瀏覽方便，隨時可以到達(dá)自己喜歡的頁面。缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經(jīng)首頁。這樣的鏈接結(jié)構(gòu)瀏覽時，一級級進(jìn)入，一級級退出。建立網(wǎng)站的鏈接結(jié)構(gòu)有樹狀和星狀兩種基本方式。 網(wǎng)站鏈接關(guān)系 1．網(wǎng)站的鏈接結(jié)構(gòu) 網(wǎng)站的鏈接結(jié)構(gòu)是 指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。網(wǎng)站的框架和布局既然已經(jīng)設(shè)計完成，那么網(wǎng)站的內(nèi)容的安排也相對簡單了。要知道，我們所設(shè)計的是計算機工程系得網(wǎng)站，是為師生提供網(wǎng)上交流空間與學(xué)習(xí)資料查詢的地方，沒有詳盡的內(nèi)容根本不是我們的目的，那只能是買櫝還珠，舍本逐末。內(nèi)容和形式（即具體的網(wǎng)頁的排版布局）要能夠達(dá)到一種協(xié)調(diào)的狀態(tài)下才能真正的成功的網(wǎng)頁設(shè)計，所以，不能單畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 12 獨考慮網(wǎng)頁的內(nèi)容，以為只要能夠把具體內(nèi)容清晰流暢的放到網(wǎng)站上就行了，造成整個頁面的形式感很差，這樣嚴(yán)重影響用戶的心情。我們所設(shè)計的便是上邊和右邊相結(jié)合的拐角型：上面是頁面的提頭和欄目導(dǎo)航，右邊是留言板和其它的鏈接，而左邊則是網(wǎng)頁的主體內(nèi)容部分。 2．網(wǎng)頁的布局 按照平面設(shè)計的形式來看，整個頁面可以分為幾個部分，每個部分有不同的功能，也能體現(xiàn)不同的形式，具體看來就是上邊、左邊、下邊、右邊、中間、看似無奇，自身卻有許多獨特的地方。 網(wǎng)站的排版及布局 1．排版設(shè)計 有限的視覺符號，文字，少量的插圖（有時沒有 ），這些素材有時不具備描述清楚事件或呈現(xiàn)情緒的能力，即使能自由的使用線條和色彩輔助，仍然拘束，所以通過“形象思維”直接捕獲內(nèi)心的原點，是排版設(shè)計的唯一途徑。 3)、不要使用中文目錄。所以在創(chuàng)建網(wǎng)站目錄時我們嚴(yán)格注意一下規(guī)范： 1)、不把所有文件都存放在根目錄下，否則會造成文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。我們設(shè)立網(wǎng)站以下幾個欄目：教學(xué)安排、課程建設(shè)、科研情況、文檔下載、通訊錄。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護(hù)網(wǎng)站也相當(dāng)困難。 網(wǎng)站的欄目板塊和目錄結(jié)構(gòu) 1．確定網(wǎng)站的欄目 建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。 畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 11 網(wǎng)站總體設(shè)計 在分析完網(wǎng)站設(shè)計的目的、特點以及所要實現(xiàn)的功能后，我們并不是直接開始制作，而是需要對網(wǎng)站進(jìn)行總體設(shè)計。 4．安全性 由于網(wǎng)站提供給各位老師私人的空間儲存自己的資料，用戶的權(quán)限以及網(wǎng)絡(luò)安全必須著重考慮。在選擇背景和正文顏色時，我們鐵別注意的一點是易讀性。 色彩可以使頁面更加生動，色彩產(chǎn)生的強烈視覺效果可以使頁面在瀏覽者心中留下很深的印象。 3．美觀性 首先是一致性，一致性是表現(xiàn)一個站點的獨特風(fēng)格的重要手段之一。重要的內(nèi)容應(yīng)當(dāng)是瀏覽者最容易發(fā) 現(xiàn)，而不是放在很深的鏈接之后的。根據(jù)這一習(xí)慣。給用戶一個有規(guī)律的瀏覽途徑。材料組織好后，便開始在網(wǎng)站頁面上布置文本、圖片等內(nèi)容，目的是引導(dǎo)瀏覽者在頁內(nèi)瀏覽。鮮明的格調(diào)、整潔的頁面以及詳細(xì)的鏈接就顯得格外重要；這樣，我們需要著重考慮以下幾個因素：精心組織的內(nèi)容； 格式美觀的正文；較好的對比度，使得文字具有較強的可讀性；頁面元素大小適中，布局勻稱；不同元素之間留有足夠空白，給人視覺上休息的機會；文字準(zhǔn)確無誤，無錯別字、無拼寫錯誤；等等。頁面上所有的元素都應(yīng)當(dāng)有明確的含義和用途，而不要試圖用無關(guān)的圖片把頁面裝點起來，我們要讓別人明白本 網(wǎng)站突出表達(dá)的內(nèi)容，主題。保持簡潔的常用的一個做法是限制所用的字體和顏色的數(shù)目。它與繪圖有內(nèi)在聯(lián)系，但又不同于繪畫，它以滿足人們的實用和需求為目標(biāo)，因而它比繪畫更單純，清晰和精確。 畢業(yè)論文：計算機工程系網(wǎng)站建設(shè) 10 網(wǎng)站的特點 1．實用性 這一點應(yīng)該是每一個網(wǎng)站的必需，特別是 這種院系網(wǎng)站；所以我們將重點突出“簡潔”二字。 5．其它功能 ftp 地址以及一些友情鏈接，等等。 3．師資力量及通訊錄 有關(guān)工程系各位教師的介紹以及他們的個人網(wǎng)站的網(wǎng)址，另外有各位老師的詳細(xì)通訊資料。這部分功能的實現(xiàn)只需一塊區(qū)域，放在首頁更加直觀。 網(wǎng)站所需實現(xiàn)的功能 我們要設(shè)計的便是這樣一個網(wǎng)站，它不是那種綜合性、藝術(shù)性的網(wǎng)站，而是一個大學(xué)院系的網(wǎng)站，那么這種定義便將網(wǎng)站所要實現(xiàn)的功能包含了： 1．介紹計算機工程系 這并不是本網(wǎng)站的主要功能，但必不可少。 挑選與錘煉工程系的關(guān)鍵信息，利用一個邏輯結(jié)構(gòu)有序地組織起來，開發(fā)一個頁面設(shè)計原型，選擇用戶代表來進(jìn)行測試，并逐步精煉這個原型，形 成創(chuàng)意。在引言部分已經(jīng)分析過，本網(wǎng)站的主要服務(wù)對象是江蘇大學(xué)計算機學(xué)院的師生，其設(shè)計目的是提供給對象一個網(wǎng)上交流信息、查詢資料的平臺； 另外，本站點也將作為在因特網(wǎng)－－這個新媒體上展示計算機工程系形象的信息空間 。 網(wǎng)站設(shè)計前提思路 首先我們要明確這個網(wǎng)站設(shè)計的目的，以及 它所要達(dá)到的功能，能夠體現(xiàn)什么特點。 5. 通過創(chuàng)建報表，用戶可以將數(shù)據(jù)以特定的方式加以組織，從而達(dá)到分析可打印的目的。 3. 用戶可以通過創(chuàng)建查詢在一個表或多個數(shù)據(jù)表中檢索、更新和刪除記錄，并且可以對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行各種計算。 圖表 3 Access界面 的功能及特點 1. 數(shù)據(jù)庫中包含多個表，每個表可以分別表示和存儲不同類型的信息。 Access 還完全支持 Microsoft 的 OLE 技術(shù)。 簡介 作為 Microsoft 的 office 套件產(chǎn)品之一的桌面數(shù)據(jù)庫