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

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

篇(1)

關鍵詞：ASPDW網站制作網絡化

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

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

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

1、網站的策劃與設計

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

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

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

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

2、網站的制作

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

網頁特效的制作是很有意思的一件事情，這是需要使用JS代碼，網上有很多JS代碼的效果和原程序，但很麻煩的一件事情是如何讀懂這些代碼，把相應的內容替換成你所需要的內容，比如，圖片說明文字，超鏈接等等，還有一件事情是，網上提供的JS效果并不是你所需要的尺寸和顏色，這也需要你讀懂JS代碼，同時把相應的樣式修改成你所需要的樣式。本網站使用的JS特效有一個新聞展示效果，具體制作方法是下載JS代碼，修改JS代碼，把JS特效嵌入到相應的DIV中，其中的制作難點是，網站要求新聞展示是隨時間更新的，這就需要把靜態的新聞換成動態的新聞，因此需要從后臺數據庫中提取相應的字段，同時在后臺管理模塊中，還要相應的模塊處理新聞的增刪改查。

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

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

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

3、網站的上傳與更新

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

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

4、結語

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

參考文獻

[1]陳益材. DWCS4+ASP――動態網站建設從入門到精通[M].機械工業出版社,2010.

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

[3]榮欽科技.ASP+Dreamweaver MX 2004 數據庫網站開發與實例[M].清華大學出版社,2004.

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

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

作者簡介：

篇(2)

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

（5）頁面部件設計

①拖放Web部件

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

②左欄代碼輸入

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

領導小組

……

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

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

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管理體系推進工作專題》網站制作，見圖2。

2.3 常規型專題網頁制作

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

2.3.1 切片時的要點

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

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

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

2.3.3 專題網頁制作

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

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

通過以上步驟，完成常規型專題網頁制作。

2.4 展板專題網頁制作

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

3 三種頁面制作方法優劣對比

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

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

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

4 結束語

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

主要參考文獻

篇(3)

關鍵詞：網站前臺；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

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

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

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

1 前期準備

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

2 教學內容的情境設計

2.1 教學情境設計原則

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

2.2 情境內容的設計

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

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

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

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

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

3 具體學習情境的設計分析

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

3.1 學習情境5的內容設計

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

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

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

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

通過學習情境5完成的網站部分內容如圖1所示。

3.2 學習情境6的內容設計

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

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

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

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

參考文獻：

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

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

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

篇(4)

一、教學思路方法的完善

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

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

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

三、考核的方式應該可以體現出設計的能力

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

四、結束語

篇(5)

關鍵詞：校企結合　網頁設計制作　教學探討

一、校企結合模式概述

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

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

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

三、高職《網頁制作》課程教學方法探討

1，采用案例式與任務驅動式相結合的教學方法

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

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

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

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

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

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

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

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

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

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

篇(6)

關鍵詞：優秀學生作品；網上展示；FLASH軟件

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

1藝術院校優秀學生作品網上展示平臺建設的必要性

1.1提升學校整體形象

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

1.2促進學生交流、創新

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

1.3突破展館場所限制

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

2FLASH及其ActionScript3.0在優秀學生作品網上展示平臺搭建上的優勢

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

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

3藝術院校優秀學生作品網上展示平臺搭建的關鍵步驟及實現

3.1優秀學生作品收集與整理

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

3.2網站功能結構模塊劃分

在優秀學生作品收集的同時，網站功能結構模塊劃分也需同步進行。根據不同藝術院校規模的大小、專業設置的不同而略有差異。

3.3平臺的搭建、調整與測試工作