《網(wǎng)頁設(shè)計與制作》精品課程網(wǎng)站的設(shè)計與實現(xiàn)

李翠霞

摘要：《網(wǎng)頁設(shè)計與制作》精品課程網(wǎng)站根據(jù)設(shè)計的幾個特點，利用asp代碼制作，只需三個頁面就實現(xiàn)了網(wǎng)站的基本功能，制作效率快，而且簡單。

關(guān)鍵詞：網(wǎng)站設(shè)計；功能實現(xiàn)；asp

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2014）11-2497-03

1 概述

在主持申報《網(wǎng)頁設(shè)計與制作》精品課程時，需要制作相對應(yīng)的網(wǎng)站作為支撐。因為精品課程標(biāo)準(zhǔn)包含課程設(shè)置、教學(xué)內(nèi)容、課程資源等7個一級指標(biāo)，每個一級指標(biāo)下面又包含多個二級指標(biāo)，如表1所示，每個二級指標(biāo)對應(yīng)一些支撐文件。如果將這些支撐文件分別制作成html靜態(tài)頁面，那么需要花費(fèi)很多時間，效率比較低。因此需要設(shè)計出一個簡單有效的制作方法。

2 總體設(shè)計思路

根據(jù)本課程建設(shè)的實際情況，決定網(wǎng)站采用asp代碼制作成動態(tài)網(wǎng)頁，這樣可以用盡量少的頁面實現(xiàn)全部的功能。

在數(shù)據(jù)庫設(shè)計方面，將一級指標(biāo)設(shè)計成一張lm表，如圖1所示。二級指標(biāo)設(shè)計成menu表，在頁面設(shè)計上，首先是首頁index.asp，除了顯示課程名稱和學(xué)校名稱外，還顯示一級菜單名稱，并能夠正常鏈接。然后是各指標(biāo)文件的顯示頁面main.asp，一級菜單在頁面的頂部，二級菜單在頁面的左側(cè)，右側(cè)放一個iframe框架，框架里面是right.asp頁面，用來顯示對應(yīng)的swf文件。

當(dāng)單擊一級菜單時，在頁面左側(cè)會顯示對應(yīng)的二級菜單，并在右側(cè)顯示二級菜單中第一個文件內(nèi)容。為了達(dá)到這個效果，當(dāng)初在設(shè)計數(shù)據(jù)庫的dz字段，為其填充對應(yīng)的值時，就充分考慮到了這一點，也就是每一個一級菜單對應(yīng)的第一個二級菜單的dz字段值，和一級菜單的id字段值相等。當(dāng)單擊二級菜單時，就會在右側(cè)顯示menu表中dz字段值對應(yīng)的文件。

3 網(wǎng)站功能的實現(xiàn)

4 總結(jié)

本網(wǎng)站利用設(shè)計的幾個技巧，只用了三個頁面就實現(xiàn)了網(wǎng)站的基本功能，充分體現(xiàn)了高效率的制作特點，值得網(wǎng)站制作初學(xué)者學(xué)習(xí)和借鑒。

參考文獻(xiàn)：

[1] 頊宇峰，馬軍.ASP網(wǎng)絡(luò)編程從入門到精通[M].北京：清華大學(xué)出版社，2008.endprint

摘要：《網(wǎng)頁設(shè)計與制作》精品課程網(wǎng)站根據(jù)設(shè)計的幾個特點，利用asp代碼制作，只需三個頁面就實現(xiàn)了網(wǎng)站的基本功能，制作效率快，而且簡單。

關(guān)鍵詞：網(wǎng)站設(shè)計；功能實現(xiàn)；asp

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2014）11-2497-03

1 概述

在主持申報《網(wǎng)頁設(shè)計與制作》精品課程時，需要制作相對應(yīng)的網(wǎng)站作為支撐。因為精品課程標(biāo)準(zhǔn)包含課程設(shè)置、教學(xué)內(nèi)容、課程資源等7個一級指標(biāo)，每個一級指標(biāo)下面又包含多個二級指標(biāo)，如表1所示，每個二級指標(biāo)對應(yīng)一些支撐文件。如果將這些支撐文件分別制作成html靜態(tài)頁面，那么需要花費(fèi)很多時間，效率比較低。因此需要設(shè)計出一個簡單有效的制作方法。

2 總體設(shè)計思路

根據(jù)本課程建設(shè)的實際情況，決定網(wǎng)站采用asp代碼制作成動態(tài)網(wǎng)頁，這樣可以用盡量少的頁面實現(xiàn)全部的功能。

在數(shù)據(jù)庫設(shè)計方面，將一級指標(biāo)設(shè)計成一張lm表，如圖1所示。二級指標(biāo)設(shè)計成menu表，在頁面設(shè)計上，首先是首頁index.asp，除了顯示課程名稱和學(xué)校名稱外，還顯示一級菜單名稱，并能夠正常鏈接。然后是各指標(biāo)文件的顯示頁面main.asp，一級菜單在頁面的頂部，二級菜單在頁面的左側(cè)，右側(cè)放一個iframe框架，框架里面是right.asp頁面，用來顯示對應(yīng)的swf文件。

當(dāng)單擊一級菜單時，在頁面左側(cè)會顯示對應(yīng)的二級菜單，并在右側(cè)顯示二級菜單中第一個文件內(nèi)容。為了達(dá)到這個效果，當(dāng)初在設(shè)計數(shù)據(jù)庫的dz字段，為其填充對應(yīng)的值時，就充分考慮到了這一點，也就是每一個一級菜單對應(yīng)的第一個二級菜單的dz字段值，和一級菜單的id字段值相等。當(dāng)單擊二級菜單時，就會在右側(cè)顯示menu表中dz字段值對應(yīng)的文件。

3 網(wǎng)站功能的實現(xiàn)

4 總結(jié)

本網(wǎng)站利用設(shè)計的幾個技巧，只用了三個頁面就實現(xiàn)了網(wǎng)站的基本功能，充分體現(xiàn)了高效率的制作特點，值得網(wǎng)站制作初學(xué)者學(xué)習(xí)和借鑒。

參考文獻(xiàn)：

[1] 頊宇峰，馬軍.ASP網(wǎng)絡(luò)編程從入門到精通[M].北京：清華大學(xué)出版社，2008.endprint

摘要：《網(wǎng)頁設(shè)計與制作》精品課程網(wǎng)站根據(jù)設(shè)計的幾個特點，利用asp代碼制作，只需三個頁面就實現(xiàn)了網(wǎng)站的基本功能，制作效率快，而且簡單。

關(guān)鍵詞：網(wǎng)站設(shè)計；功能實現(xiàn)；asp

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2014）11-2497-03

1 概述

在主持申報《網(wǎng)頁設(shè)計與制作》精品課程時，需要制作相對應(yīng)的網(wǎng)站作為支撐。因為精品課程標(biāo)準(zhǔn)包含課程設(shè)置、教學(xué)內(nèi)容、課程資源等7個一級指標(biāo)，每個一級指標(biāo)下面又包含多個二級指標(biāo)，如表1所示，每個二級指標(biāo)對應(yīng)一些支撐文件。如果將這些支撐文件分別制作成html靜態(tài)頁面，那么需要花費(fèi)很多時間，效率比較低。因此需要設(shè)計出一個簡單有效的制作方法。

2 總體設(shè)計思路

根據(jù)本課程建設(shè)的實際情況，決定網(wǎng)站采用asp代碼制作成動態(tài)網(wǎng)頁，這樣可以用盡量少的頁面實現(xiàn)全部的功能。

在數(shù)據(jù)庫設(shè)計方面，將一級指標(biāo)設(shè)計成一張lm表，如圖1所示。二級指標(biāo)設(shè)計成menu表，在頁面設(shè)計上，首先是首頁index.asp，除了顯示課程名稱和學(xué)校名稱外，還顯示一級菜單名稱，并能夠正常鏈接。然后是各指標(biāo)文件的顯示頁面main.asp，一級菜單在頁面的頂部，二級菜單在頁面的左側(cè)，右側(cè)放一個iframe框架，框架里面是right.asp頁面，用來顯示對應(yīng)的swf文件。

當(dāng)單擊一級菜單時，在頁面左側(cè)會顯示對應(yīng)的二級菜單，并在右側(cè)顯示二級菜單中第一個文件內(nèi)容。為了達(dá)到這個效果，當(dāng)初在設(shè)計數(shù)據(jù)庫的dz字段，為其填充對應(yīng)的值時，就充分考慮到了這一點，也就是每一個一級菜單對應(yīng)的第一個二級菜單的dz字段值，和一級菜單的id字段值相等。當(dāng)單擊二級菜單時，就會在右側(cè)顯示menu表中dz字段值對應(yīng)的文件。

3 網(wǎng)站功能的實現(xiàn)

4 總結(jié)

本網(wǎng)站利用設(shè)計的幾個技巧，只用了三個頁面就實現(xiàn)了網(wǎng)站的基本功能，充分體現(xiàn)了高效率的制作特點，值得網(wǎng)站制作初學(xué)者學(xué)習(xí)和借鑒。

參考文獻(xiàn)：

[1] 頊宇峰，馬軍.ASP網(wǎng)絡(luò)編程從入門到精通[M].北京：清華大學(xué)出版社，2008.endprint