網(wǎng)站網(wǎng)頁設(shè)計精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)站網(wǎng)頁設(shè)計主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)站網(wǎng)頁設(shè)計范文

《商務(wù)網(wǎng)站前臺設(shè)計》課程是電子商務(wù)專業(yè)的一門專業(yè)核心課。始終貫徹“工學(xué)結(jié)合、項目導(dǎo)向”課程模式，以“實用、夠用、必需”為原則，培養(yǎng)學(xué)生的實際應(yīng)用能力，取得了良好的教學(xué)效果。根據(jù)職業(yè)崗位的需求，與企業(yè)專家共同確定目標(biāo)和內(nèi)容。通過本課程學(xué)習(xí)，使學(xué)生能熟練運用fireworks/photoshop軟件進行網(wǎng)頁效果圖的設(shè)計；熟練運用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)志及屬性設(shè)計網(wǎng)頁；掌握Dreamweaver進行網(wǎng)站的導(dǎo)入、規(guī)劃、管理、的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；掌握CSS+DIV網(wǎng)頁布局設(shè)計，掌握J(rèn)AVASCRIPT腳本編程語言的基本語法知識。商務(wù)網(wǎng)站前臺設(shè)計課程，主要采用項目教學(xué)法，教學(xué)項目是教學(xué)內(nèi)容的具體表現(xiàn)形式，也可以說教學(xué)內(nèi)容就是教學(xué)項目，完成教學(xué)項目的工作過程中形成的隱性知識即工作過程知識才是職業(yè)教育教學(xué)的核心內(nèi)容，典型工作任務(wù)為工作過程知識的載體,課程內(nèi)容來源于實踐專家研討會，工作過程是課程形式的體現(xiàn)，因此，教學(xué)項目的選擇是課程開發(fā)的一項重要任務(wù)。經(jīng)過反復(fù)研究并通過實踐檢驗后的不斷調(diào)整完善，最終選擇了四個項目（由簡單到復(fù)雜）。

（1）選擇兩個源于真實、完整的“紅葉網(wǎng)上書城”和“校園超市”商務(wù)網(wǎng)站制作項目。其中“紅葉網(wǎng)上書城”網(wǎng)站制作偏向于簡單的表格布局制作，該教學(xué)目的難度屬于中等偏易，“校園超市”電子商務(wù)網(wǎng)站制作偏向于較有難度的DIV布局制作，難度屬于中等偏難，兩個項目的整體設(shè)計共同為引導(dǎo)學(xué)生“怎么做？”。

2拓展網(wǎng)站設(shè)計的實踐項目

從理論實施布局來講，這個項目基本覆蓋了所需的理論知識，構(gòu)成了基礎(chǔ)實踐階段的項目。為了進一步提高學(xué)生的實踐能力，又設(shè)計了課外拓展實踐項目。

（1）選擇個性化網(wǎng)站制作項目，主要側(cè)重學(xué)生同步獨立實踐，該項目為課外拓展實訓(xùn)項目，要求學(xué)生在課堂外獨立完成，解決“做什么”問題。在該項目的難度屬于中等。

（2）工學(xué)結(jié)合項目，是在期末集中實訓(xùn)期間，在學(xué)校聘請的兼職教師的指導(dǎo)下，學(xué)生以小組的形式主動到企業(yè)中找項目分角色完成真實網(wǎng)站制作項目。

第2篇：網(wǎng)站網(wǎng)頁設(shè)計范文

營銷型企業(yè)網(wǎng)站是企業(yè)為了實現(xiàn)特定的營銷目標(biāo)，能將網(wǎng)絡(luò)營銷的思想、方法和技巧應(yīng)用到網(wǎng)站的規(guī)劃、設(shè)計與制作過程之中而構(gòu)建的網(wǎng)站[1]。營銷型的企業(yè)網(wǎng)站應(yīng)能實現(xiàn)直接獲得訂單或獲得銷售線索的目標(biāo)，能夠很好的吸引訪客并將訪客轉(zhuǎn)換為顧客。因此，構(gòu)建一個優(yōu)秀的營銷型企業(yè)網(wǎng)站，必須以網(wǎng)絡(luò)營銷理念為核心，以良好的用戶體驗為目標(biāo)，以SEO優(yōu)化規(guī)律為建站標(biāo)準(zhǔn)。網(wǎng)站實際制作的全過程必須以日后的營銷推廣為目的和出發(fā)點，務(wù)使每一個環(huán)節(jié)，每一個步驟都要考慮到企業(yè)營銷功能的需求，從而使網(wǎng)站一上線即具備營銷功能或呈現(xiàn)出有利于優(yōu)化推廣的特征。

2 營銷型企業(yè)網(wǎng)站的規(guī)劃（Marketing type enterprise?website planning）

網(wǎng)站的規(guī)劃主要是確定網(wǎng)站的結(jié)構(gòu)及欄目的設(shè)置，網(wǎng)站的欄目要明確主要欄目和次要欄目。充分的調(diào)研與分析是規(guī)劃好一個成功營銷型企業(yè)網(wǎng)站的前提。通過調(diào)研與分析，目的是準(zhǔn)確地進行網(wǎng)站定位，滿足特定用戶群的需求。網(wǎng)站的調(diào)研與分析大體上包括用戶需求分析、用戶搜索行為分析、競爭對手分析、行業(yè)平臺分析、企業(yè)產(chǎn)品核心競爭力分析這五個方面。在進行線上調(diào)查時，可選擇與自身企業(yè)相關(guān)的關(guān)鍵詞進行搜索，找到競爭對手網(wǎng)站及行業(yè)網(wǎng)站，搜集競爭對手的網(wǎng)站結(jié)構(gòu)、欄目規(guī)劃、關(guān)鍵詞設(shè)置、行業(yè)發(fā)展動態(tài)等有用信息。另外，瀏覽如阿里巴巴這樣的B to B平臺、與行業(yè)相關(guān)的商業(yè)論壇，這里面也有大量的有用信息。在充分獲取這些有價值信息的基礎(chǔ)之上，再分析自己企業(yè)產(chǎn)品的特色和亮點，找到自己企業(yè)產(chǎn)品的核心競爭力，從而最終確定企業(yè)網(wǎng)站的欄目和內(nèi)容。在進行用戶搜索行為分析時，主要是分析用戶會經(jīng)常采用哪些關(guān)鍵詞來搜索與自己企業(yè)相關(guān)的產(chǎn)品，從而確定網(wǎng)站的主關(guān)鍵詞及長尾關(guān)鍵詞[2]。

3 營銷型企業(yè)網(wǎng)站的特征（The characteristics of?website）

在設(shè)計與制作網(wǎng)站網(wǎng)頁時，美工與網(wǎng)站功能固然重要，但更要從網(wǎng)絡(luò)營銷的角度來設(shè)計與制作每一個網(wǎng)頁。做出來的網(wǎng)站，首先要符合搜索引擎的搜索習(xí)慣，對搜索引擎更友好，這樣就會更容易被搜索引擎收錄，從而讓更多的用戶找到網(wǎng)站；其次，要有良好的用戶訪問體驗，盡量讓用戶更容易、更快速地找到所需信息，從而延長訪客在網(wǎng)頁上的停留時間；另外，要有在線客服功能、客戶管理功能，通過客服的在線幫助和引導(dǎo)，盡可能地將潛在的顧客轉(zhuǎn)化為真實的顧客。通過客戶管理收集客戶信息，以便更好地進行售后服務(wù)，從而提高用戶的忠誠度和網(wǎng)站的口碑；最后，還應(yīng)該有流量統(tǒng)計功能，評估網(wǎng)絡(luò)營銷效果，適時調(diào)整網(wǎng)站推廣策略。因此，真正的營銷型企業(yè)網(wǎng)站有以下四大特征：

3.1 以網(wǎng)絡(luò)營銷為導(dǎo)向

營銷型企業(yè)網(wǎng)站一定要滿足企業(yè)的某些方面的網(wǎng)絡(luò)營銷目標(biāo)，比如實現(xiàn)客戶服務(wù)、市場開發(fā)、品牌推廣、促進銷售等功能，始終堅持營銷為主，技術(shù)為輔的建站理念，使網(wǎng)站成為企業(yè)進行網(wǎng)絡(luò)營銷的工具和平臺。

3.2 以用戶體驗為中心

一個有良好用戶體驗的營銷型企業(yè)網(wǎng)站，應(yīng)該具備操作簡單、訪問快捷、容易溝通、可信任、易于傳播等優(yōu)點，讓訪客產(chǎn)生依賴感，刺激其購買欲望，從而盡可能地將潛在的客戶轉(zhuǎn)換為真正的顧客，實現(xiàn)網(wǎng)站高轉(zhuǎn)化率的營銷目標(biāo)。

3.3 基于搜索引擎優(yōu)化的網(wǎng)頁設(shè)計

目前，搜索引擎是網(wǎng)民獲取信息最常用的渠道，如何讓網(wǎng)民通過搜索引擎快速的找到網(wǎng)站，是營銷型企業(yè)網(wǎng)站必須要解決的問題，基于搜索引擎的頁面優(yōu)化工作是網(wǎng)站建設(shè)過程中基礎(chǔ)和長期的工作，貫穿于企業(yè)網(wǎng)站的規(guī)劃、建設(shè)、維護、運營等全過程。

3.4 關(guān)注網(wǎng)絡(luò)品牌建設(shè)與推廣

一個優(yōu)秀的營銷型企業(yè)網(wǎng)站必然真正融入了企業(yè)的品牌文化和企業(yè)風(fēng)格，能提升企業(yè)價值和品牌形象，獲取社會認(rèn)同，從而通過擁有龐大的忠實顧客群來鞏固其市場地位。

4 營銷型企業(yè)網(wǎng)站的SEO優(yōu)化技巧（SEO site?optimization techniques）

所謂SEO優(yōu)化是指專門利用搜索引擎的搜索規(guī)則來提高目前網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名的方式，從而獲得更多流量，吸引更多目標(biāo)客戶，最終達到網(wǎng)絡(luò)營銷及品牌建設(shè)的目標(biāo)[3]。目前，SEO優(yōu)化排名是最重要的網(wǎng)站推廣手段之一，以百度搜索為例，在具體的網(wǎng)站及網(wǎng)頁優(yōu)化過程中，有以下幾個技巧值得借鑒。

4.1 網(wǎng)站結(jié)構(gòu)扁平化

一般的企業(yè)網(wǎng)站不像新浪、搜狐等門戶網(wǎng)站那樣內(nèi)容龐大，所以不需要設(shè)計復(fù)雜的網(wǎng)站結(jié)構(gòu)，鏈接層次以二級或三級為宜。設(shè)計如此扁平化的網(wǎng)站結(jié)構(gòu)，有利于搜索引擎對網(wǎng)站內(nèi)容的抓取和收錄。百度蜘蛛軟件為了保證高效，對于網(wǎng)站不是所有網(wǎng)頁都會抓取的。蜘蛛軟件爬行的深度與網(wǎng)站的權(quán)重相關(guān)，網(wǎng)站權(quán)重越高被爬行的深度也會比較高。因此權(quán)重不高的網(wǎng)站如果鏈接層次太深，后面的網(wǎng)頁就不會被蜘蛛軟件抓取到。

4.2 周期性地更新網(wǎng)站內(nèi)容

百度蜘蛛軟件有喜新厭舊的特點，在每次爬行某個網(wǎng)頁時都會把抓取到的網(wǎng)頁數(shù)據(jù)存儲起來并進行對比。如果第二次爬行發(fā)現(xiàn)網(wǎng)頁與第一次收錄的完全一樣，說明網(wǎng)頁沒有更新，蜘蛛軟件就會降低來訪的頻率。如果網(wǎng)頁內(nèi)容經(jīng)常周期性地更新，蜘蛛軟件就會掌握網(wǎng)頁更新的規(guī)律并及時過來抓取，這樣不會造成蜘蛛軟件經(jīng)常性的白跑一趟。網(wǎng)站的首頁是一個網(wǎng)站最重要的網(wǎng)頁，為了吸引蜘蛛軟件的頻繁造訪從而提升網(wǎng)頁的權(quán)重，在首頁建議設(shè)置更新版塊，如新聞公告、新產(chǎn)品展示等。

4.3 網(wǎng)頁標(biāo)題與網(wǎng)頁內(nèi)容要高度相關(guān)

網(wǎng)頁標(biāo)題是對一個網(wǎng)頁內(nèi)容的高度概括，搜索引擎根據(jù)網(wǎng)頁標(biāo)題來抓取網(wǎng)頁內(nèi)容，所以，網(wǎng)頁標(biāo)題的優(yōu)化是一個網(wǎng)站進行SEO優(yōu)化時的重中之重，尤其是首頁的標(biāo)題。在設(shè)計網(wǎng)頁標(biāo)題時，不能每個網(wǎng)頁使用同樣的標(biāo)題名稱，如公司名稱，這是一個非常嚴(yán)重的錯誤。因為標(biāo)題應(yīng)該體現(xiàn)網(wǎng)頁內(nèi)容，每個網(wǎng)頁使用同一標(biāo)題或標(biāo)題與內(nèi)容無關(guān)，這樣會影響用戶體驗，不利于搜索引擎的收錄。網(wǎng)頁標(biāo)題可采用關(guān)鍵詞網(wǎng)站名稱關(guān)鍵詞欄目名稱關(guān)鍵詞文章名稱等表達形式，盡量讓網(wǎng)頁標(biāo)題中含有用戶檢索所使用的關(guān)鍵詞，這樣更有利于搜索引擎的檢索。同時，整個Title標(biāo)題最好不要超過30個字符，不然搜索引擎不但顯示不出，用戶體驗也不友好，閱讀起來不容易理解。

4.4 內(nèi)鏈建設(shè)

蜘蛛軟件的爬行是跟著鏈接走的，所以內(nèi)鏈的優(yōu)化就是盡量可以讓蜘蛛軟件抓取到更多的網(wǎng)頁。同時，網(wǎng)站的首頁、重點欄目頁、最新文章等，也是建站者希望被重點推薦的網(wǎng)頁，通過內(nèi)鏈的優(yōu)化，可以讓訪客從更多的子網(wǎng)頁訪問到這些網(wǎng)頁，從而提高這些網(wǎng)頁在搜索引擎中的權(quán)重，促進網(wǎng)站的收錄及排名。合理的內(nèi)鏈建設(shè)除了在每個子網(wǎng)頁中設(shè)置返回首頁的鏈接之外，還可以在文章中的關(guān)鍵詞上添加錨鏈接，也可以設(shè)置友情提示、相關(guān)推薦、熱門文章之類的欄目，這是很多網(wǎng)站都在利用的，不僅可以讓蜘蛛軟件抓取更大范圍的網(wǎng)頁，也使用戶體驗更加友好。

4.5 外鏈建設(shè)

在網(wǎng)站建設(shè)制作過程中，外鏈?zhǔn)翘岣呔W(wǎng)站知名度與搜索引擎信任度的重要組成部分，一個高質(zhì)量的外鏈可以為網(wǎng)站從外部引入流量，特別是在網(wǎng)站的初始階段，網(wǎng)站的權(quán)重較低，蜘蛛軟件來訪較少，外鏈可以增加網(wǎng)站網(wǎng)頁在蜘蛛面前的曝光度，防止蜘蛛軟件找不到網(wǎng)頁。

4.6 動態(tài)網(wǎng)頁靜態(tài)化

HTML存放的靜態(tài)網(wǎng)頁便于蜘蛛軟件的抓取和存放，同時，靜態(tài)化處理的網(wǎng)頁本身的訪問速度要較動態(tài)網(wǎng)頁快很多倍。從SEO優(yōu)化的角度來看，靜態(tài)網(wǎng)頁更適合搜索引擎的搜索和收錄習(xí)慣，對搜索引擎更加友好，因此靜態(tài)網(wǎng)頁的網(wǎng)站排名效果要比動態(tài)網(wǎng)頁的網(wǎng)站排名效果更好?；赟EO優(yōu)化的原因，對于網(wǎng)站中經(jīng)常需要更新信息的動態(tài)網(wǎng)頁如：論壇、留言板、會員注冊、新聞公告等欄目，可以采用動態(tài)網(wǎng)頁靜態(tài)化技術(shù)。目前主流的靜態(tài)化技術(shù)主要有兩種：一種是先于用戶訪問之前通過程序?qū)討B(tài)網(wǎng)頁抓取并保存為靜態(tài)網(wǎng)頁，這樣的網(wǎng)頁的實際存在于服務(wù)器的硬盤中并提供給用戶訪問。另外一種是偽靜態(tài)技術(shù)，即通過WEB服務(wù)器的 URL Rewrite的方式，其原理是通過web服務(wù)器內(nèi)部模塊按一定規(guī)則將外部的URL請求轉(zhuǎn)化為內(nèi)部的文件地址，而靜態(tài)網(wǎng)頁實際是不存在的[4]。

第3篇：網(wǎng)站網(wǎng)頁設(shè)計范文

1.信息設(shè)計意識教育的作用

信息設(shè)計意識是針對人的信息獲取行為提出的。人對外界空間、形態(tài)、大小、圖文、顏色、靜動等的感知，都是一種信息傳遞。有效的信息傳遞設(shè)計是設(shè)計師不能回避的問題，當(dāng)設(shè)計作品不能有效地組織各種元素傳遞信息，作品的功能性受損，純視覺效果設(shè)計的價值便隨之消減。

2.教學(xué)內(nèi)容中涉及網(wǎng)站信息組織設(shè)計的教學(xué)內(nèi)容現(xiàn)狀

網(wǎng)站中，對信息的組織和設(shè)計是站在信息傳遞效能的角度開展的。信息的設(shè)計囊括了視覺的范疇，而設(shè)計教育中，在面對網(wǎng)頁設(shè)計這種信息高密集度的設(shè)計專業(yè)課程時，如果將視覺傳達設(shè)計的知識體系簡單定位于網(wǎng)頁的視覺效果設(shè)計，是對網(wǎng)頁設(shè)計課程教學(xué)的扭曲。因為：一方面，人體通過視、聽、觸、嗅、味五種途徑從外界獲得各種信息，而視覺只是其中一種形式；另一方面，由于慣性思維，如果學(xué)生一想到網(wǎng)頁設(shè)計就將其限定于對視覺效果的設(shè)計，再高一層面也只是強調(diào)了創(chuàng)意等信息傳遞方式的設(shè)計，而人獲取和認(rèn)知信息有著自身的一套規(guī)律和方法，對這些規(guī)律運用的缺失最終會反映在網(wǎng)頁設(shè)計作品上。信息如果架構(gòu)不合理，會使用戶從中獲取目標(biāo)信息的難度增大，體驗質(zhì)量降低，造成設(shè)計行為的價值流失，有違網(wǎng)站設(shè)計定位的初衷。

二、網(wǎng)站信息組織系統(tǒng)在網(wǎng)頁設(shè)計中的重要性

1.從信息結(jié)構(gòu)層面保障用戶能在網(wǎng)站信息中快速尋找到目標(biāo)信息

網(wǎng)頁設(shè)計的結(jié)構(gòu)性與易讀性是非常重要的，而結(jié)構(gòu)的合理性是網(wǎng)頁信息符號易讀的必要保證。用戶對網(wǎng)站信息之間的關(guān)聯(lián)的認(rèn)知有一定的規(guī)律，網(wǎng)站的本質(zhì)是網(wǎng)絡(luò)平臺與用戶互動并傳遞信息的信息集合體。保障網(wǎng)站信息的易讀性，有效地向用戶傳遞信息是網(wǎng)頁設(shè)計的目標(biāo)。用戶在各種層次的目標(biāo)驅(qū)動下訪問網(wǎng)站，需要在不同頁面發(fā)生交互行為，完成訪問目的，因此在設(shè)計中必須保證用戶能流暢地在不同頁面獲取不同階段具有目標(biāo)價值的信息。

2.從功能層面明確網(wǎng)頁的設(shè)計目標(biāo)和開展方式

網(wǎng)頁的設(shè)計與傳統(tǒng)視覺傳達設(shè)計有很大的不同，它很大程度上不僅僅是靜態(tài)視覺效果的設(shè)計，更多的是在動態(tài)操作過程的策劃設(shè)計中，對這些交互功能的視覺補充和效果層次控制。換言之，功能決定形式，目標(biāo)決定過程，傳統(tǒng)的視覺傳達設(shè)計關(guān)于視覺流程的應(yīng)用原理在網(wǎng)頁設(shè)計中只在部分情況下適用。

三、網(wǎng)站信息組織設(shè)計的教學(xué)探索

1.選擇合適的項目案例導(dǎo)入與目標(biāo)任務(wù)明確化

（1）挑選具體網(wǎng)站設(shè)計案例為課程練習(xí)任務(wù)藍本

在授課準(zhǔn)備階段，教師挑選難度合適的網(wǎng)站設(shè)計項目，尤其是自己負(fù)責(zé)過的且有代表性的網(wǎng)站設(shè)計項目，將各個環(huán)節(jié)的任務(wù)按照不同難度分解為不同的分支任務(wù)，在不同的教學(xué)環(huán)節(jié)中使用，以任務(wù)驅(qū)動學(xué)生參與目標(biāo)的實現(xiàn)。當(dāng)課程中有一個具體任務(wù)被布置并且得到學(xué)生履行時，課堂實際上就產(chǎn)生了教學(xué)效果。任務(wù)驅(qū)動教學(xué)法最顯著的特點是以任務(wù)為主線、教師為主導(dǎo)、學(xué)生為主體，改變了固有教學(xué)法中教師講、學(xué)生聽的被動教學(xué)模式，創(chuàng)造了學(xué)生主動參與、協(xié)同合作、探索創(chuàng)新的新型教學(xué)模式。

（2）項目案例導(dǎo)入實踐教學(xué)環(huán)節(jié)需要注意的問題

網(wǎng)頁設(shè)計項目導(dǎo)入課題教學(xué)，在課程中的難題主要在于教學(xué)的進度難以控制。項目案例引導(dǎo)應(yīng)用于教學(xué)，實際上就是一種課堂知識和方法的任務(wù)實踐具體化過程，關(guān)鍵在于對案例內(nèi)容難度的挑選。內(nèi)容太多，涉及網(wǎng)站信息組織設(shè)計的任務(wù)就會占用太多實踐，增加教學(xué)實踐環(huán)節(jié)授課時間的控制難度；內(nèi)容理解難度大，會導(dǎo)致學(xué)生在進行信息分類時額外的認(rèn)知和實踐工作量增大，模擬卡片分類法的過程會出現(xiàn)一些意外狀況；項目涉及的信息組織設(shè)計的預(yù)期理想結(jié)果過于單一，可能會造成學(xué)生因在任務(wù)組中獲得的結(jié)果趨于一致而相互抄襲，不能獲得預(yù)期的教學(xué)效果。

（3）明確案例項目中的任務(wù)目標(biāo)群完成的衡量標(biāo)準(zhǔn)

教師在教學(xué)實踐中，應(yīng)明確每個教學(xué)知識點的合格標(biāo)準(zhǔn)，這樣學(xué)生也會有明確的課堂目標(biāo)，盡管這種目標(biāo)的完成不一定建立在學(xué)生自己的興趣基礎(chǔ)之上，但是對于教學(xué)效果而言具有實際價值。其一，網(wǎng)頁設(shè)計課程中案例項目的信息組織設(shè)計的教學(xué)完成，過程中有很多環(huán)節(jié)需要控制，所以教師必須圍繞總目標(biāo)確定次一級的任務(wù)目標(biāo)群，使學(xué)生對完成總?cè)蝿?wù)目標(biāo)需要完成的幾個模塊子任務(wù)的內(nèi)容有清晰的認(rèn)知；其二，任務(wù)目標(biāo)群的體系構(gòu)成還包括各個任務(wù)目標(biāo)之間的流程關(guān)聯(lián)，教師要使學(xué)生理解每個次一級任務(wù)目標(biāo)安排組織的緣由；其三，明確衡量要求，使學(xué)生明確認(rèn)知需要達到的合格標(biāo)準(zhǔn)。

2.情境模式模擬用戶訪問網(wǎng)站的過程

（1）網(wǎng)站的目標(biāo)用戶群分析

對開放性的網(wǎng)站而言，被訪問時用戶需求能滿足的，且與網(wǎng)站的建站目標(biāo)相符的，即為網(wǎng)站的目標(biāo)用戶。網(wǎng)頁設(shè)計目標(biāo)用戶與產(chǎn)品設(shè)計目標(biāo)用戶的不同在于：網(wǎng)站先天具有自我宣傳和推廣的功能，即向所有訪問用戶傳播自身存在狀態(tài)的信息，若網(wǎng)站以宣傳為主要目標(biāo)，那么其目標(biāo)用戶群的范圍可能非常寬廣；其次才是以向特定群體提供特定產(chǎn)品和服務(wù)為目標(biāo)的網(wǎng)站，其目標(biāo)用戶的定義范圍較為狹窄和具體。所以，對網(wǎng)站目標(biāo)用戶群體的分析必須聯(lián)系網(wǎng)站的建站目的展開。

（2）確定目標(biāo)用戶群訪問網(wǎng)站的目標(biāo)信息

網(wǎng)站信息成分越復(fù)雜，功能越多，網(wǎng)站中具有目標(biāo)用戶群的目標(biāo)信息價值的信息就越多、越分散，此時網(wǎng)站的建設(shè)對信息架構(gòu)設(shè)計的需求就越急迫。換言之，即確認(rèn)目標(biāo)用戶訪問該網(wǎng)站時對哪些信息存在需求，必須在具體設(shè)計展開前進行分析。

3.卡片分類法引導(dǎo)學(xué)生對案例項目中網(wǎng)站信息組織分類

（1）關(guān)于卡片分類法

卡片分類法是一種定性和定量相結(jié)合的方法，調(diào)查者預(yù)先給予測試者一系列標(biāo)有名稱或內(nèi)容的卡片，讓測試者根據(jù)自身認(rèn)知將這些卡片進行歸類，并對卡片名稱及類別名稱進行確認(rèn)?？ㄆ诸惙ㄊ蔷W(wǎng)站信息架構(gòu)的一種常用方法，用來比對網(wǎng)站設(shè)計者和網(wǎng)站訪問者對網(wǎng)站信息分類的普遍性認(rèn)知差異，以此作為設(shè)計師調(diào)整信息架構(gòu)的設(shè)計依據(jù)。結(jié)合項目案例網(wǎng)站，將整站的眾多多寡不一、主次各異的信息和功能模塊，提煉出概括性的條目、文字、詞匯和小分類等，并書寫在準(zhǔn)備好的卡片上進行信息特征的歸類。使用卡片分類法對網(wǎng)站信息進行分類和組織的目的在于讓設(shè)計者從用戶的角度理解網(wǎng)站的信息，以求更好地為用戶提供容易理解的網(wǎng)站信息組織方式。

（2）教學(xué)中卡片分類方法的具體實施過程探索總結(jié)

首先，在教學(xué)過程中，教師要求學(xué)生準(zhǔn)備便簽之類的卡片，對作為案例項目的網(wǎng)站中涉及的信息內(nèi)容進行梳理，將對應(yīng)一級和二級網(wǎng)站導(dǎo)航架構(gòu)的信息內(nèi)容一級分類模塊和二級分類模塊，以及無法確定分類的獨立信息模塊，用一句話或者一個詞組提煉出來，寫在不同的卡片上，并注意用詞的準(zhǔn)確性。如果暫時無法尋找到合適詞匯提煉概括一個模塊的信息內(nèi)容，可用小一點的文字注釋在該卡片上，以幫助參與實驗的用戶理解。其次，參與卡片分類測試的樣本用戶的選擇。如果選擇的項目案例是一般性的網(wǎng)站，如一般的公司網(wǎng)站、主題網(wǎng)站，則樣本用戶可以限定在同年級或者同校的學(xué)生范圍之內(nèi)進行選擇。作為課程的一種練習(xí)，這樣有一定的便利性，但是作為實際的實踐環(huán)節(jié)，則有一定的局限性，如年齡和文化教育層次的局限性，所以案例項目的選擇很重要。在卡片分類教學(xué)實施過程中，由于教學(xué)進度和課時的限制，建議選擇的被測試對象直接在班級中產(chǎn)生，另外，為防止參與測試的不同用戶分類時相互干擾，可以讓單個用戶先后獨立完成卡片分類，小組成員記錄分類結(jié)果以及用戶對卡片進行分類的理由。再次，展示時建議水平鋪開便簽，讓用戶重新梳理和陳述自己的分類，及時發(fā)現(xiàn)分類存在疑問的地方。在以往的教學(xué)中，粘貼式便簽便于在展示板上展示，但是一旦貼上，在修改和調(diào)整時容易被撕壞。最后，用戶測試過程的研究。按照觀察法對用戶分類過程進行觀察和記錄，是為了更準(zhǔn)確地把握用戶的分類動機。觀察法是有目的、有計劃地通過對被測試言語和行為的觀察、記錄而判斷其心理特點的心理學(xué)基本研究方法之一。這里所說的觀察對象一般是訪問網(wǎng)站的用戶。同時，對測試結(jié)果進行用戶訪談，主要目的是確認(rèn)用戶在分類過程中的判斷依據(jù)，當(dāng)設(shè)計者對用戶分類結(jié)果的認(rèn)知與用戶的認(rèn)知有不同之處時，必須通過用戶訪談進行了解。

4.研究結(jié)果分析

E-R關(guān)系圖能比較明確地描述出卡片上的網(wǎng)站信息模塊之間的關(guān)系結(jié)構(gòu)與關(guān)系特征，應(yīng)用于網(wǎng)頁設(shè)計課程中的網(wǎng)站信息組織設(shè)計，具有較強的實用性。將用戶的測試結(jié)果用E-R關(guān)系圖描述出來，一方面可以鍛煉學(xué)生對邏輯關(guān)系的理解能力，另一方面可以培養(yǎng)學(xué)生在設(shè)計中注重資料信息的條理性的良好習(xí)慣。在課程安排中，教師可以安排一定的課時由每組學(xué)生上臺講解自己的研究結(jié)果，強化學(xué)生在課程中的參與感。課堂上的卡片分類測試可以讓學(xué)生從用戶的角度，看到用戶對網(wǎng)站信息的理解模型，這對網(wǎng)站信息的架構(gòu)設(shè)計有很好的引導(dǎo)和參考作用。

四、結(jié)語

第4篇：網(wǎng)站網(wǎng)頁設(shè)計范文

【關(guān)鍵詞】教學(xué)網(wǎng)站 網(wǎng)頁設(shè)計 靜態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁 數(shù)據(jù)庫

【中圖分類號】TP311.5 【文獻標(biāo)識碼】A 【文章編號】1006-9682（2012）11-0009-04

【Abstract】A teaching website is set up based on the HTML to develop the static pages and the ASP technology to develop the dynamic pages. The database supporting the website is based on the ACCESS that developed by Microsoft. The main structure of the website is tree structure. Users can reach every function points from index， and then can reach the more buttons and more detail points in different scopes. The website is divided into a number of relatively independent and interrelated function modules， which include the introduction of course， the introduction of teachers， self-study base on network， and guidance to the experimental and so on. All above mentioned are showed to the users in words， images and videos. A platform for teachers and students to exchange their ideas of this subject is also built.

【Key words】Teaching website Web page design Static web pages Dynamic web pages Data base

一、引 言

隨著網(wǎng)絡(luò)信息傳媒技術(shù)的飛速發(fā)展，教師的教學(xué)方式越來越多地包括了互聯(lián)網(wǎng)的應(yīng)用，越來越多的教學(xué)資源被開放到網(wǎng)上供更多的用戶使用，達到擴展教學(xué)時間和空間、教學(xué)資源多元化以及教學(xué)模式多樣化的目的。ASP技術(shù)能夠?qū)崿F(xiàn)很好的網(wǎng)絡(luò)互動形式，配合簡單易用的Dreamweaver HTML編輯功能，加之學(xué)校提供的足夠充裕的網(wǎng)絡(luò)環(huán)境資源，可以很好地實現(xiàn)在教學(xué)網(wǎng)站上進行教學(xué)活動的目標(biāo)。本文基于靜態(tài)網(wǎng)頁HTML技術(shù)以及動態(tài)網(wǎng)頁ASP技術(shù)設(shè)計完成了校級優(yōu)質(zhì)課程《信號分析與處理》的教學(xué)網(wǎng)站，集成了課程介紹、老師簡介、網(wǎng)絡(luò)自學(xué)、實驗指導(dǎo)等功能模塊，以文字、圖片及視頻為表現(xiàn)形式，搭建了答疑、討論、留言等師生活動交流的平臺，教學(xué)效果良好。

二、教學(xué)網(wǎng)站的總體構(gòu)成

本教學(xué)網(wǎng)站實現(xiàn)了課程教學(xué)相關(guān)軟硬件的簡介、教學(xué)資源的開放、教學(xué)實驗以及實習(xí)實踐的介紹、互動交流平臺等功能。其主題模塊包括：課程綜述、師資團隊、網(wǎng)絡(luò)課程、教學(xué)實踐、學(xué)習(xí)園地、科研成果、實習(xí)實踐、留言板以及聯(lián)系老師等。具體來講，有以下幾個方面：①教學(xué)軟硬件介紹：通過文本、圖片的形式，以生動的網(wǎng)頁呈現(xiàn)簡介，對師資團隊、實驗室資源、實習(xí)實踐、教學(xué)方法與創(chuàng)新等教學(xué)軟硬件進行介紹，使學(xué)生全面認(rèn)識學(xué)習(xí)渠道與學(xué)習(xí)環(huán)境，避免了學(xué)生在學(xué)習(xí)過程中造成資源的浪費；②學(xué)科學(xué)習(xí)資源庫：利用文本、圖片、視頻等載體，按照一定的教學(xué)需要以及教學(xué)策略進行分類，并以合適的形式重組對學(xué)生的開放，很大程度上避免了學(xué)生在大量的資料閱讀中迷失，使學(xué)生對信息的甄選更有針對性、更加結(jié)構(gòu)化，學(xué)習(xí)目標(biāo)也更加明確；③拓展性學(xué)習(xí)資源：是對學(xué)科學(xué)習(xí)資源庫的補充與延展，其資源可能超出課堂甚至考試范圍之外，學(xué)生可通過對這些資料的閱讀增加對本學(xué)科的興趣，從而對本學(xué)科的學(xué)習(xí)產(chǎn)生推動和促進作用。師生在教學(xué)活動中發(fā)揮創(chuàng)造的內(nèi)容也可以作為拓展資源的一部分存入資源庫，供后來人參閱和學(xué)習(xí)。拓展性學(xué)習(xí)資源為學(xué)生進行廣泛而深入的專業(yè)知識研究學(xué)習(xí)提供了良好的保證；④網(wǎng)上討論空間：其實質(zhì)是一個可以幫助學(xué)生創(chuàng)造、探索、交流的平臺。學(xué)生在與教師或同學(xué)利用這一平臺即興同步或異步的協(xié)商討論過程中，能夠開拓思維，鍛煉認(rèn)知能力、表達能力以及團隊協(xié)作能力等。圖1為該教學(xué)網(wǎng)站的拓?fù)浣Y(jié)構(gòu)。

在整體布局方面，采用表格的方法，這是網(wǎng)頁設(shè)計所采用的基本方式之一。通過表格布局的方式可以使整個網(wǎng)頁各個部分的比例數(shù)字化，從而更易把握，同時使網(wǎng)頁中各局部的調(diào)節(jié)以及局

部與整體的適應(yīng)性、比例等都更容易調(diào)節(jié)和把握。圖2為實際運行網(wǎng)站的首頁。

三、教學(xué)網(wǎng)站的關(guān)鍵設(shè)計

1.HTML靜態(tài)網(wǎng)頁技術(shù)

Dreamweaver網(wǎng)頁設(shè)計軟件提供了一套直觀的可視界面，可供創(chuàng)建和編輯HTML網(wǎng)站和移動應(yīng)用程序。[1～2]靜態(tài)網(wǎng)頁制作技術(shù)是一種通過HTML標(biāo)記語言，按照一定的格式整合各種媒體，如圖像、文字、聲音等，并結(jié)合Web服務(wù)實現(xiàn)信息網(wǎng)絡(luò)的技術(shù)。靜態(tài)網(wǎng)頁沒有后臺數(shù)據(jù)庫，不含程序及其他不可交互的網(wǎng)頁，每個網(wǎng)頁都有一個固定的統(tǒng)一資源定位符（URL），或被稱為網(wǎng)頁地址，作為獨立的文件保存在服務(wù)器上，內(nèi)容相對穩(wěn)定，易于檢索和查閱。由于它的穩(wěn)定性，通過靜態(tài)網(wǎng)頁呈現(xiàn)的信息最好在短時間內(nèi)是不需要進行修改的，或者其更新周期較長。一般來說，靜態(tài)網(wǎng)頁適合作為單純信息呈現(xiàn)的載體，直截了當(dāng)?shù)貙⑾胍獙W(xué)生開放的信息展現(xiàn)出來，不僅易于對網(wǎng)站內(nèi)容進行管理，而且對網(wǎng)絡(luò)、服務(wù)器資源的使用更趨于合理。

2.ASP動態(tài)網(wǎng)頁技術(shù)

動態(tài)網(wǎng)頁可以包含各種動畫，也可以是純文字內(nèi)容，其主要特點有：①一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，只要對數(shù)據(jù)庫進行更新就可以完成對整個網(wǎng)頁信息呈現(xiàn)的更新，相較于靜態(tài)網(wǎng)頁更新工作量要小得多；②動態(tài)網(wǎng)頁實際上并非獨立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求服務(wù)器時，服務(wù)器才會將存在于服務(wù)器上的文件解析成網(wǎng)頁的形式呈現(xiàn)給用戶。采用動態(tài)網(wǎng)頁技術(shù)相較于靜態(tài)網(wǎng)頁可以實現(xiàn)更多的交互式功能。動態(tài)網(wǎng)頁技術(shù)是指客戶端與服務(wù)器端可以進行交互行為的一種技術(shù)，可以開發(fā)出具有交互性的動態(tài)Web網(wǎng)頁，常用的動態(tài)網(wǎng)頁技術(shù)有ASP、JSP、PHP等。結(jié)合教學(xué)網(wǎng)站本身體積較小，而且基本是運行于學(xué)校內(nèi)部資源網(wǎng)，安全性問題較少等因素，又參考了學(xué)校服務(wù)器操作系統(tǒng)，最終選用ASP技術(shù)制作本網(wǎng)站。

ASP動態(tài)網(wǎng)頁技術(shù)是由Microsoft公司開發(fā)完成的，其開發(fā)環(huán)境為IIS，即Internet Information Server，互聯(lián)網(wǎng)信息服務(wù)。它是一種Windows系統(tǒng)自帶的網(wǎng)頁服務(wù)組件，本身就包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器以及SMTP服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)以及郵件發(fā)送等方面。[3]本設(shè)計主要運用的是Web服務(wù)器。對于Web服務(wù)器來說，需要有一個虛擬目錄才能完成整個工作過程。所謂虛擬目錄是指用戶進入Web服務(wù)器時所看到的目錄結(jié)構(gòu)，因為IIS服務(wù)器是假設(shè)在Windows環(huán)境下的，這個目錄實質(zhì)上是一個Windows文件。在默認(rèn)的情況下，IIS服務(wù)器是使用默認(rèn)目錄來對Web站點的網(wǎng)頁進行存放的。當(dāng)站點的結(jié)構(gòu)過于復(fù)雜、擁有多個不同ASP站點時，則需要建立新的虛擬目錄來對網(wǎng)頁進行存放和規(guī)劃。

動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁在運行時本質(zhì)的區(qū)別就是，靜態(tài)網(wǎng)頁可以直接將設(shè)計的內(nèi)容通過瀏覽器顯示出來；而動態(tài)網(wǎng)頁則需要服務(wù)器的支持才能讓用戶瀏覽到實際網(wǎng)頁。因此在設(shè)計時由于沒有實體的服務(wù)器，就需要在主機上建立虛擬地址以及測試服務(wù)器以用來對動態(tài)服務(wù)器資源進行必要的解析。這不僅是瀏覽動態(tài)網(wǎng)頁的需要，同時也是設(shè)計和修改網(wǎng)站的必要條件，必須用Internet信息服務(wù)管理器提供相應(yīng)的支持。不同的動態(tài)網(wǎng)頁技術(shù)需要搭配不同的服務(wù)器環(huán)境才能做到正確解析，以便于讓用戶從客戶端進行無障礙瀏覽。

3.ACCESS數(shù)據(jù)庫技術(shù)

網(wǎng)絡(luò)本身就是將處于不同空間位置、操作相對獨立的多個計算機聯(lián)系在一起，再配以一定的系統(tǒng)和應(yīng)用軟件，從而完成計算機間的資源共享和信息傳遞。因此其本質(zhì)特點就是資源共享。而網(wǎng)絡(luò)數(shù)據(jù)庫正是完成了將網(wǎng)絡(luò)資源整合在一起以備共享的工作，它是以后臺數(shù)據(jù)庫為基礎(chǔ)，加之一定的前臺程序操作，通過瀏覽器完成數(shù)據(jù)的增刪、查改等行為。

基于已經(jīng)選好的ASP動態(tài)網(wǎng)頁技術(shù)，考慮到本網(wǎng)站對數(shù)據(jù)庫的實際要求以及學(xué)校服務(wù)器的操作系統(tǒng)環(huán)境，最終選用ACCESS開發(fā)數(shù)據(jù)庫。它是由Microsoft公司出品的隸屬于Office軟件系統(tǒng)中的一款數(shù)據(jù)庫軟件。[4]它的特點是應(yīng)用普遍，易于操作，用戶界面人性化，能夠滿足用戶對于數(shù)據(jù)庫的基本增刪、查改等功能，且能與ASP動態(tài)網(wǎng)頁技術(shù)完美契合。

4.B/S（Browser/Server）結(jié)構(gòu)

本教學(xué)網(wǎng)站基于B/S（即瀏覽器/服務(wù)器 Browser/Server）結(jié)構(gòu)，其優(yōu)點明顯。在動態(tài)網(wǎng)頁中使用ASP技術(shù)來實現(xiàn)對服務(wù)器端的操作功能，而ASP技術(shù)語言是基于VBScript腳本語言來完成對客戶端的檢查，現(xiàn)在市面上所有比較主流的瀏覽器都默認(rèn)支持VBScript，因此只要客戶端安裝了任何一種瀏覽器，用戶都不用再做任何設(shè)置即可登陸和使用本網(wǎng)站。B/S架構(gòu)不需要太大的數(shù)據(jù)庫以及太多的冗余空間，容易進行局部調(diào)節(jié)，更注重交互性和信息的交流性。對于學(xué)校這種非盈利性機構(gòu)來說，B/S結(jié)構(gòu)還具有價格上的優(yōu)勢。 基于B/S結(jié)構(gòu)，用戶在使用時不需要很繁瑣的操作或者很高的技術(shù)要求，只需打開瀏覽器輸入網(wǎng)址后，根據(jù)自己的切實所需，點開所需的網(wǎng)頁即可找到自己所需的內(nèi)容?；趯?dǎo)航條所具有的易操作性，用戶在瀏覽網(wǎng)頁時完全可以依賴網(wǎng)站所提供的不同性質(zhì)的導(dǎo)航條瀏覽到自己所需的內(nèi)容。

考慮到用戶對不同資料的需要程度，因此開放性資源呈現(xiàn)給用戶的具體形式分為下載和網(wǎng)頁顯示兩種。一些可能不需要學(xué)生保留的（例如教案等）而只需要用戶稍加瀏覽的或者教師不希望同學(xué)長期持有而只希望能在需要的時候再上網(wǎng)查找的（例如作業(yè)答案等）資源其呈現(xiàn)方式就選擇了網(wǎng)頁顯示的方式，這種方式依照B/S的結(jié)構(gòu)特點，只需要學(xué)生具有自己的用戶端以及瀏覽器即可輕松瀏覽。另一方面，有些內(nèi)容學(xué)生希望也需要自行保留以便于日后長期地頻繁地進行瀏覽和參考，而這些資料很可能也正是老師希望學(xué)生多多參看的，那么這些資料的呈現(xiàn)方式就選擇了直接供學(xué)生下載。同樣基于網(wǎng)站的結(jié)構(gòu)特點，學(xué)生只需要利用自己的用戶端通過瀏覽器即可進行相關(guān)的選取和下載以及瀏覽等工作。

基于B/S結(jié)構(gòu)，教師利用自己的PC端，以學(xué)校提供的虛擬主機為媒介，形成一個虛擬的服務(wù)器端，教師通過操作自己的計算機，同時也是在對網(wǎng)站的服務(wù)器端進行操作，而這種操作具有很強的靈活性和實時性。因此教師或網(wǎng)站管理員可以根據(jù)自己的實際需要和課程的實際要求對網(wǎng)站內(nèi)容以及希望呈現(xiàn)給學(xué)生的資料、呈現(xiàn)方法進行實時修改。

四、教學(xué)網(wǎng)站的靜態(tài)網(wǎng)頁及動態(tài)網(wǎng)頁實現(xiàn)

1.教學(xué)網(wǎng)站下拉菜單導(dǎo)航的設(shè)計

對于一個好的網(wǎng)站，清晰的主干脈絡(luò)、豐富的資料儲備以及干凈整潔的頁面設(shè)計固然很重要，但是優(yōu)質(zhì)高效的網(wǎng)站導(dǎo)航條對網(wǎng)站的影響更大。特別是對于教學(xué)網(wǎng)站而言，學(xué)生在查閱自己需要的資料時具有一定的盲目性，很可能迷失在茫茫的資料群中，而良好的導(dǎo)航策略則能使學(xué)生對網(wǎng)站中的內(nèi)容分類一目了然，更加直接更加迅速地幫助學(xué)生找到自己所需的材料。

最終設(shè)計完成的是下拉菜單式導(dǎo)航條，如圖3所示。當(dāng)鼠標(biāo)懸停于主體導(dǎo)航條之上時，下拉導(dǎo)航條彈出；當(dāng)鼠標(biāo)懸停于下拉導(dǎo)航條時，相應(yīng)的欄目字體反色并且背景顏色有所變化，從而形成高亮的醒目效果。這類導(dǎo)航條以HTML編碼構(gòu)成，其位置精度是由機器計算得出的，因而不會出現(xiàn)“層”類型導(dǎo)航條的不穩(wěn)定現(xiàn)象。由于是用編碼來調(diào)控整個導(dǎo)航屬性的，一旦需要修改可能會比較麻煩。

2.教學(xué)網(wǎng)站主頁插件的設(shè)計

在教學(xué)網(wǎng)站中，經(jīng)常需要更新一些公告新聞類的文字供學(xué)生查閱。這些文字如果只是以單純的文字形式展現(xiàn)，可能不夠明顯，或者因為文字太多而實際上有沒有那么大的空間可供使用，這時就涉及到了一個常用的網(wǎng)頁插件程序——滾動字幕。

在網(wǎng)頁設(shè)計中比較常用的制作滾動字幕的標(biāo)簽插件是marquee。其功能就是在網(wǎng)頁的任意地方設(shè)計一個滾動字幕，然后根據(jù)用戶的不同需要，對字幕的運行方式進行相應(yīng)的修改處理，以最終滿足用戶的實際需要。以下是在本網(wǎng)站首頁中的滾動文字所運用的marquee標(biāo)簽的實例。

0" align="left">

滾動信息！

其中direction、hspace、vspace、width以及align幾項屬性值分別對滾動文字的滾動方向、到邊界的水平及垂直距離、區(qū)域的寬度以及水平對齊方式做了具體規(guī)定。而其他沒有寫明的參數(shù)則代表遵循默認(rèn)值。

滾動字幕的應(yīng)用，使網(wǎng)頁內(nèi)容的呈現(xiàn)形式顯得多樣化，通過滾動字幕呈現(xiàn)出來的信息比靜態(tài)信息更醒目。學(xué)生在進入本網(wǎng)站首頁時，首先會關(guān)注到首頁上的滾動字幕。這樣一來，教師希望首先讓學(xué)生看到的內(nèi)容通過此種形式能夠更容易更便捷地傳達給學(xué)生。

3.教學(xué)網(wǎng)站的交流互動平臺——留言板

留言板模塊作為本網(wǎng)站的交互式模塊，為師生、生生的學(xué)術(shù)型交流提供了平臺。學(xué)生既可以通過這一渠道向老師發(fā)問，同時也可以通過這一平臺與其他同學(xué)進行交流，甚至留下聯(lián)系方式，方便日后進行相關(guān)的學(xué)術(shù)研討。而老師則可以通過這一平臺為學(xué)生答疑解惑，對學(xué)生關(guān)于課程的學(xué)習(xí)程度有所了解，以便于對日后的課程安排進行調(diào)整。還可根據(jù)學(xué)生留下的聯(lián)系方式和學(xué)生取得進一步聯(lián)系，以便于對學(xué)生的學(xué)習(xí)提供進一步的幫助。同時，任課老師同時還擁有管理員的權(quán)利與義務(wù)，對學(xué)生的留言進行管理。根據(jù)課程負(fù)責(zé)人和其他本課程任課老師的權(quán)限不同，對留言板的操作權(quán)限也有所不同，便于老師們對留言板的運行情況及管理使用進行相關(guān)的操作和管理。

留言板模塊是一個同步或異步的網(wǎng)上交流互動平臺，不是一個靜態(tài)網(wǎng)頁，而是一個基于后臺數(shù)據(jù)庫的動態(tài)數(shù)據(jù)庫。使用者能夠根據(jù)需要，對后臺數(shù)據(jù)庫進行實時的增刪、查改等操作。其設(shè)計包括數(shù)據(jù)庫的應(yīng)用、網(wǎng)頁與后臺數(shù)據(jù)庫的關(guān)聯(lián)與調(diào)用。

留言板模塊數(shù)據(jù)庫的主體結(jié)構(gòu)包括兩個表，分別是：①admin表：用來存儲管理員信息，包括username、password、ADMIN以及ADPW四項。前兩項為一組用來保存臨時管理員的用戶名和密碼。因為考慮到任課老師或留言板的管理員可能隨時會有變動，因此特別設(shè)定了這樣的身份。其權(quán)限主要是進行對整個留言板信息的增刪改查，以及對臨時管理員用戶名和密碼的修改，以配合老師或留言板管理員的變更。而ADMIN和ADPW為一組作為管理員。這一組相對于臨時管理員的不同就是他的用戶名和密碼是不能夠被更改的，因為考慮到課程負(fù)責(zé)人會負(fù)責(zé)整個網(wǎng)站的管理工作，以及對臨時管理員的調(diào)配和調(diào)度，因此管理員身份擁有更改臨時管理員用戶名和密碼的權(quán)限，但是自身的用戶名和密碼任何人都不能夠通過網(wǎng)頁更改，當(dāng)然如果有缺失的需要對管理員的用戶名和密碼進行變更，可以直接從數(shù)據(jù)庫文件中直接更改。②words表：用來存放學(xué)生和老師的所有留言內(nèi)容。該表可以存放學(xué)生的姓名、QQ號、電子郵箱等信息。這樣的設(shè)定是為了老師或者學(xué)生如果對留言者的留言信息感興趣想取得進一步的話，為他們提供一個便捷的渠道?？紤]到太長的留言可能會對整個網(wǎng)絡(luò)資源造成一些不必要的浪費，根據(jù)ACCESS的功能特性，對留言的字?jǐn)?shù)進行了限制。留言板網(wǎng)頁形式參見圖4。

由于動態(tài)網(wǎng)頁的全部功能都是依賴于數(shù)據(jù)庫而完成的，因此網(wǎng)頁與后臺數(shù)據(jù)庫的接口部分尤為重要。在HTML技術(shù)中對數(shù)據(jù)庫接口的設(shè)計方法有著明確規(guī)范，例如系統(tǒng)必須通過“conn”標(biāo)示才能完成對后臺數(shù)據(jù)庫接口的識別。由于ASP動態(tài)技術(shù)對Microsoft ACCESS數(shù)據(jù)庫的支持，數(shù)據(jù)庫的文件類型必須為.mdb。另外對于數(shù)據(jù)庫接口的定義方式，HTML語言對語句格式也有明確規(guī)定。本設(shè)計中的數(shù)據(jù)庫接口部分具體程序段如下：

page = Request.QueryString（"page"）

action = Request.QueryString（"action"）

action_e = Request.Form（"action_e"）

set Conn=Server.CreateObject（"ADODB.Connection"）

Conn.Open "driver={Microsoft Access Driver （*.mdb）}；dbq

=" & Server.MapPath（"#bict2008data.mdb"）

%>

該語句段必須位于ASP動態(tài)數(shù)據(jù)庫整個代碼的首字段，服務(wù)器通過對字段的預(yù)讀和處理才能使網(wǎng)頁與后臺數(shù)據(jù)庫正確連接。前幾行的page、action等字段對網(wǎng)頁獲取用戶信息、操作行為等的獲取進行了具體定義，set Conn字段對系統(tǒng)具體建立的對象，在本設(shè)計中即數(shù)據(jù)庫的具體鏈接對象進行了詳細(xì)定義，最后一行則是對數(shù)據(jù)庫的借口信息進行了詳細(xì)定義，對數(shù)據(jù)庫文件進行了明確指向。

五、結(jié) 論

互聯(lián)網(wǎng)輔助教學(xué)方式，迎合了當(dāng)今科技發(fā)展的大趨勢，將線下教學(xué)與互聯(lián)網(wǎng)完美結(jié)合，利用學(xué)生普遍對網(wǎng)絡(luò)有著極大興趣的特點，改變了一成不變的枯燥的書本學(xué)習(xí)方式，使學(xué)生通過查閱自己感興趣同時也對課程學(xué)習(xí)有益的資料，讓學(xué)生體驗到學(xué)習(xí)知識的快樂，在培養(yǎng)學(xué)生學(xué)習(xí)興趣的同時進一步提高學(xué)生的綜合素質(zhì)和能力。

本課程教學(xué)網(wǎng)站設(shè)計合理，運行可靠。但仍有一些功能在今后還需進一步完善，例如：學(xué)生自我測試系統(tǒng)功能，利用ACCESS對文字甄別和篩選的功能，以及對用戶留言進行進一步限制和完善的功能，從而提高整個互動平臺的安全性，以便為師生提供更多幫助。

參考文獻

1 王唯一、張騰、林小玲、葉斌英.基于Dreamweaver網(wǎng)頁編程技術(shù)的教學(xué)網(wǎng)站設(shè)計[J].計算機工程與設(shè)計，2008（16）

2 孫良軍、劉貴國.Dreamweaver CS5動態(tài)網(wǎng)頁建設(shè)ASP篇[M].北京：清華大學(xué)出版社，2011

第5篇：網(wǎng)站網(wǎng)頁設(shè)計范文

關(guān)鍵詞:互聯(lián)網(wǎng);企業(yè)網(wǎng)站;數(shù)據(jù)庫

1系統(tǒng)開發(fā)前提

1.1開發(fā)背景

電子商務(wù)網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上宣傳企業(yè)形象和文化、銷售商品的重要窗口,現(xiàn)已成為企業(yè)不可缺少的網(wǎng)絡(luò)平臺。通過電子商務(wù)這一新型的商業(yè)運營模式,開發(fā)實現(xiàn)一個中小型電子商務(wù)購物平臺實現(xiàn)網(wǎng)絡(luò)定購、銷售和管理商品,以體現(xiàn)電子商務(wù)可以減少成本、傳播迅速、服務(wù)質(zhì)量高的優(yōu)點。

1.2課題開發(fā)的目標(biāo)與期望

(1)幫助企業(yè)高效的宣傳企業(yè)形象、充分展現(xiàn)企業(yè)風(fēng)采、全面的產(chǎn)品宣傳等。(2)利用網(wǎng)絡(luò)快捷方便的優(yōu)勢,迅速對進行信息采集、分析、傳遞以及對公司新聞及時的報道。(3)通過網(wǎng)絡(luò)在線供求系統(tǒng),實現(xiàn)客戶網(wǎng)上的供求信息的查詢、訂購、交易、信息反饋等。

1.3ASP的簡單介紹

ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它程序進行交互,是一種簡單、方便的編程工具。ASP是一種服務(wù)器端腳本編寫環(huán)境,可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或Web應(yīng)用程序。

2網(wǎng)站功能需求分析

根據(jù)不同用戶的不同使用需求與權(quán)限,因此不同角色在系統(tǒng)中應(yīng)具有的功能也有不同。下面是企業(yè)網(wǎng)站中三個角色具有的功能。(1)網(wǎng)站管理員應(yīng)具有的功能:①產(chǎn)品信息管理,可對產(chǎn)品進行分類、添加、修改、刪除等操作;②產(chǎn)品訂單管理,可對訂單進行審核等相關(guān)操作;③企業(yè)新聞管理,可對企業(yè)新聞進行添加、修改、刪除等操作;④留言板管理,可對用戶提交的信息進行分類、添加、刪除等操作。⑤會員信息管理,可對注冊會員信息進行相應(yīng)管理;(2)網(wǎng)站注冊用戶應(yīng)具有的功能。對于網(wǎng)站的注冊用戶,能進行注冊用戶的登陸功能,并能瀏覽網(wǎng)頁信息,登陸后能對產(chǎn)品進行選擇、提交訂貨單等,在私密留言板上發(fā)表意見等。(3)網(wǎng)站非注冊用戶應(yīng)具有的功能。對于網(wǎng)站的非注冊用戶,系統(tǒng)能提供其注冊的功能,并在為非注冊用戶的情況下也能瀏覽網(wǎng)站,并可以在公開留言板上發(fā)表意見的功能。

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

3.1網(wǎng)站的總體結(jié)構(gòu)

本網(wǎng)站主要包括網(wǎng)站前臺、后臺管理系統(tǒng)和數(shù)據(jù)庫三大部分組成。網(wǎng)站前臺包括首頁、中心介紹、產(chǎn)品銷售、項目承攬、營銷網(wǎng)絡(luò)、常見問題、客戶留言和會員中心8個功能欄目。

3.2網(wǎng)站功能模塊的概述

企業(yè)網(wǎng)站的主要功能是企業(yè)新聞和產(chǎn)品信息以及對產(chǎn)品訂單的管理等。網(wǎng)站前臺中的各欄目主要功能如下:①首頁:介紹公司的概況、企業(yè)文化和主要產(chǎn)品;②產(chǎn)品銷售:現(xiàn)在公司的產(chǎn)品介紹;③項目承攬:主要介紹公司目前承攬的主要項目;④營銷網(wǎng)絡(luò):展示公司目前的國內(nèi)外的主要營銷網(wǎng)絡(luò);⑤會員中心:為網(wǎng)站會員提供資料修改,訂單查詢,會員留言等功能;⑥常見問題:對客戶的留言問題定期給予解答;⑦客戶留言:非網(wǎng)站注冊客戶的留言。

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

數(shù)據(jù)庫表有管理員表、產(chǎn)品表、會員表、新聞表、人才招聘表、產(chǎn)品大類表。

4網(wǎng)站詳細(xì)設(shè)計

4.1后臺管理系統(tǒng)模塊(1)后臺主界面。本系統(tǒng)后臺主要實現(xiàn)新聞、商品類別的增加,修改和刪除;以及招聘信息、會員、管理員等信息的管理。(2)商品管理。進入后臺首頁后點擊左側(cè)導(dǎo)航欄“產(chǎn)品管理”實現(xiàn)對商品類別的增加,修改和刪除,還有對商品的修改,刪除和按類別增加商品的操作。點擊“產(chǎn)品類別”可以增加產(chǎn)品大類和產(chǎn)品小類以及對產(chǎn)品類別的修改和刪除。(3)網(wǎng)站前臺主界面。主頁界面:本網(wǎng)站主界面為index.asp,它的功能是顯示公司的銷售產(chǎn)品、項目承攬及公告中最新公告,并提供注冊用戶的登錄功能及新用戶注冊的鏈接;還提品搜索的功能?？蛻糇耘c登錄:客戶注冊與登錄是中小型電子商務(wù)網(wǎng)站的一般功能。留言板的使用:留言板是為中小型電子商務(wù)網(wǎng)站提供一個公共的信息平臺。

4.2網(wǎng)站前臺主界面

主頁界面:本網(wǎng)站主界面為index.asp，它的功能是顯示公司的銷售產(chǎn)品、項目承攬及公告中最新公告，并提供注冊用戶的登錄功能及新用戶注冊的鏈接；還提品搜索的功能?？蛻糇耘c登錄：客戶注冊與登錄是中小型電子商務(wù)網(wǎng)站的一般功能。留言板的使用：留言板是為中小型電子商務(wù)網(wǎng)站提供一個公共的信息平臺。

5網(wǎng)站調(diào)試和使用說明

應(yīng)用程序的調(diào)試對編程來說是一項十分重要的工作。當(dāng)程序有錯誤時,通過調(diào)試將問題找出來,加以解決,其應(yīng)用的步驟如下:(1)選擇要調(diào)試的對象或者文件,打開對應(yīng)文件,代碼將顯示在Dreamwaver中,然后在Dreamwaver中進行調(diào)試。(2)修改某段代碼后可一在瀏覽器中預(yù)覽結(jié)果,如果仍有問題重復(fù)(1)。再次反復(fù)重復(fù)(1),(2)步驟,直到程序無錯誤為止。

6結(jié)語

(1)運用Access建立了商品的數(shù)據(jù)庫,并在數(shù)據(jù)庫中建立商品的類別表,商品信息表和管理員賬戶表等,在商品表中記有詳細(xì)的商品信息。(2)運用IIS服務(wù)器,采用B/S結(jié)構(gòu),架構(gòu)網(wǎng)頁。實現(xiàn)了主頁的瀏覽功能,類別頁面和商品信息頁面的超鏈接功能。(3)運用ASP語言技術(shù),建立了網(wǎng)頁與數(shù)據(jù)庫之間的動態(tài)鏈接,實現(xiàn)了在網(wǎng)頁上顯示想要瀏覽的數(shù)據(jù)庫中的信息。并且在管理頁面利用網(wǎng)頁操作實現(xiàn)數(shù)據(jù)庫中商品信息和商品類別的增加,修改和刪除。

作者:劉校靜 張盈盈 李賽男 單位:北京中醫(yī)藥大學(xué)東方學(xué)院

參考文獻:

第6篇：網(wǎng)站網(wǎng)頁設(shè)計范文

第二個時期是現(xiàn)代工業(yè)設(shè)計形成與發(fā)展的時期。這一期間工業(yè)設(shè)計已有了系統(tǒng)的理論，并在世界范圍內(nèi)得到傳播。提到工業(yè)設(shè)計就有一個不得被提到的人-格羅皮烏斯。格羅皮烏斯是20世紀(jì)最有影響的現(xiàn)代設(shè)計師之一。他所創(chuàng)建的包豪斯設(shè)計學(xué)校奠定了現(xiàn)代工業(yè)設(shè)計教學(xué)體系的基礎(chǔ)。包豪斯總結(jié)和發(fā)揚了自英國工藝美術(shù)運動以來各種設(shè)計改革運動的精髓，繼承了德意志制造聯(lián)盟的傳統(tǒng)。包豪斯學(xué)校由魏瑪藝術(shù)學(xué)校和工藝學(xué)校合并而成，其目的是培養(yǎng)新型設(shè)計人才。包豪斯學(xué)校在設(shè)計中提倡自由創(chuàng)造，反對模仿。將手工藝與機器生產(chǎn)結(jié)合起來。強調(diào)基礎(chǔ)訓(xùn)練，創(chuàng)建了平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成等基礎(chǔ)課程。強調(diào)實際動手能力和理論素養(yǎng)并重。把學(xué)校教育與社會生產(chǎn)實際結(jié)合起來。

包豪斯在設(shè)計理論上提出了：藝術(shù)與技術(shù)的統(tǒng)一，設(shè)計的目的是以人為本而非產(chǎn)品本身，設(shè)計要遵循自然與客觀的法則來進行。這些觀點對于工業(yè)設(shè)計的發(fā)展起到了積極作用，使現(xiàn)代設(shè)計逐步由理想主義走向現(xiàn)實主義。在德國產(chǎn)生包豪斯的同時，法國也出現(xiàn)了裝飾運動。20時間30年代早期，藝術(shù)裝飾風(fēng)格已成為了大眾趣味的一個標(biāo)志。藝術(shù)裝飾風(fēng)格起源于新藝術(shù)運動，1910年法國裝飾藝術(shù)家協(xié)會成立，其目標(biāo)是使藝術(shù)與設(shè)計相結(jié)合。一戰(zhàn)后，裝飾藝術(shù)在法國得到了更大的發(fā)展，不少設(shè)計師嘗試將現(xiàn)代主義嚴(yán)格的形式感和富有的主顧對于豪華、時髦的向往揉為一體。法國的裝飾風(fēng)格對于日后歐美的現(xiàn)代風(fēng)格有巨大的影響。與包豪斯，裝飾藝術(shù)運動同時期的還有在美國流行的美國式流線型風(fēng)格。流線型與藝術(shù)裝飾風(fēng)格不同，它的起源不是藝術(shù)運動而是空氣動力學(xué)試驗。早期的現(xiàn)代主義無視工業(yè)資本主義以市場為主導(dǎo)的消費特點，片面強調(diào)批量生產(chǎn)的民主理想和產(chǎn)品的實用價值。

在最具商業(yè)氣息的環(huán)境中產(chǎn)生的美國流線型風(fēng)格正是給現(xiàn)代主義的清高以巨大的沖擊。美國式流線型風(fēng)格作為美國文化的一個象征，通過出版物、電影等形象化的傳播媒介而流傳到世界各地。兩次世界大戰(zhàn)之間，地處北歐的斯堪的納維亞國家在設(shè)計領(lǐng)域中崛起，并取得了令世界矚目的成就，形成了影響十分廣泛的斯堪的納維亞風(fēng)格。

它體現(xiàn)了斯堪的納維亞國家多樣化的文化、政治、語言、傳統(tǒng)的融合，以及對于形式和裝飾的克制，對于傳統(tǒng)的尊重，在形勢與功能上的一致。斯堪的納維亞是一種現(xiàn)代風(fēng)格，它將現(xiàn)代主義設(shè)計思想與傳統(tǒng)的設(shè)計文化相結(jié)合，即注意產(chǎn)品的實用功能，又強調(diào)設(shè)計中的人文因素?？梢哉f，隨著工業(yè)的發(fā)展各個地方根據(jù)不同的文化，政治，地域的差別展現(xiàn)出不同的設(shè)計風(fēng)格是符合歷史發(fā)展規(guī)律的。之所以會在兩次世界大戰(zhàn)之間產(chǎn)生是由于戰(zhàn)爭的前后會產(chǎn)生許多的商業(yè)空白和經(jīng)濟高速發(fā)展所帶來的工業(yè)上的巨大缺口，在這一特殊的歷史背景下出現(xiàn)了不同風(fēng)格的產(chǎn)生。

第三個時期是工業(yè)設(shè)計與工業(yè)生產(chǎn)和科學(xué)技術(shù)緊密結(jié)合的時期。由于戰(zhàn)爭的洗禮，使得人們的思想與各個地方的政治產(chǎn)生了極大的轉(zhuǎn)變，使得戰(zhàn)后工業(yè)設(shè)計思潮卻極為混亂，出現(xiàn)了眾多的設(shè)計流派，多元化的格局在20世紀(jì)60年代后開始形成。其中的重要代表:20世紀(jì)40-50年代，美國和歐洲的設(shè)計主流是在包豪斯理論基礎(chǔ)上發(fā)展起來的現(xiàn)代主義。1945-1960年美國的商業(yè)性設(shè)計，意大利、斯堪的納維亞的有機現(xiàn)代主義。1960-1970年英國的波普風(fēng)格還有后現(xiàn)代主義，結(jié)構(gòu)主義，綠色主義等。

第四個時期是信息時代的工業(yè)設(shè)計，計算機技術(shù)的發(fā)展使得工業(yè)設(shè)計的技術(shù)手段有了明顯的轉(zhuǎn)變。以計算機技術(shù)為代表的高新技術(shù)開辟了工業(yè)設(shè)計的嶄新領(lǐng)域，先進的技術(shù)與優(yōu)秀的設(shè)計結(jié)合起來，使得技術(shù)人性化，真正服務(wù)于人類。美國的蘋果公司，德國的青蛙設(shè)計公司就是其中的代表。

工業(yè)設(shè)計的未來，社會依舊在發(fā)展，商業(yè)模式的轉(zhuǎn)變，高新技術(shù)的產(chǎn)生于應(yīng)用必將給工業(yè)設(shè)計這一領(lǐng)域帶來重大的影響。世界上已存在許多專門以設(shè)計為主的公司，許多大的公司也有自己的設(shè)計部。我們知道設(shè)計是來源于生活高于生活的產(chǎn)物，以前由于地域的影響存在著各種各樣的風(fēng)格與思想差異。但是，由于互聯(lián)網(wǎng)的普及，商業(yè)全球化，信息全球化，資源全球化使得人們的交流與互補越來越頻繁。人們的觀點，理念基本都趨于統(tǒng)一。

第7篇：網(wǎng)站網(wǎng)頁設(shè)計范文

[關(guān)鍵詞]企業(yè)網(wǎng)站數(shù)據(jù)庫

一、引言

企業(yè)網(wǎng)站是一個企業(yè)不可缺少的組成部分，它能介紹企業(yè)文化、經(jīng)營理念、特色服務(wù)及企業(yè)在全國的網(wǎng)點分布，拓寬顧客市場，增加企業(yè)與客戶之間的聯(lián)系，縮短二者之間的距離，提高企業(yè)知名度，為企業(yè)今后的業(yè)務(wù)發(fā)展開辟一個良好的社會環(huán)境。利用網(wǎng)上購物，實現(xiàn)電子商務(wù)，完成金融、物品、服務(wù)、信息等價值的交換，是快速而有效地進行各種商務(wù)活動的最新方法。建成檢索迅速、查找方便、可靠性高、存儲量大、保密性好、壽命長、成本低、維護簡潔、信息實時性強的功能完善的企業(yè)網(wǎng)站，能夠極大地提高企業(yè)效率，也是企業(yè)走向科學(xué)化、信息化與世界接軌的重要條件。

二、企業(yè)網(wǎng)站的系統(tǒng)設(shè)計

1.前臺客戶功能模塊設(shè)計

（1）主頁

也稱為企業(yè)的形象頁面，包括企業(yè)名稱，企業(yè)標(biāo)志，對網(wǎng)站內(nèi)容進行簡單有效導(dǎo)航的菜單或圖標(biāo)，著重標(biāo)明最重要的新聞或修改內(nèi)容以及客戶與公司聯(lián)系的地址、電話、傳真、帳號等。主頁制作應(yīng)遵循快速、簡潔、引人、信息概括力強、易于導(dǎo)航的原則，主頁上的導(dǎo)航菜單或圖標(biāo)應(yīng)能鏈接到企業(yè)網(wǎng)站的其他頁面。新聞稿可以有關(guān)新產(chǎn)品或新項目的情況，包括服務(wù)及產(chǎn)品清單，要聞快訊，活動日程等。

（2）會員客戶注冊與登錄

會員注冊，提供相應(yīng)的會員信息，包括用戶名、聯(lián)系人姓名、密碼、所在城市、聯(lián)系地址、郵政編碼、聯(lián)系電話、E-mail等。會員登錄時，輸入用戶名和密碼，系統(tǒng)將驗證用戶名和密碼，如無效，則給出相應(yīng)的提示信息；若有效，則進入系統(tǒng)。會員登錄后，才可以訂購產(chǎn)品，也可以修改用戶信息。

（3）產(chǎn)品服務(wù)瀏覽與搜索

產(chǎn)品服務(wù)頁面采用信息分層，逐層細(xì)化的方法展示企業(yè)產(chǎn)品或服務(wù)。產(chǎn)品服務(wù)頁面的主要內(nèi)容包括產(chǎn)品名稱、類型、特性、規(guī)格、價格等；也包括客服服務(wù)項目和聯(lián)系電話等。通過產(chǎn)品名稱建立超級鏈接連到單個產(chǎn)品頁面；也可以按照產(chǎn)品名稱、類型或價格等搜索產(chǎn)品信息。

（4）訂單與購物車管理

非會員客戶，不能進入訂單與購物車界面。當(dāng)會員客戶愿意購買產(chǎn)品時，就可以下訂單正式購買。訂單上的物品會在購物車上以物品的形式顯示，也可以將物品放進購物車或從購物車上取出，系統(tǒng)會自動填寫到訂單上或從訂單上消除。當(dāng)提交訂單時，系統(tǒng)保存會員客戶提交的訂購信息，存入后臺數(shù)據(jù)庫。

（5）市場調(diào)研

Web及時互動的特性決定了它是一種有力的市場調(diào)研工具，企業(yè)可以通過市場調(diào)研頁面的制作，收集顧客及其對產(chǎn)品服務(wù)的評價、建議等信息，由此可建立起市場信息的數(shù)據(jù)庫，作為營銷決策的量化基礎(chǔ)。

（6）廣告及其他內(nèi)容

在企業(yè)網(wǎng)站上添加一些廣告內(nèi)容，可以增加網(wǎng)站的吸引力，也起到對企業(yè)的宣傳作用。除了以上基本內(nèi)容外，企業(yè)網(wǎng)站也可以根據(jù)企業(yè)自身特點和需要設(shè)計其他內(nèi)容。

2.后臺系統(tǒng)管理模塊設(shè)計

（1)系統(tǒng)管理員登錄模塊

系統(tǒng)初始管理員名稱為Administrator，密碼為河南格瑞泰德科技有限公司的標(biāo)志greentide。系統(tǒng)管理員登錄后，可以維護整個系統(tǒng)，使之能夠正常運行。

（2）會員客戶信息管理模塊

可以查看會員客戶的姓名、單位地址、電話、E-mail等信息，定時整理會員客戶資料及時讓業(yè)務(wù)員與之聯(lián)系，穩(wěn)定銷售渠道。

（3）訂單信息處理模塊

可以查看會員客戶的訂單信息，及時反饋給業(yè)務(wù)員，簽定銷售合同，收取貨款，配送貨物；安排技術(shù)人員進行安裝、調(diào)試運行；將完成交易后的訂單標(biāo)志修改到已處理狀態(tài)。

（4）產(chǎn)品信息管理模塊

把新增加的產(chǎn)品名稱、類型、特性、規(guī)格、價格等信息存入數(shù)據(jù)庫中，并進行產(chǎn)品信息的查詢、修改、刪除等維護工作。

（5）新聞稿件和調(diào)研信息處理模塊

及時處理新聞稿件，進行添加、查詢、修改、刪除等維護工作；及時對調(diào)研信息進行匯總、歸類、整理等工作。

（6）廣告信息處理模塊

及時處理廣告信息，進行廣告信息的添加、查詢、修改、刪除等維護工作。

三、系統(tǒng)實現(xiàn)及關(guān)鍵技術(shù)

綠潮集團河南格瑞泰德科技有限公司的網(wǎng)站架設(shè)在WindowsServer2003操作系統(tǒng)之上，以為開發(fā)工具，SQLServer2005為后臺數(shù)據(jù)庫，采用基于Browser/Server模式和多層結(jié)構(gòu)設(shè)計思想相結(jié)合的系統(tǒng)構(gòu)架。

1.系統(tǒng)安全性和用戶權(quán)限設(shè)計

因為系統(tǒng)采用B/S模式，所以系統(tǒng)的安全性非常重要，為了提高系統(tǒng)的安全性，除了、IIS、SQLServer2005自身數(shù)據(jù)安全，身份驗證和授權(quán)機制外，本系統(tǒng)從用戶級和數(shù)據(jù)庫級對系統(tǒng)進行多重保護。

用戶級：對系統(tǒng)用戶進行明確的權(quán)限劃分。將用戶劃為三個級別，系統(tǒng)管理員Administrator負(fù)責(zé)系統(tǒng)的維護，以及各種數(shù)據(jù)庫的管理工作，主要在后臺進行。會員客戶（登錄注冊的客戶）允許對部分?jǐn)?shù)據(jù)的修改，特別是訂單數(shù)據(jù)和自身信息數(shù)據(jù)，具有數(shù)據(jù)上傳權(quán)限；一般客戶是所有通過Web訪問本網(wǎng)站的人員，可以進行一般信息的瀏覽、查詢等。

數(shù)據(jù)庫級：數(shù)據(jù)庫的備份和恢復(fù)，采用增量備份的數(shù)據(jù)庫策略，并定期對重要數(shù)據(jù)進行轉(zhuǎn)儲，在系統(tǒng)受到破壞時，能夠及時恢復(fù)數(shù)據(jù)到正常運行狀態(tài)。

2.通過AdRotator控件展示廣告

AdRotator控件用于隨機展示廣告集中的某一廣告圖片，廣告集由一個基于XML的廣告文件指定。在展示廣告圖片過程中，AdRotator控件自動循環(huán)處理文件中的廣告，當(dāng)頁面刷新時，頁面就隨機更改展示的廣告，廣告文件包含每個指定廣告的節(jié)點，該節(jié)點包含將要展示的廣告圖像地址節(jié)點，單擊圖像導(dǎo)航的地址URL，圖像不存在時顯示文本，廣告旋轉(zhuǎn)顯示時間占總時間的百分比和任何與廣告相關(guān)聯(lián)的關(guān)鍵字。

3.XML控件的應(yīng)用

XML控件是用于在Web頁面上顯示XML代碼的專用控件，而在Web窗體中，原始XML代碼不會被顯示，只有借助于XML控件才能顯示XML代碼。該控件把XML文件和轉(zhuǎn)化樣式文件作為輸入，然后把結(jié)果代碼發(fā)送給瀏覽器。XML控件可以從字符串URL或XMLDocument對象讀取XML。

4.利用訪問數(shù)據(jù)庫

在NETFramework中，是數(shù)據(jù)庫的重要組成部分，為NETFramework提供了高效的數(shù)據(jù)訪問機制；同時和XML的無集成，使之成為Web應(yīng)用程序開發(fā)的一把利劍，提供對MicrosoftSQLServer等數(shù)據(jù)源的一致訪問。

第8篇：網(wǎng)站網(wǎng)頁設(shè)計范文

1.1版面的規(guī)范化

網(wǎng)頁版面的設(shè)計要遵循一定的規(guī)律，明確編排時的重點，分清主次內(nèi)容，按由主到次的順序逐步完成編排。尤其在使用符號、圖片、文字、動畫等內(nèi)容時，要遵循平面設(shè)計中形式美的視覺規(guī)律，強調(diào)文字、圖片及色彩的搭配。同時，網(wǎng)頁的設(shè)計必須要與網(wǎng)頁內(nèi)容想關(guān)聯(lián)，不可脫離主題，僅為美學(xué)而設(shè)計。

1.2版面的均衡性

頁面的編排中，可以將單個的文字看做是點，成行的文字看做是線，成段落的文字看成面。點、線、面的排列要強調(diào)均衡性。三種形式要因?qū)嶋H情況而采用。如單個文字，用起來會十分突兀，但可以讓用戶一眼就看到；成段文字可以排列十分美觀，但用戶可能因為字?jǐn)?shù)過多而放棄閱讀。文字的排列方式一般有水平、垂直、傾斜，前兩種容易帶給人穩(wěn)定，安寧的感覺，而傾斜會讓人不由產(chǎn)生運動感。合理的結(jié)合三種排列方式，保證頁面整體平衡的情況下給局部安插一些斜體字，會顯得更動感而富有生氣。

2設(shè)計中的視覺流程

一個網(wǎng)站要得到用戶的喜愛，其頁面內(nèi)容、整體布局都必須通過視覺感官使用戶感到愉悅或欣賞。而精心設(shè)計過得頁面相比隨意的版面編排無疑要更容易吸引用戶，從而增加網(wǎng)站的訪問量。網(wǎng)站要通過網(wǎng)頁傳達信息，就必須要要慮到視覺元素的處理，只有擁有良好的視覺效果，才能稱得上是新時代背景下真正意義上的新媒體。這就要求網(wǎng)頁設(shè)計師們從人們的日常生活出發(fā)，更多的考慮人們的閱讀習(xí)慣。對于網(wǎng)頁版面的編排，各個元素之間的排列及其各自的大小、位置，都要結(jié)合閱讀順序。使用戶保留自己的習(xí)慣，在閱讀網(wǎng)頁時感到輕松，自然。

3網(wǎng)頁中各構(gòu)成要素的分析

網(wǎng)頁的作用在于傳遞信息，而網(wǎng)頁設(shè)計就是服務(wù)于這個目的。通過優(yōu)化網(wǎng)頁中文字、圖片、色彩的造型、排列和放置，使網(wǎng)頁更美觀，更容易讓人獲取信息。如何處理文字、圖片和色彩，值得我們做更多的討論。

3.1文字的處理

文字是傳遞信息的核心部分，網(wǎng)頁設(shè)計中一定會涉及文字的處理。且一般來說文字占整個頁面篇幅較大，因此文字處理好壞直接影響到整個頁面設(shè)計的水平。設(shè)計師在進行處理時需要考慮文字編輯的整體效果，應(yīng)盡量給人以簡潔亮麗的視覺效果，要避免頁面中文字效果凌亂、復(fù)雜，過多刻意的修飾若使用不當(dāng)反而會適得其反，因此在必要時，可以不加修飾，僅保留文字本身。此外，設(shè)計時還應(yīng)注意文字的格式、大小及字體要配合文章內(nèi)容?？偠灾?，要合理運用美學(xué)的觀念編輯文字。

3.2圖片的處理

第9篇：網(wǎng)站網(wǎng)頁設(shè)計范文

本文首先分析了《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的教學(xué)現(xiàn)狀和存在問題，在此基礎(chǔ)上引入項目化的教學(xué)模式，對該課程進行教學(xué)改革。闡述了項目化教學(xué)的基本內(nèi)涵、教學(xué)改革設(shè)計及實施的過程和注意事項。教學(xué)實踐證明，與傳統(tǒng)的教學(xué)方法相比，基于項目化的教學(xué)模式可以有效地激發(fā)學(xué)生的學(xué)習(xí)興趣，有利于學(xué)生將理論知識與實踐操作相結(jié)合，增強學(xué)生的實踐動手能力。

關(guān)鍵詞：

項目化；課程改革；教學(xué)改革；教學(xué)模式

隨著計算機技術(shù)和互聯(lián)網(wǎng)應(yīng)用的快速發(fā)展，電子商務(wù)對各行各業(yè)的影響越發(fā)明顯，社會對頁面設(shè)計、網(wǎng)頁制作、程序編寫及其相關(guān)崗位的人才需求日益增加，巨大的社會需求和高校電子商務(wù)專業(yè)畢業(yè)生數(shù)量不足、質(zhì)量不高之間的矛盾越發(fā)突出，如何培養(yǎng)高素質(zhì)的電子商務(wù)應(yīng)用型人才成為當(dāng)務(wù)之急。作為電子商務(wù)專業(yè)核心專業(yè)基礎(chǔ)課的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》，其課程教學(xué)目的是使學(xué)生掌握設(shè)計并實現(xiàn)一個完整電子商務(wù)網(wǎng)站的基本技能，該課程集理論性、實踐性、創(chuàng)新性于一身，授課知識涵蓋了圖形圖像處理、平面與色彩設(shè)計、flas制作、數(shù)據(jù)庫、程序設(shè)計等內(nèi)容，但在傳統(tǒng)的教學(xué)和考核模式下，學(xué)生的實踐動手能力未能達到預(yù)期的要求，并且由于教學(xué)內(nèi)容與職業(yè)技能需求脫節(jié)，導(dǎo)致學(xué)生畢業(yè)后需要重新培訓(xùn)才能適應(yīng)工作崗位的需求。因此，要改變這種狀況，增強學(xué)生的實踐動手能力，培養(yǎng)符合社會需求的應(yīng)用型人才，必須對現(xiàn)有的教學(xué)模式進行改革。

一、課程教學(xué)現(xiàn)狀及存在問題

（一）教學(xué)指導(dǎo)思想落后

盡管在新版的人才培養(yǎng)計劃當(dāng)中，逐步加大了該課程實踐課時的比例，但在實際的教學(xué)過程中，教學(xué)指導(dǎo)思想還是沒有真正轉(zhuǎn)變，理論教學(xué)與實踐教學(xué)聯(lián)系不夠緊密，傳統(tǒng)的試卷考核方式導(dǎo)致學(xué)生的實踐動手能力沒有得到真正的鍛煉和體現(xiàn)，與實際的職業(yè)崗位能力需求不相匹配。

（二）教學(xué)內(nèi)容缺乏新意

教學(xué)內(nèi)容改革是教學(xué)改革的核心內(nèi)容之一，目前的教學(xué)大綱基本還是沿用之前的內(nèi)容，只是對個別知識點進行了調(diào)整，沒有質(zhì)的改變，理論教學(xué)大綱和實驗實訓(xùn)大綱的更新均已滯后，對新知識的引入和使用程度較低，與當(dāng)前計算機建站技術(shù)日新月異的現(xiàn)狀不相匹配，缺乏完整的案例開發(fā)指導(dǎo)，導(dǎo)致學(xué)生進入社會需要重新學(xué)習(xí)和培訓(xùn)。

（三）教學(xué)方法落后

教學(xué)方法還是沿用填鴨式的風(fēng)格，以教師講授為主，缺乏師生之間的交流和互動，對教學(xué)輔助設(shè)備的使用還不夠充分，理論學(xué)習(xí)和實踐操作相分離，制約了學(xué)生將理論與實踐相結(jié)合的能力，直接影響了學(xué)生思辨能力和創(chuàng)新意識、創(chuàng)新能力的培養(yǎng)。

（四）考核方式不合理

當(dāng)前的考核方式未能體現(xiàn)加強實踐教學(xué)的需求，依然停留在重視理論，忽視實踐的階段，缺乏對學(xué)生實踐能力以及對課程內(nèi)容整體性掌握的考核，考試成績中實踐部分占的比例偏低。

（五）對知識應(yīng)用缺乏整體感

當(dāng)前教學(xué)的模式?jīng)Q定了學(xué)生在學(xué)習(xí)過程中，所掌握的都是零散的知識點，沒有辦法從整體層面考慮實際的應(yīng)用問題，因此，當(dāng)課程學(xué)習(xí)完畢，如何從整體上去應(yīng)用知識解決實際問題，學(xué)生還需要一個知識重組的過程，沒有結(jié)合實際案例的教學(xué)，會讓學(xué)生在實踐環(huán)節(jié)缺乏目標(biāo)和方向。

（六）缺乏實際工程項目開發(fā)體驗

本課程是非常強調(diào)實踐過程的，如果沒有實際的開發(fā)案例作為訓(xùn)練，只停留在理論講解和淺層次的模擬層面，學(xué)生就無法體會所學(xué)知識在實際工作中的作用，也沒有辦法發(fā)現(xiàn)知識運用過程中可能碰到的問題以及解決的辦法，將會抑制學(xué)生的學(xué)習(xí)興趣，影響學(xué)習(xí)效果。

二、項目化教學(xué)方法

（一）項目化教學(xué)概述

項目化教學(xué)法是由美國著名教育家、伊利諾易大學(xué)教授凱茲博士和加拿大教育家、阿爾伯特大學(xué)教授查理博士共同提出的，它是以構(gòu)建教學(xué)理論為基礎(chǔ)，以學(xué)生為中心，促進學(xué)生全面發(fā)展的教學(xué)方法。項目化教學(xué)法的本質(zhì)是：以師生共同參與為前提，以項目為主線，貫穿整個教學(xué)活動的始終，其教學(xué)目的是更好地融合實踐教學(xué)和理論教學(xué)，強化學(xué)生的實踐動手能力，充分發(fā)揮學(xué)生的積極性和創(chuàng)造性，提高學(xué)生解決實際問題的能力，是“行為導(dǎo)向”教學(xué)法的一種。項目化教學(xué)中涉及的項目應(yīng)該滿足一定的要求：首先與教學(xué)內(nèi)容或者知識點有緊密的聯(lián)系，能夠?qū)⒗碚撆c實踐技能結(jié)合起來，其次是與企業(yè)需求或者現(xiàn)實經(jīng)營活動有一定的關(guān)系，具有一定的應(yīng)用價值和具體目標(biāo)，可以讓學(xué)生運用知識和技能去解決實際中的問題，達到增強實踐動手能力的效果。一般而言，在項目教學(xué)中，會采取分組的形式來實施，由老師指導(dǎo)各組學(xué)生完成整個項目的開發(fā)過程。首先由學(xué)生討論選擇開發(fā)的項目以及進行項目分工，并對項目開發(fā)的重點、難點以及解決方案進行分析，以保證項目的順利實施；然后在老師指導(dǎo)下，結(jié)合理論知識進行項目開發(fā)，圍繞項目的實施，由學(xué)生小組進行一系列有針對性的學(xué)習(xí)、應(yīng)用活動；項目結(jié)束后，由各小組展示各自的完成情況，并由老師和同學(xué)進行點評，給出合理的改進措施。通過項目的開展和總結(jié)，可以充分調(diào)動學(xué)生的積極性，有針對性的根據(jù)某個明確的目標(biāo)進行學(xué)習(xí)，進而提高學(xué)習(xí)的效率，這種方法可以很好把理論知識融入實踐動手環(huán)節(jié)，有利于學(xué)生在接近日后工作流程與項目開發(fā)方法的環(huán)境下逐步累計項目研發(fā)經(jīng)驗，所以在高校經(jīng)管類計算機系列課程中采用此教學(xué)方法非常合適。

（二）項目化教學(xué)的意義

1、有利于培養(yǎng)學(xué)生綜合素質(zhì)

項目化教學(xué)是教學(xué)環(huán)節(jié)非常重要的一個組成部分，它的綜合性和真實性對于培養(yǎng)學(xué)生的實踐動手能力、解決分析問題的能力、交流協(xié)作能力和團隊精神有非常重要的作用。

2、有利于發(fā)揮教師的創(chuàng)造性

項目化教學(xué)是以具體案例為基礎(chǔ)實施的，它要求學(xué)生能夠結(jié)合理論知識解決實際問題，該方法同樣要求老師有較高的創(chuàng)造性和應(yīng)變能力，需要深刻地理解和把握項目化教學(xué)的理論體系，根據(jù)不同的實際項目作出相應(yīng)的教學(xué)調(diào)整，激發(fā)學(xué)生的學(xué)習(xí)興趣，引導(dǎo)學(xué)生主動學(xué)習(xí)并高質(zhì)量的完成項目作業(yè)。

3、有利于推動教學(xué)改革

教學(xué)方法的改革，不僅在于教學(xué)形式的改變，更重要的是于思維方式和觀念的轉(zhuǎn)變，它不僅包括教與學(xué)角色和組織結(jié)構(gòu)形態(tài)的變革，還包括考查評估方法的創(chuàng)新、教學(xué)文化建設(shè)等，以教學(xué)方法改革為牽引，不僅能激發(fā)大學(xué)辦學(xué)的生機活力，還能激發(fā)學(xué)生的創(chuàng)新意識和創(chuàng)新創(chuàng)業(yè)精神等內(nèi)在需要。

4、與實際崗位技能緊密相關(guān)

項目化教學(xué)中涉及的項目具有較高的真實性和模擬性，其中包含的知識和技能要求與社會工作崗位要求高度一致，有利于學(xué)生在學(xué)習(xí)過程中，通過了解、觀察、分析和解決問題獲得經(jīng)驗和教訓(xùn)，為學(xué)生以后的就業(yè)奠定了堅實的基礎(chǔ)。

三、課程項目化教學(xué)設(shè)計與實施

與傳統(tǒng)的教學(xué)方法相比，項目化教學(xué)法是以構(gòu)建理論為基礎(chǔ)，以學(xué)生為中心的，學(xué)生是認(rèn)知的主體，是信息意義的主動建構(gòu)者，它要求學(xué)生從“要我學(xué)”轉(zhuǎn)變?yōu)?ldquo;我要學(xué)”，從以課本為中心轉(zhuǎn)變?yōu)橐皂椖繛橹行?，從以課堂為中心轉(zhuǎn)變?yōu)橐詫嵺`為中心。所以，教師在實施項目化教學(xué)法時，首先要了解學(xué)生的基本情況，然后根據(jù)其教學(xué)思路和上述設(shè)計原則，制定合理的教學(xué)計劃，一般而言，包括以下四個基本環(huán)節(jié)。

（一）項目設(shè)計

本文以《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程為例，進行項目化教學(xué)的探索，以項目需求和功能為主線，貫穿融合課程涉及的主要知識點，學(xué)生通過完成項目的方式實現(xiàn)對理論知識的理解和掌握，可以從整體上更好地把握課程的核心的內(nèi)容，因此如何選擇合適的項目，是整個課程設(shè)計的關(guān)鍵，必須充分地考慮項目的可行性、適度性、完整性和真實性。

（二）制定項目教學(xué)計劃

選定項目后，第二步需要完成的是制定項目實施的計劃，把項目分成若干個模塊，并把每個模塊涉及的知識點以及能力要求進行整理，結(jié)合教學(xué)進度安排表，形成最終的教學(xué)計劃，然后通過師生的共同實施，達到每個項目所必須的能力要求，具體步驟如下：1、制定計劃。制定出完成項目的具體設(shè)計方案，時間安排進度表以及分工情況等。2、情景設(shè)置。以知識點為依據(jù)，設(shè)置仿真場景，模擬現(xiàn)實環(huán)境。3、明確任務(wù)。結(jié)合場景的內(nèi)容，總結(jié)歸納出所包含的需要完成的知識點。4、操作演示。通過解決實際問題，演示知識的基本內(nèi)涵以及在實際問題解決當(dāng)中的作用。5、學(xué)生實踐。讓學(xué)生對同類型的場景進行實踐操作，加深對知識點的理解，主動思考分析解決實際問題，為解決項目打下基礎(chǔ)。6、協(xié)作學(xué)習(xí)。通過組內(nèi)的分工協(xié)作實施項目，定期開展小組討論和交流，共同解決實際問題。7、學(xué)習(xí)評價。根據(jù)項目的完成標(biāo)準(zhǔn)，由學(xué)生和老師共同對項目的完成情況進行評價。

（三）實施計劃

項目的具體實施，在老師的統(tǒng)一指導(dǎo)和協(xié)作下，由各組學(xué)生獨立完成。在項目實施前，老師首先要把項目實施的基本軟硬件設(shè)施和網(wǎng)絡(luò)環(huán)境準(zhǔn)備好，以減少意外因素對項目進展的影響，對于項目實施過程中的關(guān)鍵環(huán)節(jié)、重點和難點，通過統(tǒng)一講解和指導(dǎo)的方式來完成，以保證項目的順利開展。

（四）檢查評估

項目控制是項目順利開展和完成的保障，因此，在教學(xué)過程中，應(yīng)該結(jié)合教學(xué)進度表定期檢查各小組的完成情況，保證嚴(yán)格按照計劃開展工作，對開發(fā)過程所出現(xiàn)的問題給予及時的指導(dǎo)，并把各種常見的錯誤情況及解決方案及時反饋給各個小組。

四、項目化教學(xué)實施注意事項

在項目化教學(xué)過程中，我們不僅關(guān)注項目的最終成果，更加重視項目實施的過程，要求師生共同完成這個具有創(chuàng)造性的實踐環(huán)節(jié)，實施過程中需要注意的問題是：

（一）教師應(yīng)改變觀念

從傳統(tǒng)的教學(xué)模式到項目化教學(xué)是一個逐步轉(zhuǎn)換的過程，教師不是針對理論知識去引入實踐環(huán)節(jié)，而是需要針對一門課程去設(shè)計一個貫穿的項目，并且將項目分解為模塊，通過模塊覆蓋教學(xué)大綱要求的全部知識點，這就需要教師調(diào)整教學(xué)的理念，對課程本身及其應(yīng)用有非常深刻的理解，對項目本身與課程考核目標(biāo)之間的匹配度有全面的認(rèn)識和把握。

（二）教師的合理引導(dǎo)非常關(guān)鍵

項目化教學(xué)的主要工作由學(xué)生小組完成，但是教師的引導(dǎo)和掌控作用不可忽視，要求教師不但要具有較強的專業(yè)知識，還要具備豐富的實踐經(jīng)驗，可以及時發(fā)現(xiàn)項目開展過程中存在的問題。一方面要引導(dǎo)學(xué)生結(jié)合項目開展完成理論知識的學(xué)習(xí)，另一方面要引導(dǎo)學(xué)生在實踐的基礎(chǔ)上加深對知識點的理解并加以擴展，教師的引導(dǎo)不僅包括對學(xué)生小組的引導(dǎo)，同時也包括對學(xué)生個體的引導(dǎo)。

（三）項目設(shè)計要正確把握工作任務(wù)與理論知識的聯(lián)系

只有同時掌握理論知識與實踐能力才是我們最終的培養(yǎng)目標(biāo)，因此項目設(shè)計的難點在于如何通過項目內(nèi)容把兩者很好的關(guān)聯(lián)起來，教師在選擇項目時應(yīng)該充分考慮針對性和實用性，在劃分項目模塊時要與教材的章節(jié)對應(yīng)，在實現(xiàn)功能時要與技術(shù)細(xì)節(jié)相關(guān)聯(lián)，把操作流程與理論知識融為一體，真正做到“實踐為主，理論夠用”。

（四）及時開展項目后評估活動

學(xué)生小組完成項目后，應(yīng)該及時開展項目評估和總結(jié)。在項目設(shè)計階段，應(yīng)該設(shè)計較為全面的指標(biāo)進行考核，既有定性的考核指標(biāo)，也有定量的考核指標(biāo)，通過縱向和橫向的對比，從多個角度進行評估，發(fā)現(xiàn)自身的不足，指出改進的方向，加深學(xué)生對知識應(yīng)用的理解。

五、實施效果

在開展項目化教學(xué)的過程中，為了更好的與實際需求相結(jié)合，我們利用組織學(xué)生參加全國電子商務(wù)三創(chuàng)賽和網(wǎng)絡(luò)商務(wù)創(chuàng)新應(yīng)用大賽等學(xué)科競賽的契機，以賽事中對網(wǎng)站建設(shè)的需求為導(dǎo)向，引導(dǎo)學(xué)生以賽事作為目標(biāo)開展教學(xué)活動。實踐證明，項目化的教學(xué)模式能夠加深學(xué)生對知識的理解和應(yīng)用，提高學(xué)習(xí)的興趣，明確學(xué)習(xí)的目標(biāo)，能夠從總體上很好地把握系統(tǒng)開發(fā)的流程和基本技能，使學(xué)生綜合運用知識的能力得到提升，使學(xué)生的職業(yè)能力得到鍛煉。近幾年參加學(xué)科競賽的優(yōu)異成績也說明了項目化教學(xué)改革的有效性。

六、結(jié)論

通過項目化教學(xué)方法的實施，《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的教學(xué)效果有了明顯的提升，學(xué)生對知識點的理解和掌握不單純停留在理論層面，學(xué)習(xí)的積極性更高，目標(biāo)更加明確，可以從整體上更好地把握網(wǎng)站開發(fā)的基本流程，對網(wǎng)站開發(fā)的關(guān)鍵技術(shù)理解更加透徹。因此，可以考慮在經(jīng)管學(xué)院計算機類課程中逐步推廣項目化教學(xué)的模式，同時為了取得更好的實施效果，專業(yè)教師應(yīng)該更積極地參與科學(xué)研究和社會實踐，以獲取更多的項目教學(xué)案例，進而為項目化教學(xué)的實施奠定堅實的基礎(chǔ)。

參考文獻：

[1]張波.信息技術(shù)課的六種有效課堂教學(xué)模式[J].考試周刊,2011,80:154-155.

[2]尹強國,張慧如.項目教學(xué)法在JAVA面向?qū)ο缶幊讨械膶嵺`與研究[J].現(xiàn)代企業(yè)教育,2010,14:18-19.

[3]李博.項目教學(xué)法教學(xué)模式與傳統(tǒng)教學(xué)模式的比較[J].教育教學(xué)研究,2013,29:355-356

[4]張廣群,汪杭軍.項目化教學(xué)在"VB程序設(shè)計"課程中的應(yīng)用[J].計算機教育,2010,04:72-75