網(wǎng)站制作方法精品(七篇)

序論：寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內(nèi)心深處的真相，好投稿為您帶來了七篇網(wǎng)站制作方法范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創(chuàng)作。

篇(1)

關(guān)鍵詞：ASPDW網(wǎng)站制作網(wǎng)絡(luò)化

中圖分類號：F270.7 文獻標識碼：A 文章編號：1007-9416（2012）03-0000-00

工會是學校的重要部門，工會網(wǎng)站可以作為網(wǎng)上信息的重要陣地。使用網(wǎng)絡(luò)信息，凝聚會員是新時代的工作要求。本校園工會網(wǎng)站采用動態(tài)網(wǎng)站制作技術(shù)，網(wǎng)站的設(shè)計與制作工作完成后，由工會工作人員在遠程計算機上對服務(wù)器上的網(wǎng)站進行日常信息的更新和維護，制作網(wǎng)站后臺管理模塊即可實現(xiàn)此功能。

網(wǎng)站的設(shè)計和制作包括多方面的知識，它是藝術(shù)和技術(shù)的綜合應(yīng)用，具體說來有網(wǎng)站策劃、網(wǎng)站美工、網(wǎng)站具體模塊規(guī)劃，總體數(shù)據(jù)庫設(shè)計，網(wǎng)站制作、后臺內(nèi)容管理模塊制作、網(wǎng)站測試、網(wǎng)站上傳等步驟組成，作者結(jié)合某學校工會網(wǎng)站的制作，總結(jié)小型網(wǎng)站的制作經(jīng)驗和技巧，以為網(wǎng)站制作積累寶貴經(jīng)驗。

1、網(wǎng)站的策劃與設(shè)計

網(wǎng)站的整體策劃是根據(jù)學校工會領(lǐng)導的綜合部署下進行的，這里需要工會工作人員認真討論研究后，給網(wǎng)站制作人員下達明確的任務(wù)說明，由于工會工作人員的精心準備，對網(wǎng)站的風格、網(wǎng)站的功能、網(wǎng)站的規(guī)模、網(wǎng)站的模塊劃分已經(jīng)非常明確。經(jīng)過工會工作人員和網(wǎng)站制作人員的共同探討協(xié)商，整理出網(wǎng)站的初步風格、功能要求和模塊設(shè)計。

參考其他學校的網(wǎng)頁制作效果，使用美術(shù)基礎(chǔ)和網(wǎng)頁制作軟件PS，設(shè)計出來3套網(wǎng)頁效果圖初稿，每套均有首頁，二級頁面、三級頁面的具體效果，最終由領(lǐng)導確定了一套。在設(shè)計的過程中，參考美術(shù)老師的意見，借鑒加創(chuàng)新，結(jié)合網(wǎng)頁的特點，如單位使用像素，寬度適合于800像素的顯示器。導航欄的高度要適中，整體結(jié)合“塊”結(jié)構(gòu)，使用分欄設(shè)計，整體風格統(tǒng)一。定稿后，由網(wǎng)站制作人員對網(wǎng)頁效果圖進行切片處理，作為組裝網(wǎng)頁的原素材和參考圖。

根據(jù)網(wǎng)站的具體功能，將網(wǎng)站劃分為模塊：工會簡介、工會文件、工會簡訊、工會活動、女工園地、健康人生、法律法規(guī)、友情鏈接。其中有些模塊只需要一個頁面，更多的模塊需要二級網(wǎng)頁、三級網(wǎng)頁的顯示。多數(shù)模塊的內(nèi)容是需要存儲在數(shù)據(jù)庫中的，因此二級模塊、三級模塊的設(shè)計要用到數(shù)據(jù)庫中的內(nèi)容。

首先是選擇使用何種類型的數(shù)據(jù)庫管理軟件，數(shù)據(jù)庫管理軟件根據(jù)功能可分為大型，中型，小型數(shù)據(jù)庫。根據(jù)工會網(wǎng)站的具體內(nèi)容并不復雜，所以選擇了小型數(shù)據(jù)庫管理軟件Access。但在數(shù)據(jù)分析和數(shù)據(jù)表，表結(jié)構(gòu)的設(shè)計上卻耗費了作者一定的精力。因為沒有考慮到后臺內(nèi)容管理的功能設(shè)計，所以最初設(shè)計表時把需要用到數(shù)據(jù)庫的各個模塊都分別設(shè)計了表，但最后的后臺內(nèi)容管理模塊在數(shù)據(jù)庫內(nèi)容增刪改查時卻遇到了大麻煩，因為最初表設(shè)計得多了，在做增刪改查時也需要做相同多的模塊設(shè)計，內(nèi)容就重復了，所以又重新設(shè)計表，使用類別字段來區(qū)分模塊。由此總結(jié)的經(jīng)驗就是：數(shù)據(jù)庫設(shè)計非常重要，一定要把前期后期工作全面考慮，相互結(jié)合，才能為后期程序的編寫提供方便。

2、網(wǎng)站的制作

網(wǎng)站的制作使用DW軟件完成，具體制作步驟是：首先創(chuàng)建站點，設(shè)置服務(wù)器，使用DIV+CSS方法創(chuàng)建各個模塊的頁面和框架，鏈接數(shù)據(jù)庫，在各個頁面設(shè)置綁定記錄集，設(shè)置服務(wù)器行為。網(wǎng)頁的制作是最為繁瑣的工作，首先依據(jù)網(wǎng)頁設(shè)計效果進行布局的設(shè)置，具體方法是使用DIV進行布局，然后使用CSS方法對各個DIV樣式進行設(shè)置，在設(shè)置樣式的時候，選擇使用外部樣式表的方法，因為外部樣式表更易于管理。在設(shè)置背景圖像時，使用PS的切片工具進行制作，切片工具有一個BUG，就是其存儲名稱不能修改，因此在切片時，最好的方法是先設(shè)置好切片的名稱屬性，在導出時就可以使用這個名稱命名切片了，同時存儲的格式最好是GIF格式，因為這個格式支持透明背景，并且在網(wǎng)頁瀏覽器中支持漸變效果。

網(wǎng)頁特效的制作是很有意思的一件事情，這是需要使用JS代碼，網(wǎng)上有很多JS代碼的效果和原程序，但很麻煩的一件事情是如何讀懂這些代碼，把相應(yīng)的內(nèi)容替換成你所需要的內(nèi)容，比如，圖片說明文字，超鏈接等等，還有一件事情是，網(wǎng)上提供的JS效果并不是你所需要的尺寸和顏色，這也需要你讀懂JS代碼，同時把相應(yīng)的樣式修改成你所需要的樣式。本網(wǎng)站使用的JS特效有一個新聞?wù)故拘Ч唧w制作方法是下載JS代碼，修改JS代碼，把JS特效嵌入到相應(yīng)的DIV中，其中的制作難點是，網(wǎng)站要求新聞?wù)故臼请S時間更新的，這就需要把靜態(tài)的新聞?chuàng)Q成動態(tài)的新聞，因此需要從后臺數(shù)據(jù)庫中提取相應(yīng)的字段，同時在后臺管理模塊中，還要相應(yīng)的模塊處理新聞的增刪改查。

網(wǎng)站后臺內(nèi)容管理是方便網(wǎng)站維護人員工作方便專門制作的，工會網(wǎng)站的維護工作是由工會工作人員遠程進行管理的，因此就有必要制作一個專門方便工會工作人員管理網(wǎng)站內(nèi)容的模塊。其制作內(nèi)容就設(shè)計到對后臺數(shù)據(jù)庫的增刪改工作，由于在數(shù)據(jù)庫設(shè)計過程中，沒有考慮到后期的維護工作，因此在對新聞內(nèi)容的增刪改工作上，出現(xiàn)了需要給多個表進行增刪改的要求，因此建議今后設(shè)計數(shù)據(jù)庫時，將所有的新聞表重新整合，以類別區(qū)分各種信息。

另外在處理圖片上傳的工作時，需要考慮如何上傳圖片信息。之所以要專門指出圖片上傳是有原因的，因為圖片需要上傳到服務(wù)器上才能將其具體路徑信息記錄到相應(yīng)數(shù)據(jù)表記錄的字段中，也就是說，如果某條新聞需要圖片的支持，那么這條新聞的圖片是以相對路徑的形式存儲在數(shù)據(jù)庫中的，所以在增改新聞圖片時，必須先把圖片上傳到服務(wù)器相應(yīng)的目錄下。圖片上傳到服務(wù)器后，它的文件名將隨機改變，所以要記錄好圖片的新文件名。這樣才能進行和圖片相關(guān)的操作。文件上傳可以分為兩種：有組件上傳和無組件上傳。作者使用的是無組件上傳，原因是有組件上傳要求遠程服務(wù)器上必須安裝相應(yīng)的組件才能完成文件上傳功能，而無組件上傳不需要在服務(wù)器上安裝相應(yīng)的組件即可完成文件的上傳。

網(wǎng)站的測試是網(wǎng)站制作必不可少的步驟和環(huán)節(jié)，網(wǎng)站制作完畢之后，必須及時進行網(wǎng)站測試，測試可以分為兩種測試：黑盒測試和白盒測試。作者將黑盒測試的任務(wù)交給3名學生進行，經(jīng)過2天的測試，將各個模塊統(tǒng)統(tǒng)測試3遍，測試中發(fā)現(xiàn)了一些問題：網(wǎng)頁標題沒設(shè)置、個別網(wǎng)站內(nèi)容出現(xiàn)DIV跑位現(xiàn)象，不同的瀏覽器出現(xiàn)不同的效果，個別網(wǎng)站出現(xiàn)內(nèi)容描述不清晰的情況等等，通過作者的核實，都進行了更改并重新測試。白盒測試則是由作者親自完成的，在測試中出現(xiàn)的問題主要有：站點中出現(xiàn)了沒有用的網(wǎng)頁，處理的辦法是將其刪除；表單中出現(xiàn)了沒有用到的項目，有些項目類型不合適，處理辦法是刪除或修改；經(jīng)過黑盒測試和白盒測試之后，還需要使用者在長期的維護過程中，不斷的測試，并把需要修改的地方指明給作者，由作者進行修改，這就出現(xiàn)的軟件的不同版本。

3、網(wǎng)站的上傳與更新

網(wǎng)站制作、測試完畢后，就交付給學校網(wǎng)站維護人員進行上傳，網(wǎng)站是存放在學校服務(wù)器上的，也就是說，所有的網(wǎng)頁瀏覽者通過瀏覽器將網(wǎng)頁請求發(fā)送到學校網(wǎng)站服務(wù)器上，由服務(wù)器將瀏覽者請求的網(wǎng)頁發(fā)送給瀏覽者。

網(wǎng)絡(luò)信息的更新需要使用后臺管理系統(tǒng)進行，這個系統(tǒng)是作者專門針對本網(wǎng)站設(shè)計制作的，專為網(wǎng)站信息的更新維護設(shè)計，這樣通過此系統(tǒng)，公會工作人員通過遠程瀏覽器即可更新網(wǎng)絡(luò)服務(wù)器上的公會網(wǎng)站數(shù)據(jù)庫，從而方便輕松的維護更新網(wǎng)站內(nèi)容。值得一提的是，網(wǎng)站后臺管理系統(tǒng)也是相當復雜的一個模塊，涉及到管理員密碼設(shè)置更改，網(wǎng)頁訪問限制，數(shù)據(jù)庫信息的增刪改查等內(nèi)容，所有動態(tài)信息均通過此模塊對網(wǎng)站數(shù)據(jù)庫進行更新。

4、結(jié)語

工會網(wǎng)站的使用，實現(xiàn)了無紙化辦公，能夠快捷的消息，減少了許多人力物力的開銷，提高了工作效率，這是本系統(tǒng)的功能和特點。從網(wǎng)站的策劃，設(shè)計，制作，測試到，整個過程作者親力親為，其中體會非常深刻，本網(wǎng)站的建設(shè)基本完成，其基本功能全部實現(xiàn)。如何把類似的網(wǎng)站設(shè)計成網(wǎng)站模板，如果實現(xiàn)模板化，此類網(wǎng)站的制作將會更加便捷快速。

參考文獻

[1]陳益材. DWCS4+ASP――動態(tài)網(wǎng)站建設(shè)從入門到精通[M].機械工業(yè)出版社,2010.

[2]魏洪斌,周鑫,劉志江.Dreamweaver MX 網(wǎng)頁設(shè)計[M]. 清華大學出版社,2005.

[3]榮欽科技.ASP+Dreamweaver MX 2004 數(shù)據(jù)庫網(wǎng)站開發(fā)與實例[M].清華大學出版社,2004.

[4]秦學禮.DreamweaverMX2004 實用教程[M]. 清華大學出版社,2004.

[5]周雙娥,李其鋒.基于ASP．NET技術(shù)的管理信息系統(tǒng)的研究與設(shè)計[J].湖北大學學報:自然科學版.

作者簡介：

篇(2)

>> 企業(yè)信息門戶和應(yīng)用系統(tǒng)的信息共享方法研究 企業(yè)信息門戶網(wǎng)站調(diào)查研究 企業(yè)信息門戶系統(tǒng)研究及優(yōu)化 企業(yè)信息門戶成熟度綜合評價研究 創(chuàng)新性信息獲取新方法研究 淺談企業(yè)信息門戶建設(shè)流程 企業(yè)信息門戶技術(shù)概述 門戶通暢服務(wù)流暢――企業(yè)信息門戶及其建設(shè) 現(xiàn)代企業(yè)人力資源研究的新方法 現(xiàn)代企業(yè)戰(zhàn)略管理創(chuàng)新方法研究 建筑企業(yè)施工管理創(chuàng)新方法研究 網(wǎng)站維護及網(wǎng)頁的更新方法 探索網(wǎng)絡(luò)專題報道新方法 防止信息泄露的新方法 企業(yè)信息門戶在電信業(yè)的發(fā)展策略研究 企業(yè)信息門戶搜索引擎技術(shù)的研究 企業(yè)信息門戶列表功能的應(yīng)用研究 企業(yè)業(yè)務(wù)戰(zhàn)略制定新方法 淺析廣播節(jié)目制作的創(chuàng)新方法 一種水墨陶瓷畫制作新方法 常見問題解答 當前所在位置：l]/[channelfoot.html]文件內(nèi)容。

（5）頁面部件設(shè)計

①拖放Web部件

點擊主頁右上角“修改共享網(wǎng)頁”—添加Web部件 —“瀏覽”，將“Web部件列表”中的“內(nèi)容編輯器”分別拖入頁面左欄、中欄、右欄。一般左欄、右欄結(jié)構(gòu)相似，圖片排列有序，可以在一個表格內(nèi)有序插入圖片，在需輸入文字的地方，把圖片設(shè)置成背景。

②左欄代碼輸入

點開界面右邊的“源編輯器”，在彈出的網(wǎng)頁對話框內(nèi)編寫以下代碼，修改table寬度、圖片名稱、鏈接地址及增減圖片，可實現(xiàn)不同頁面。

領(lǐng)導小組

……

③右欄代碼的輸入同左欄。

④中間的Web部件一般采用頁面嵌套方式，結(jié)構(gòu)與左右欄相似，打開中間欄“源編輯器”，輸入以下代碼，修改表格寬度、頻道地址、圖片名稱可實現(xiàn)不同頁面。

src='/xjytfczyq/

hse/hse2/_Layouts/SharePointCMSSummaryPage/Summary.aspx？cssfile=/sites/xjytfcytzyq/hse/mycms.css&nos

howmore=1&hiddenedit=1&maxrecords=8&showDate=true&MaxWords=21&NewPostingDelayDay=1&HeadImgUrl=%2fEX_STATICPAGES_%2f_EX_RESOURCE_%2fdot1.gif'height="190" width="529" >

……

通過上述步驟方法，完成《HSE管理體系推進工作專題》網(wǎng)站制作，見圖2。

2.3 常規(guī)型專題網(wǎng)頁制作

常規(guī)型專題網(wǎng)頁主題鮮明、時效性強，網(wǎng)頁制作要快，可以直接使用Photoshop切片后導出的html文件，以節(jié)省網(wǎng)頁制作時間。本節(jié)以公民道德建設(shè)月專題（見圖3）為例，介紹常規(guī)型專題網(wǎng)頁制作要點。

2.3.1 切片時的要點

切片時只需將嵌套頁面或加鏈接的位置切出（見圖4），作為網(wǎng)頁中嵌套頁面或鏈接所用，其他部分會自動生成附加切片。

2.3.2 保存為Web所用格式時要點

在點擊“存儲為Web所用格式”時，保存類型選擇“HTML和圖像”，在所選保存文件夾下自動生成一個HTML文件、自動創(chuàng)建一個Images文件夾，所有切片保存在Images文件夾內(nèi)。

2.3.3 專題網(wǎng)頁制作

（1）主站下建一文檔庫如：[專題]，將上述Photoshop生成的html文件及Images文件夾上傳至[專題]文檔庫內(nèi)。

（2）在需要嵌套頁面的切片所在的單元格內(nèi)，輸入相應(yīng)代碼（主要采用iframe嵌套，見網(wǎng)站型專題制作2.2.4 （5）④，注意代碼定義的寬和高不能超出原圖片的大小，否則會出現(xiàn)“留白”和“爆邊”。

通過以上步驟，完成常規(guī)型專題網(wǎng)頁制作。

2.4 展板專題網(wǎng)頁制作

展板專題型網(wǎng)頁制作相對簡單，只需在Photoshop里完成模板設(shè)計，將模板上的文字與圖片切片，保存方法與常規(guī)展板相同，將生成的html文件及Images文件夾上傳至[專題]文檔庫內(nèi)，完成展板型專題網(wǎng)頁的制作。

3 三種頁面制作方法優(yōu)劣對比

（1）網(wǎng)站型專題模板（以下簡稱第一種方法）切片時要特別注意每列切片的寬度要一致，否則會出現(xiàn)“留白”和“爆邊”。常規(guī)型專題網(wǎng)頁模板切片（以下簡稱第二種方法）時只需將需填充內(nèi)容或加鏈接的位置切出，其他部分不需切片。而展板型網(wǎng)頁模板切片（以下簡稱第三種方法）時，只需將展板模板上的圖片或文字進行切片，以方便文字修改或圖片更換。

（2）第二、三種方法由于直接使用Photoshop生成的html文件，比第一種方法更簡單，更能節(jié)省時間。

（3）如用戶對網(wǎng)頁版面改動較多，使用第一種方法比較好，網(wǎng)頁增減內(nèi)容只需在相應(yīng)Web部件里增減行，對表格或單元格高度沒有要求，相應(yīng)圖片可單獨做，只要寬度一致。第二種方法對所要嵌套頁面或添加的內(nèi)容的寬度和高度都有嚴格要求，不能超過背景圖片的寬度和高度，否則會出現(xiàn)“留白”和“爆邊”，如果用戶需改變切片大小，整個網(wǎng)頁須重新生成。第三種方法由于只在Photoshop里操作，方便靈活，但板面單一，無動態(tài)更新內(nèi)容。

4 結(jié)束語

在如今的信息網(wǎng)絡(luò)時代，應(yīng)用企業(yè)信息門戶平臺制作專題網(wǎng)頁對企業(yè)重大活動及企業(yè)動態(tài)進行宣傳，愈來愈成為企業(yè)對內(nèi)對外宣傳的重要手段，做好專題網(wǎng)頁的制作是各單位門戶管理員及專題制作人員的重要工作之一。本文采用目前普遍使用的table編寫方式，使用DIV+CSS編寫的用戶只需在制作網(wǎng)站型專題時使用DIV+CSS便可實現(xiàn)。本文介紹的3類專題網(wǎng)頁設(shè)計方法，簡單實用，方便快速套用，可供其他專題網(wǎng)頁制作時借鑒參考。

主要參考文獻

篇(3)

關(guān)鍵詞：網(wǎng)站前臺；CSS；JavaScript；教學改革；情境教學

中圖分類號：G712文獻標識碼：A文章編號：1009-3044(2011)28-6986-02

Situational Teaching Design on the Front End Website Making

SU Chen, GAO Fei, CHEN Mei

(Beijing Electronic Science and Technology Vocational College, Beijing 100016, China)

Abstracts: With the development of society and Network, the requirement of the people on the front end website is increasing. But the traditional teaching method makes the disjointedness between the teaching and the posts requirement. It is hard to meet the need of society in the relevant personnel. The article discusses the reform of teaching contents. It is primary to teach in a real situation based on working process. Two of the teaching situation is discussed as examples. The content design on teaching situation is analyzed emphatically. The learning ability and learning effect of the students are improved by the situational teaching based on work process. The goal will be attained that the students can be trained to work after graduated.

Key words: front end website; CSS; JavaScript; teaching reform; situational teaching

通俗的說，網(wǎng)站前臺就是網(wǎng)站訪問人員看到的內(nèi)容和頁面，用戶可以通過對網(wǎng)站的訪問來瀏覽公開的內(nèi)容，如企業(yè)或公司概況介紹、新聞信息、產(chǎn)品信息、企業(yè)聯(lián)系方式、提交留言等內(nèi)容。而隨著網(wǎng)絡(luò)和信息的發(fā)展，社會對網(wǎng)站制作人員的需求量也越來越大。

對于傳統(tǒng)的網(wǎng)頁制作課程，教學方法比較單一，教師一般采取講授知識與案例講解相結(jié)合的方法來進行。雖然學生也能掌握其中的知識和技能，但是對網(wǎng)頁制作的綜合運用能力不足，不能實現(xiàn)畢業(yè)即能上崗的目標，學校的教學與社會崗位之間存在相脫節(jié)的現(xiàn)象。

為了使學生畢業(yè)后能直接上崗，對本課程進行了教學改革，擯棄了傳統(tǒng)的教學模式，將真實的項目案例引入課堂，使用情境教學法，將所授內(nèi)容融入其中，以實現(xiàn)相應(yīng)的教學目標。

1 前期準備

網(wǎng)站前臺制作是我校多媒體技術(shù)專業(yè)網(wǎng)頁制作方面的主要課程，在對該課程的改革中，注重理論與實踐相結(jié)合，注重基于工作過程的系統(tǒng)化學習領(lǐng)域設(shè)計。為此，教師進行了充分的前期準備工作：首先要深入公司企業(yè)進行調(diào)研，掌握在實踐過程中網(wǎng)站前臺的制作流程和行業(yè)規(guī)范，然后根據(jù)實踐過程提煉出能融合到課程中的相關(guān)內(nèi)容，最后將提煉出的內(nèi)容整合到課程中，并結(jié)合相應(yīng)的方法和手段加以實施。

2 教學內(nèi)容的情境設(shè)計

2.1 教學情境設(shè)計原則

網(wǎng)站前臺制作是一門實踐性、操作性較強的課程，其主要內(nèi)容為（X）HTML、CSS及JavaScript三大網(wǎng)頁設(shè)計核心技術(shù)。由于該課程主要以代碼的編寫為主，對網(wǎng)頁的排版布局和效果樣式的實現(xiàn)主要是通過DIV+CSS來實現(xiàn)，所以用DIV+CSS思想來引導學生編寫網(wǎng)頁代碼是非常重要的，其中最重要的是如何讓學生對編寫代碼產(chǎn)生興趣，并將這種興趣保持下去。

2.2 情境內(nèi)容的設(shè)計

在教學內(nèi)容的設(shè)計方面，先根據(jù)專業(yè)課程培養(yǎng)體系的要求確定該課程的學習領(lǐng)域，然后根據(jù)真實項目和知識技能，具體設(shè)計6個教學情境，由淺入深的對該課程進行介紹。在對整個教學情境的實施過程中，讓學生完成規(guī)定的可執(zhí)行任務(wù)，通過對項目案例的實踐操作，使學生掌握網(wǎng)站前臺制作的工作流程以及代碼的書寫規(guī)范等內(nèi)容，在實踐操作中掌握相關(guān)的知識和技能。

在對6個教學情境的課程設(shè)計中，所用的項目案例全部采用公司的真實項目，并將教學目標分為能力目標和知識目標來進行細化描述，教學情境中又分解為多個小型任務(wù)，將知識點融入到每個小型任務(wù)中，通過對每個任務(wù)的實現(xiàn)，學生將其中所包含的知識點進行掌握和消化。并且這6個教學情境的設(shè)計按照由淺入深的原則來進行設(shè)計，從首頁入手進行項目案例和知識點的融合，進而到二級頁面的制作和美化，體現(xiàn)了由易到難的設(shè)計原則。教學情境的設(shè)計如表1所示。

前兩個教學情境是針對網(wǎng)站規(guī)劃和首頁制作而設(shè)計的，這兩個教學情境相對其他四個情境的設(shè)計來說是簡單的。通過這兩個教學情境，使學生能明確網(wǎng)站前臺的制作流程和行業(yè)規(guī)范，掌握相關(guān)（X）HTML和CSS代碼的編寫和命名規(guī)范。

第三和第四個教學情境，主要是針對首頁的美化和二級頁面的制作和美化，這兩個教學情境從內(nèi)容方面難度有所提高，通過這兩個教學情境，使學生能使用符合Web規(guī)范的CSS代碼完成對相關(guān)頁面的效果實現(xiàn)，主要通過DIV+CSS來完成。

最后兩個學習情境是兩個不同類型的網(wǎng)站制作，通過對兩個網(wǎng)站的制作，使學生掌握不同類型網(wǎng)站的排版布局制作方法，并通過相應(yīng)的CSS代碼實現(xiàn)其布局和樣式添加，同時通過學習JavaScript代碼來實現(xiàn)相應(yīng)的頁面效果。

3 具體學習情境的設(shè)計分析

在每個學習情境的設(shè)計中，情境是作為一個完整的工作過程來實現(xiàn)的，其中包含了對每個子任務(wù)的描述、學生的行動內(nèi)容以及要達到的知識目標和能力目標。

3.1 學習情境5的內(nèi)容設(shè)計

下面以學習情境5為例來說明對該情境的設(shè)計完成過程。

首先，對學習情境5有一個整體任務(wù)描述，以說明整個工作任務(wù)，讓學生明確本次的學習目的。對學習情境5的任務(wù)描述是：根據(jù)網(wǎng)站主題，對網(wǎng)站進行設(shè)計，使用圖像處理軟件做出頁面效果圖，掌握CSS排版布局中三列布局的模式，對整個頁面實現(xiàn)1-3-1固定寬度布局，通過書寫CSS代碼，對整個首頁和二級頁面的內(nèi)容進行實現(xiàn)和美化。

其次，對整個任務(wù)進行細化，分為6個子任務(wù)，對每個子任務(wù)進行任務(wù)描述，細化其中的知識點，并說明學生的行動內(nèi)容。其中子任務(wù)1的任務(wù)描述是：使用圖像處理軟件制作頁面效果圖。在對子任務(wù)1的實施過程中，主要是通過圖像處理軟件Photoshop軟件對頁面效果圖進行設(shè)計和制作，包括對Logo、Banner的制作以及對二級欄目標題、背景顏色、邊框和各部分文字的添加等。學生的行動內(nèi)容是通過對Photoshop的應(yīng)用，制作出頁面的效果圖，這樣既完成了相應(yīng)的工作任務(wù)又加強了對Photoshop的理解和實際應(yīng)用。在子任務(wù)2和子任務(wù)3中，引入JavaScript的應(yīng)用。通過對JavaScript的學習，使學生明確和掌握了相關(guān)的基礎(chǔ)知識，為以后各個子任務(wù)的進行打下良好基礎(chǔ)。在子任務(wù)4和5中，重點介紹使用JavaScript進行動態(tài)效果的制作，這樣能使學生對JavaScript的知識進行靈活應(yīng)用。在子任務(wù)6中，主要使用HTML和CSS實現(xiàn)網(wǎng)站首頁和各個二級頁面內(nèi)容以及相應(yīng)的樣式等等。在該子任務(wù)中，主要以學生作為行動的主體，按照任務(wù)的內(nèi)容書寫HTML，實現(xiàn)首頁和各個二級頁面的內(nèi)容，書寫CSS代碼實現(xiàn)對頁面內(nèi)容樣式的添加，并通過書寫JavaScript代碼來實現(xiàn)圖片輪換效果。

最后，根據(jù)本次學習情境中各個任務(wù)的執(zhí)行情況進行總結(jié)，布置同步練習作業(yè)，由學生代表發(fā)言總結(jié)自己所遇到的問題、解決方法及其收獲。

通過學習情境5完成的網(wǎng)站部分內(nèi)容如圖1所示。

3.2 學習情境6的內(nèi)容設(shè)計

雖然學習情境5和情境6均為綜合網(wǎng)站的制作，但是兩者在情境設(shè)計中的側(cè)重點是不同的。

在學習情境6中，將整個任務(wù)劃分成3個子任務(wù)。在整個任務(wù)的描述過程中，雖然也有“根據(jù)網(wǎng)站主題，對網(wǎng)站進行設(shè)計，使用圖像處理軟件做出頁面效果圖”之類的字眼，但是在執(zhí)行相應(yīng)的子任務(wù)1時，由于在學習情境5中已經(jīng)對此知識內(nèi)容進行了學習，所以在此不必進行知識的講解和演示，直接讓學生執(zhí)行任務(wù)，完成對頁面的效果繪制。

同理，在子任務(wù)2和3的執(zhí)行過程中，對用到的舊知識點，主要讓學生直接執(zhí)行任務(wù)，不再進行另外的講解，只有對新的知識點進行明確講解。教師在課堂中的作用是一個組織者，導引者，而學生作為學習的主體被重點突出出來。

總之，在該課程的改革實施中，以學習情境作為設(shè)計單元，在學習情境中注重工作過程，并以公司的真實項目引入情境教學，所以通過本課程的學習，能使學生熟悉網(wǎng)站前臺的制作流程和規(guī)范，了解相關(guān)的學習拓展領(lǐng)域，達到在企業(yè)中從事網(wǎng)站前臺制作的從業(yè)要求。學生通過參與實際網(wǎng)站的建設(shè)、開發(fā)和制作，掌握相應(yīng)的基本知識和技能，并在實踐中發(fā)現(xiàn)問題、解決問題，職業(yè)素養(yǎng)和職業(yè)意識得到培養(yǎng)和提高，為日后的畢業(yè)即上崗做好充分地準備。

參考文獻：

[1] 莫小梅.網(wǎng)頁設(shè)計與編程課程網(wǎng)站開發(fā)與教學實例的結(jié)合初探[J].電腦知識與技術(shù),2009,5(14):3829.

[2] 陳孟臻.基于Web2.0標準化布局的網(wǎng)頁制作課程教學探討[J].科教導刊,2009(9):94.

[3] 林婷婷.以Div+CSS思想引導學生學習編寫網(wǎng)頁的新教法[J].科技信息,2009(11):68.

篇(4)

一、教學思路方法的完善

針對企業(yè)對于網(wǎng)頁設(shè)計人才的要求，要提高網(wǎng)頁設(shè)計教學水平是一定要執(zhí)行的。本文針對之前提出的幾點問題，對于完善教學思路方法提出幾點意見：1.教師的專業(yè)實踐水平需要提高，并改進原有的教學方法對于網(wǎng)頁設(shè)計的教師而言，都是一定要關(guān)注網(wǎng)絡(luò)應(yīng)用的實際發(fā)展，要不斷的更新自己的知識并且提高個人素質(zhì)，校方可加強與企業(yè)的合作，幫助教師開拓視野，并從政策上指導和鼓勵教師利用假期的時候到企業(yè)進行實踐，深入的了解完整網(wǎng)站的建設(shè)過程（比如從素材的收集和整理、網(wǎng)站的規(guī)劃、網(wǎng)站制作、網(wǎng)站維護等）。教師將企業(yè)中的項目帶入至課堂中，讓學生從完成的項目中明確了解自己學習網(wǎng)頁設(shè)計課程后可以從事的工作，以及如何在工作中去應(yīng)用在課堂中所學到的知識，而教師在教學的過程中需要靈活運用教學技巧，確保最好的教學質(zhì)量。2.對于課時進行科學、合理的安排，多多增加實踐方面的課程按照現(xiàn)有的中職生的學習特點來說，應(yīng)該是采用四節(jié)課連上的方式，讓學生有充足的時候把課堂所學到的知識運用至相關(guān)的實際操作中，完成之后可以讓學生進行現(xiàn)場的交流和討論，以便探索出更好的制作方法。在一個學期快要結(jié)束的時候，可以安排一定的時間進行綜合的實操，布置綜合實踐的任務(wù)并給出主題，要求所有的學生選擇一個主題來進行網(wǎng)站的設(shè)計，讓學生根據(jù)具體的要求進行分析、網(wǎng)站規(guī)劃、處理并收集素材，對自己的網(wǎng)站要做到風格與內(nèi)容都完整獨特，把頁面的結(jié)構(gòu)、鏈接方式的設(shè)置、圖片位置的擺放等做到布局合理、統(tǒng)一，而且還要做到容易更新。之后，再讓學生寫一些關(guān)于實操的心得體會，并且把學生的成果公布，這樣的綜合性設(shè)計任務(wù)可以在很大程度上培養(yǎng)學生分析問題、解決問題的能力，同時可以提高學生的創(chuàng)新能力，讓學生的模擬與實際工作有最大限度的接近，以此來達到教育培養(yǎng)的目的。

二、運用任務(wù)驅(qū)動、案例、項目教學法，以此來提高學生的積極性

（1）任務(wù)驅(qū)動法：運用任務(wù)驅(qū)動法教學，完成課本上的實例之后要盡可能的以當前最為熱點的問題或是學生所關(guān)心的話題作為主題，來對網(wǎng)頁進行設(shè)計，要讓學生掌握好網(wǎng)頁設(shè)計的基礎(chǔ)內(nèi)容，比如素材的處理、收集、網(wǎng)頁設(shè)計等等，要求學生進行完整有效的設(shè)計，然后將自己的作品上交，并進行成果展示，只要有了任務(wù)這一動力學生就不會盲目，也不會對學習失去興趣。（2）案例教學法：對于中職計算機網(wǎng)頁設(shè)計而言，案例教學法是非常重要的，其要求學生可以作出具有高水準和高質(zhì)量的網(wǎng)頁。首先，要拓展學生的視野并開拓學生的思維，所以，教師在進行教學的過程中一定要精心的設(shè)計各種案例，而且這些案例應(yīng)該是由易至難，不可以讓學生產(chǎn)生害怕困難的心態(tài)而打擊了積極性。（3）項目教學法：在設(shè)計項目的時候要注意學生的知識接受能力和特點，考慮學生的原有基礎(chǔ)以及認知能力有限，在設(shè)計的過程當中要從學生的角度去思考，按照學生的實際水平設(shè)計每個模塊，再針對不同程度學生設(shè)計不同的練習，把控好項目的層次性。比如：在學習表格的時候，有的學生是已了解一定的知識，但有的學生卻從未接觸過，如果單是傳授，一些學生會對此失去興趣。所以在設(shè)計項目的時候要針對不同層次的學生進行，設(shè)計出不同的子項目，精心組織教學的內(nèi)容讓所有學生都可以順利完成。

三、考核的方式應(yīng)該可以體現(xiàn)出設(shè)計的能力

中職網(wǎng)頁課程的考核不能只是關(guān)注于設(shè)計軟件的運用，更多的是應(yīng)該掌握好主體性的原則，即在考核的每一個環(huán)節(jié)中，強調(diào)學生的創(chuàng)造性以及自主性，盡可能的讓學生去思考、創(chuàng)造、研究，充分指導學生學會計劃、設(shè)計、創(chuàng)新和創(chuàng)造。對網(wǎng)頁課程進行階段性的考核，積極的鼓勵學生進行各種新思想和方法的探究，并且在考核的過程中制定出相應(yīng)的激勵方式，讓學生可以有取得完成任務(wù)后的成就感。

四、結(jié)束語

篇(5)

關(guān)鍵詞：校企結(jié)合　網(wǎng)頁設(shè)計制作　教學探討

一、校企結(jié)合模式概述

“校企結(jié)合”是高職院校發(fā)展的必然趨勢，是經(jīng)濟發(fā)展對教育提出的客觀要求，也是高職院校生存、發(fā)展的內(nèi)在需要。隨著職業(yè)院校對產(chǎn)學結(jié)合的認識水平的提高，近年來，學校與企業(yè)的合作已越來越緊密，這是符合職業(yè)教育發(fā)展規(guī)律的。合作形式也是多樣的，如有些職業(yè)院校與企業(yè)開展了“訂單式培養(yǎng)”；有些學校按企業(yè)特殊工作開設(shè)特殊的專業(yè)和課程。這些模式都具有雙向性，從學校的角度來講，學校與企業(yè)合作，應(yīng)按照企業(yè)的用人要求來合理科學地制訂招生計劃、專業(yè)設(shè)定、課程設(shè)置，使培養(yǎng)的學生更符合企業(yè)人才的需求。從企業(yè)的角度來講，給學生提供更多實踐工作的鍛煉機會，使學生在校學習幾年后，能到企業(yè)實習、就業(yè)，這樣一方面培養(yǎng)了學生的能力，另一方面也使學生能更快地符合企業(yè)用人的需求。對于校企結(jié)合的方式，可采用企業(yè)工程師到學校講學、學校教師到企業(yè)學習，企業(yè)在學校設(shè)獎學金、企業(yè)向?qū)W校贈送較為先進的設(shè)備等形式。實際上，校企合作有直接合作，即學校根據(jù)企業(yè)需要的人才，根據(jù)企業(yè)的具體要求有針對性地教學；有間接的合作，即校企合作并非學校與企業(yè)的事，還應(yīng)擴大到教育系統(tǒng)與勞動就業(yè)部門，教育系統(tǒng)應(yīng)研究企業(yè)的需求，學校要轉(zhuǎn)變辦學理念，與勞動部門合作，成為企業(yè)人才培訓基地。

二、了解杜會和企業(yè)需求。制訂學習目標

近年來，由于國家大力發(fā)展職業(yè)教育，職業(yè)學校的在校生人數(shù)年年增長，競爭壓力加大。就業(yè)形勢不容樂觀，這就要求高職院校學生必須依靠提高綜合素質(zhì)及動手能力來應(yīng)對現(xiàn)實存在的問題，校企結(jié)合模式也正是為了達到這個目標。通過社會調(diào)查，我們發(fā)現(xiàn)社會對人才的要求也變得更高，動手能力、合作精神、創(chuàng)新意識等都是考察人才的重要指標。因此，我校堅持以“以服務(wù)為宗旨，以就業(yè)為導向”，大力開展校企合作，實施“訂單培養(yǎng)”，根據(jù)企業(yè)的需求開發(fā)專業(yè)，調(diào)整課程，改革教學內(nèi)容和教學方法。而“網(wǎng)頁制作”課程是高職計算機專業(yè)的必修課，也是大多數(shù)學生感興趣的課程。隨著Internet的發(fā)展，網(wǎng)絡(luò)已深入到社會的各個階層，大批學生對網(wǎng)絡(luò)、網(wǎng)站和網(wǎng)頁等概念都已有了初步認識，同時也自己動手設(shè)計網(wǎng)頁，建立自己的個人網(wǎng)站。因此，借助良好的學習動機，尋求合適的教學方法，是幫助學生掌握好該門課程的關(guān)鍵。在授課前，為學生介紹網(wǎng)頁設(shè)計的行業(yè)現(xiàn)狀及前景。從事該行業(yè)所必須掌握的相關(guān)知識有哪些，了解網(wǎng)頁設(shè)計在網(wǎng)站建設(shè)中地位和作用，讓企業(yè)參與課程的設(shè)計，使課程設(shè)計更符合企業(yè)的需求。從而讓學生在學習過程中做到有的放矢，激發(fā)學生的學習興趣，從而取得良好的學習效果。

三、高職《網(wǎng)頁制作》課程教學方法探討

1，采用案例式與任務(wù)驅(qū)動式相結(jié)合的教學方法

高等職業(yè)教育近年來得到了蓬勃的發(fā)展，職業(yè)教育的教學改革也可以說是百家爭鳴，各種思想異常活躍，有從整體教學方案思考的，也有從單門課程思考的。其中案例教學法和任務(wù)驅(qū)動教學法是高職課程教學改革的產(chǎn)物，深受師生的好評，但這兩種教學方法都有適應(yīng)性，并不是對每門課都適用，通過分析、實踐，筆者認為吸取兩種教學法優(yōu)點的案例任務(wù)驅(qū)動教學法非常適合《網(wǎng)頁制作》這門課程。因此，在網(wǎng)頁設(shè)計與制作課程的教學過程中，我們強調(diào)理論以夠用為度，關(guān)鍵是強化實踐教學，培養(yǎng)學生的動手能力。

案例教學法是現(xiàn)代教育實踐中一種很重要的教學方法，是在學生掌握了有關(guān)基本知識和分析解決問題能力的基礎(chǔ)上，根據(jù)教學目的和教學內(nèi)容的要求，在教師的精心策劃和指導下，運用典型案例，將學生帶入特定事件情境中進行案例分析，通過學生的獨立思考或集體協(xié)作來提高其識別、分析和解決某一具體問題能力的方法。任務(wù)驅(qū)動式教學法是提倡教師指導下的、以學生為中心的學習。其主要特點是“任務(wù)驅(qū)動，注重實踐”。通過提出明確而適度的任務(wù)是任務(wù)驅(qū)動教學法的前提。在課堂教學中，教師和學生通過創(chuàng)設(shè)的問題情景，把所要學習的知識巧妙地隱含在一個個任務(wù)當中，使學生在完成任務(wù)的過程中達到理解知識、掌握技能的目的。

在教學實踐中，筆者通過整合每一章的知識點來設(shè)置一個典型案例，在前一次課結(jié)束前，將案例展示給學生，讓學生思考這個案例該如何實現(xiàn)，從而讓學生帶著問題和任務(wù)進行新課的預(yù)習。在下一次開始上新課時，先讓學生談?wù)勛约旱慕鉀Q方法，然后再集體通過這個案例的制作來掌握本章的各個知識點。這樣通過典型實例的案例教學法和任務(wù)驅(qū)動法相結(jié)合，不僅可以活躍課堂氣氛，而且可以充分調(diào)動學生的參與性，提高學生的自主學習能力。

當然，在選取教學案例時應(yīng)做到：(1)案例應(yīng)具有一定的代表性和真實性，最好將案例與企業(yè)相聯(lián)系；與所學專業(yè)相聯(lián)系；(2)案例應(yīng)具有一定的啟發(fā)性和疑難性；(3)案例應(yīng)具有一定的針對性，比如可將不同企業(yè)分為不同類別，有些企業(yè)可能主要針對門戶網(wǎng)站的設(shè)計，有些企業(yè)主要針對企業(yè)展示型網(wǎng)站設(shè)計，可有針對性地進行案例選擇。同時，平常還要將一些有創(chuàng)意、有特色的優(yōu)秀網(wǎng)站推薦給學生，讓學生欣賞、學習優(yōu)秀網(wǎng)頁，從而讓他們擴大視野、開闊思維。

2，綜合教學，提高學生實踐技能

根據(jù)網(wǎng)頁制作課程的特點，需要改變教學過程中以教師、書本為中心的課堂教學模式，要倡導學生主動參與、樂于探究、勤于動手，將課堂教學時間和學生上機練習時間進行合理銜接搭配，以提高學生分析和解決問題的能力以及交流與合作的能力。這種新教學模式的探索，變“要我學”為“我要學”，變“學會”為“會學”，促進了學生主動發(fā)展創(chuàng)新意識的形成，提高了學生的實踐能力。

在網(wǎng)頁制作教學中，教學不再是教學生學，而是師生的交流。教學過程是師生交流、積極互動、共同發(fā)展的過程，教學是教師教與學生學的統(tǒng)一。課堂教學目標不再是單一的知識與技能，而是知識與技能、過程與方法以及情感、態(tài)度與價值觀三方面的整合。

網(wǎng)頁制作是一門包含多學科的綜合性課程，制作完成一個動態(tài)網(wǎng)站，不僅要讓學生掌握動態(tài)網(wǎng)站的設(shè)計與制作方法，更要掌握網(wǎng)站的總體設(shè)計思路以及各部分內(nèi)容的巧妙結(jié)合運用。在教學過程中結(jié)合軟件工程、網(wǎng)頁制作、數(shù)據(jù)庫等網(wǎng)站制作過程中涉及到的內(nèi)容結(jié)合起來進行逐步講解，以促進學生多方面技能的綜合提高。

3，改革考核方式，客觀評價學生

對于“網(wǎng)頁設(shè)計與制作”課程，傳統(tǒng)單一的考核模式不能全面真實地反映學生的知識、技能和能力，因此必須將考試重點轉(zhuǎn)移到考核學生的實際技能方面。在該課程的考核中采用了“總評成績=平時成績+課程設(shè)計+期末成績”的考核辦法，重在考查學生的能力，避免了“死讀書”“讀死書”“高分低能”等情況的出現(xiàn)。具體做法是：平時成績占總評成績的40％，主要依據(jù)教師布置的上機作業(yè)完成情況來評定；課程設(shè)計占總評成績的40％，該成績通過學期末安排一周的實訓課程產(chǎn)生。此期間通過分組的方式，讓每組學生完成一個綜合網(wǎng)站的設(shè)計，并根據(jù)每組學生完成的效果及設(shè)計報告來評定分數(shù)。通過一周的實訓，不但可將所學的知識點融會貫通，強化對知識的理解和掌握，而且打破了“千人一面”“千人一卷”的考核模式，培養(yǎng)了學生的實踐能力、創(chuàng)新意識和協(xié)作精神；期末考試占總評成績的20％，以筆試方式進行，重點考查學生對基本概念、基本方法的理解和掌握。通過實施這種考核方法，使學生注重自身動手能力的提高，極大地調(diào)動了學生學習積極性、主動性和參與性。

篇(6)

關(guān)鍵詞：優(yōu)秀學生作品；網(wǎng)上展示；FLASH軟件

藝術(shù)院校作為培養(yǎng)高素質(zhì)創(chuàng)意人才的基地，一直以來是文化創(chuàng)意產(chǎn)業(yè)最穩(wěn)定也最重要的人才輸出地。為了進一步提升人才培養(yǎng)質(zhì)量，各藝術(shù)院校紛紛將注意力集中在授課模式和教學質(zhì)量上，培養(yǎng)出大批創(chuàng)意人才，創(chuàng)造出眾多的藝術(shù)作品。然而，大多藝術(shù)院校并沒有利用好優(yōu)秀學生作品這筆屬于自己的寶貴財富，有的束之高閣，有的只是做了小范圍短期的展示。殊不知，借助網(wǎng)絡(luò)平臺進行規(guī)劃、整合和設(shè)計，學校就可以建立起一個面向大眾、長期不間斷展示的優(yōu)秀學生作品平臺。而運用FLASH的ActionScript3.0技術(shù)，更是可以把平臺打造的更富于現(xiàn)代性、藝術(shù)性，將藝術(shù)院校的特色與優(yōu)勢展示的淋漓盡致。

1藝術(shù)院校優(yōu)秀學生作品網(wǎng)上展示平臺建設(shè)的必要性

1.1提升學校整體形象

藝術(shù)類專業(yè)院校或綜合型高校的藝術(shù)院（系）有著與普通文理科不完全相同的教學模式，重要的區(qū)別之一，便在于教學過程中產(chǎn)生大量豐富多彩的作業(yè)。根據(jù)學校專業(yè)的劃分，其作業(yè)范圍可以涉及繪畫、設(shè)計、攝影、雕塑、影視、音樂等各藝術(shù)領(lǐng)域。許多作業(yè)匯聚了師生的汗水和心血，作品形式新穎，思想深刻，藝術(shù)造詣高，有些甚至獲得各類賽事大獎。如若能夠利用網(wǎng)絡(luò)平臺將其整合展示，將無疑是學校最閃亮的名片之_。它在反映學校藝術(shù)學科優(yōu)勢、文化藝術(shù)氛圍、大學生青春活力方面有著不可替代的作用。同時能夠展示學校的軟實力，極大的提升學校的整體形象。

1.2促進學生交流、創(chuàng)新

優(yōu)秀的學生作品同時也是最好的學習資源。通過其展示，首先可以讓同專業(yè)低年級的學生系統(tǒng)了解本專業(yè)的發(fā)展脈絡(luò)。大一新生通過欣賞優(yōu)秀學生作業(yè)，可以清晰地了解其自身專業(yè)的發(fā)展軌跡，便于他們早調(diào)整、早定位、早出成績。其次，可讓不同專業(yè)的學生相互學習借鑒。藝術(shù)類各專業(yè)血脈相連，交流、切磋是專業(yè)進步的重要環(huán)節(jié)。這些作業(yè)都是本校學生自己創(chuàng)作的，在交流的過程中，不僅可以欣賞作品，更能很方便的找到作者，最大程度提供了交流合作的平臺。再次，這種成系列的作業(yè)展示，也可以幫助進教師進行教學分析。通過比較，教師可以迅速掌握學生學習情況，同時結(jié)合時展和社會需求進行教學上的改革。

1.3突破展館場所限制

當下不少藝術(shù)院校投入巨資新建各類藝術(shù)展覽館，使得觀眾能夠近距離的欣賞巨作。然而展館也有其局限性。首先，場地規(guī)模畢竟有限，大多數(shù)院校展館均用于展出名家作品，對自己學校的優(yōu)秀學生作業(yè)則由于場地限制而愛莫能助。其次，展館畢竟是建于學校之內(nèi)的固定場所，沒有辦法更好的發(fā)揮其幫助學校對外宣傳的功能。網(wǎng)上展示平臺的搭建則可以突破這一局限，使得觀眾不論何時何地均可瀏覽作品。當今很多知名博物館均已將藏品搬到了網(wǎng)上，博物院、上海博物館均采用三維成像技術(shù)讓觀者足不出戶得以盡覽珍寶。

2FLASH及其ActionScript3.0在優(yōu)秀學生作品網(wǎng)上展示平臺搭建上的優(yōu)勢

FLASH軟件以往給人的印象，只是用來制作一些簡單的二維動畫。然而隨著時間的推移，F(xiàn)LASH的重心也已經(jīng)轉(zhuǎn)移到了網(wǎng)頁設(shè)計上，特別是ActionScript3.0（簡稱as3.0）的推出，極大的拓展了傳統(tǒng)網(wǎng)頁設(shè)計師的設(shè)計領(lǐng)域，現(xiàn)如今，越來越多的國外網(wǎng)站使用FLASH制作，國內(nèi)的各大設(shè)計公司也都設(shè)立了相關(guān)部門，為客戶制作以FLASH為互動載體的專題站點。

作為藝術(shù)院校優(yōu)秀學生作品網(wǎng)上平臺的搭建，我們運用FLASH及其AS3.0主要有以下幾種原因。（1）具備強烈的藝術(shù)感。與大多數(shù)網(wǎng)頁設(shè)計軟件的表單式結(jié)構(gòu)不同，由于FLASH軟件最初是一款畫圖軟件，因此在網(wǎng)頁設(shè)計上，不受任何拘束，可以直觀大膽地繪制你想要的網(wǎng)頁效果，可以是一個場景，可以是一幅畫，完全突破了傳統(tǒng)網(wǎng)頁的條條框框，擁有其獨特的藝術(shù)感染力。此類網(wǎng)頁效果的傳統(tǒng)制作方法往往采用如JavaScript等語言來編寫，這會產(chǎn)生非常復雜且龐大的代碼。jQuery雖然較為便捷，但其藝術(shù)效果則遠遠不及FLASH豐富。藝術(shù)院校本就力求創(chuàng)新，其優(yōu)秀學生作品的網(wǎng)上展示也必然是與眾不同的展示平臺，因此FLASH及AS3.0當仁不讓的成為首選。（2）具有優(yōu)秀的互動性。FLASH軟件由于其動畫軟件的本性，所以非常適合用于制作互動性網(wǎng)站。可以說，如果單以交互性而論，F(xiàn)LASH在行業(yè)內(nèi)可謂是獨領(lǐng)，即便是HTML5這樣具備了強大的開放性標準，也遠不如FLASH在網(wǎng)頁制作交互性上走得這么深入。藝術(shù)院校優(yōu)秀學生作品網(wǎng)上展示平臺，將會是一個主要以年輕人為主要瀏覽對象的網(wǎng)站，年輕學生早已不滿足傳統(tǒng)呆板的網(wǎng)頁模式。互動性、趣味性是他們評價一個網(wǎng)站制作好壞的重要標準。將瀏覽者的參與高度融合于網(wǎng)站操作中，使其在點擊運行時從過程中找到樂趣，這正是AS3.0最擅長的。（3）更好的面向?qū)ο蠼Y(jié)構(gòu)。AS3.0語言與1.0、2.0版本相比有著本質(zhì)上的區(qū)別，它完全支持面向?qū)ο缶幊陶Z言，同時它還包括比如運行時類型檢測、封裝類、命名空間，以及一個全新改版的事件模型。此外，它還全面支持正則表達式，在字符串的處理能力上也表現(xiàn)的空間強大。更令人欣喜的是，AS3.0還擁有一個積極的、深受用戶喜愛的開源社區(qū)。這一切使得其與Java、C#等高級編程語言處于同一個檔次，而且代碼更加模塊化，可讀性更好，擴張性更強，更受網(wǎng)頁設(shè)計師和互動設(shè)計師的喜愛。運用它來進行藝術(shù)院校優(yōu)秀學生作品網(wǎng)上展示平臺的搭建，可以使得其無論在代碼、效果、拓展性上均有無限的提升空間，既穩(wěn)定又適于日后的改造與更新。

3藝術(shù)院校優(yōu)秀學生作品網(wǎng)上展示平臺搭建的關(guān)鍵步驟及實現(xiàn)

3.1優(yōu)秀學生作品收集與整理

巧婦難為無米之炊，精彩的網(wǎng)站內(nèi)容是優(yōu)秀網(wǎng)站的根本所在，再美的形式也無法彌補內(nèi)容的匱乏。作為優(yōu)秀學生作品展示網(wǎng)站，其對作品的收集與整理是最為基礎(chǔ)，也是最為龐大的工作。首先橫向來看，其覆蓋面涉及院校各藝術(shù)類專業(yè)及其下設(shè)各具體方向。縱向來看，其牽涉到學校的歷史。院系需盡量遠的探尋其藝術(shù)類方向的過去，挖掘曾經(jīng)的人才和優(yōu)秀作品。毫無疑問，覆蓋面越廣，歷史越悠久，作品越豐富，對于學校形象的展示也就越到位。當然，這項工作體系龐大，需要上至學校下至各專業(yè)老師、學生集中收集挖掘，并且制定科學合理的標準進行分類、調(diào)整、數(shù)字化整理，形成強大的優(yōu)秀學生作業(yè)數(shù)據(jù)庫。

3.2網(wǎng)站功能結(jié)構(gòu)模塊劃分

在優(yōu)秀學生作品收集的同時，網(wǎng)站功能結(jié)構(gòu)模塊劃分也需同步進行。根據(jù)不同藝術(shù)院校規(guī)模的大小、專業(yè)設(shè)置的不同而略有差異。

3.3平臺的搭建、調(diào)整與測試工作