網(wǎng)頁設(shè)計(jì)與制作精選(九篇)

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

第1篇：網(wǎng)頁設(shè)計(jì)與制作范文

1.1用戶登錄與注冊(cè)

首先,在系統(tǒng)功能設(shè)計(jì)中一般使用B/S結(jié)構(gòu),也就是瀏覽器/服務(wù)器結(jié)構(gòu),在網(wǎng)絡(luò)環(huán)境下,將各種功能模塊組合起來。用戶登錄和注冊(cè)是網(wǎng)站功能中最為基本的一個(gè)模塊,按照一定的分類標(biāo)準(zhǔn)設(shè)置用戶權(quán)限,如管理員權(quán)限、注冊(cè)用戶權(quán)限和匿名登錄用戶權(quán)限,不同權(quán)限的用戶可以訪問不同的內(nèi)容。用戶登錄的身份驗(yàn)證采用用戶名和密碼的形式,為了方便管理,用戶名可以統(tǒng)一設(shè)置,如將學(xué)生的學(xué)號(hào)設(shè)置為用戶名,密碼由用戶自行更改。管理員權(quán)限主要是由網(wǎng)站的管理人員使用,對(duì)網(wǎng)站信息進(jìn)行刪除、編輯和更改,并且對(duì)登錄用戶的身份、數(shù)量進(jìn)行管理。注冊(cè)用戶可以瀏覽、下載網(wǎng)站中的絕大多數(shù)資源內(nèi)容,而匿名用戶只能瀏覽網(wǎng)站的基本公式信息。

1.2網(wǎng)站信息公布

網(wǎng)站信息公布是校園網(wǎng)站的一個(gè)重要功能,可以用來公示重大校園動(dòng)態(tài)、課程信息、學(xué)生信息變動(dòng)等等,所公布的信息來源于相關(guān)的校園管理部門,如教學(xué)部門、宣傳部門、學(xué)生管理部門等等。同時(shí),一些與學(xué)生密切相關(guān)的信息,在公布中可以設(shè)置提醒功能,例如當(dāng)學(xué)生登錄網(wǎng)站后,以私信或者自動(dòng)彈出窗口的形式提示學(xué)生應(yīng)當(dāng)注意的信息?；蛘咴趯W(xué)生個(gè)人信息管理模塊中,設(shè)置專門的應(yīng)當(dāng)注意信息模塊,提醒學(xué)生應(yīng)當(dāng)注意的一些變動(dòng)信息,特別是課程信息、個(gè)人信息變動(dòng)、教務(wù)信息等等。

1.3資源共享資源共享

主要是為學(xué)生提供一個(gè)良好的學(xué)習(xí)環(huán)境,提供學(xué)生自學(xué)資源支持,在網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站構(gòu)建中,主要的教學(xué)資源有文字資源、圖片資源、視頻資源等等。同時(shí),在資源共享中,為了提高學(xué)習(xí)資源的利用效率,利用站內(nèi)搜索技術(shù)構(gòu)建資源查詢平臺(tái),便于用戶搜索所需資源。將各種學(xué)習(xí)資源進(jìn)行分類,可以按照資源屬性,如文檔類資源、圖片類資源、視頻類資源等等,或者按照教學(xué)內(nèi)容進(jìn)行分類。站內(nèi)資源還可以為學(xué)生提供一些優(yōu)秀的設(shè)計(jì)方案成果,將這些成果的網(wǎng)頁設(shè)計(jì)與制作方案。資源共享功能模塊設(shè)計(jì)需要針對(duì)網(wǎng)站功能特點(diǎn)和用戶使用情況進(jìn)行相應(yīng)的資源優(yōu)化,例如針對(duì)不同學(xué)習(xí)基礎(chǔ)的用戶提供不同層次的學(xué)習(xí)資源等等。

1.4站外資源鏈接

在網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站功設(shè)計(jì)中,站外資源是一個(gè)重要的學(xué)習(xí)資源補(bǔ)充途徑,用戶在使用站內(nèi)資源時(shí),也需要進(jìn)行相關(guān)的站外資源拓展,當(dāng)前使用較為廣泛的方式便是站外資源鏈接。站外資源鏈接也分為外部鏈接和內(nèi)部鏈接兩種,外部鏈接同用戶直接通過外網(wǎng)鏈接外站的訪問權(quán)限一樣,都為匿名瀏覽模式。而在一些提供資源下載的外部網(wǎng)站鏈接時(shí),可以通過內(nèi)部鏈接的方式為用戶提供注冊(cè)用戶訪問權(quán)限,例如訪問一些文獻(xiàn)資料數(shù)據(jù)庫。通過購買這些數(shù)據(jù)庫的訪問權(quán)限,使得用戶可以通過內(nèi)部鏈接搜索和下載相關(guān)的文獻(xiàn)資料。在站外資源連接時(shí),應(yīng)當(dāng)對(duì)不同的外站資源情況進(jìn)行調(diào)查和分類,按照一定的類別,例如文獻(xiàn)資料類網(wǎng)站、網(wǎng)頁設(shè)計(jì)成果類網(wǎng)站、相關(guān)軟件下載類網(wǎng)站等等。

2基于PHP和MySQL技術(shù)網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站的實(shí)現(xiàn)

2.1數(shù)據(jù)庫管理實(shí)現(xiàn)

基于MySQL技術(shù)的數(shù)據(jù)庫管理功能實(shí)現(xiàn),應(yīng)當(dāng)針對(duì)網(wǎng)站數(shù)據(jù)的儲(chǔ)存和使用特點(diǎn),應(yīng)當(dāng)確保數(shù)據(jù)庫的正確性、融合性、有效性等等,優(yōu)化數(shù)據(jù)庫檢索技術(shù),提高數(shù)據(jù)檢索效率,數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)的合理性會(huì)直接關(guān)系到網(wǎng)站構(gòu)建的整體質(zhì)量。在數(shù)據(jù)庫中將各種不同類型的數(shù)據(jù)資源按照一定的類別進(jìn)行分類處理和儲(chǔ)存,同時(shí)將各種文檔信息添加日期、作者、預(yù)覽內(nèi)容等信息,主要的數(shù)據(jù)操作功能有編輯、錄入、存儲(chǔ)、刪除、復(fù)制等等。再有,應(yīng)當(dāng)保證數(shù)據(jù)庫的完整性和適時(shí)性,及時(shí)進(jìn)行數(shù)據(jù)更新,數(shù)據(jù)存儲(chǔ)要嚴(yán)格遵守相應(yīng)的規(guī)定,定期進(jìn)行數(shù)據(jù)備份,一般數(shù)據(jù)庫的管理權(quán)限為網(wǎng)站管理人員。

2.2信息管理功能

實(shí)現(xiàn)信息管理功能主要是實(shí)現(xiàn)網(wǎng)站基本的信息公布、信息刪除和修改、重大信息警示等等,同時(shí)還包括用戶個(gè)人信息的錄入、修改等等。信息管理權(quán)限由兩部分組成,分別是網(wǎng)站管理人員的信息管理功能權(quán)限和訪問者的信息管理功能權(quán)限。信息管理人員所主要管理的信息為網(wǎng)站公布信息和一些動(dòng)態(tài)資源信息,而訪問者所使用的信息管理功能為個(gè)人信息管理和個(gè)人資源信息管理。例如訪問者在利用網(wǎng)站資源進(jìn)行學(xué)習(xí)時(shí),需要更改個(gè)人資源數(shù)據(jù)庫,不定時(shí)的刪除資源和添加新資源,構(gòu)建成個(gè)人知識(shí)管理系統(tǒng)。而網(wǎng)站管理人員,在使用信息管理功能時(shí),也應(yīng)當(dāng)針對(duì)不同信息的特點(diǎn),在相應(yīng)的信息公示板塊進(jìn)行信息公布。

2.3資源共享功能

實(shí)現(xiàn)資源共享功能主要包括兩部分,分別是站內(nèi)資源共享和站外資源共享,站內(nèi)資源包括管理人員錄入的校園資源數(shù)據(jù)庫和師生上傳的相關(guān)資源等等,站外資源則主要是針對(duì)相應(yīng)的教學(xué)內(nèi)容,選擇的一些專題網(wǎng)站。在資源共享功能實(shí)現(xiàn)中,應(yīng)當(dāng)提高資源使用效率,借助站內(nèi)搜索技術(shù)和互聯(lián)網(wǎng)搜索引擎技術(shù),為學(xué)生提供完善的資源環(huán)境。同時(shí),資源共享本身也是一個(gè)持續(xù)性的過程,管理人員應(yīng)當(dāng)長時(shí)期的進(jìn)行資源引進(jìn)和更新。

3結(jié)語

第2篇：網(wǎng)頁設(shè)計(jì)與制作范文

本文著重分析了《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)存在的問題，探索了《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革的策略，以提高《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)質(zhì)量。

關(guān)鍵詞：

網(wǎng)頁設(shè)計(jì)與制作；課程；教學(xué)改革；策略

隨著互聯(lián)網(wǎng)的發(fā)展，互聯(lián)網(wǎng)已經(jīng)被廣泛運(yùn)用到人們的工作和生活之中，其中企業(yè)網(wǎng)站對(duì)企業(yè)的宣傳與發(fā)展有著重要作用，網(wǎng)頁設(shè)計(jì)與制作成為企業(yè)建設(shè)網(wǎng)站的重要技術(shù)支撐。因此，各企業(yè)積極引入高素質(zhì)網(wǎng)頁設(shè)計(jì)與制作人才的，強(qiáng)化企業(yè)網(wǎng)站建設(shè)。而高校作為為企業(yè)培養(yǎng)人才的基本場所，十分重視《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的開展，并在新課改背景下積極探索《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)改革的科學(xué)方法。但是，由于受傳高校教育模式的影響，《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)在學(xué)習(xí)地位、實(shí)踐教學(xué)、師生溝通等方面都存在著一些問題需要高校改進(jìn)。研究《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革不僅能夠提高教學(xué)質(zhì)量，培養(yǎng)高素質(zhì)網(wǎng)絡(luò)設(shè)計(jì)與制作人才，而且對(duì)企業(yè)發(fā)展和互聯(lián)網(wǎng)發(fā)展有著深刻意義。

1《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)存在的問題

1.1學(xué)生學(xué)習(xí)被動(dòng)

長期以來，我國高?！毒W(wǎng)頁設(shè)計(jì)與制作》教學(xué)多采用理論與實(shí)踐課程交替的教學(xué)方式，教師為學(xué)生講解基本的《網(wǎng)頁設(shè)計(jì)與制作》理論知識(shí)，并為學(xué)生進(jìn)行實(shí)踐操作師范，讓后讓學(xué)生根據(jù)課堂筆記或一級(jí)進(jìn)行模仿操作。在這種教學(xué)模式下，學(xué)生的網(wǎng)頁設(shè)計(jì)與制作處于被動(dòng)的地位，學(xué)生的積極性不高。具體來說，有些學(xué)生不愿意聽教師的理論知識(shí)講解，有些學(xué)生不愿意完成老師的網(wǎng)頁設(shè)計(jì)與制作作業(yè)，在課堂上出現(xiàn)睡覺、玩手機(jī)甚至是曠課現(xiàn)象，學(xué)生的專業(yè)基礎(chǔ)知識(shí)不扎實(shí)，無法將專業(yè)理論知識(shí)與網(wǎng)頁設(shè)計(jì)與制作實(shí)踐相結(jié)合。

1.2學(xué)生動(dòng)手能力較差

在教師進(jìn)行示范的時(shí)候，部分學(xué)生認(rèn)為教師致使拖動(dòng)鼠標(biāo)，具體操作內(nèi)容沒有難度，不愿意認(rèn)真觀察教師的示范，而到實(shí)踐鍛煉的時(shí)候，很多學(xué)生對(duì)具體的操作步驟不屑一顧，認(rèn)為網(wǎng)頁設(shè)計(jì)與制作操作過于簡答。但是當(dāng)學(xué)生真正上手進(jìn)行網(wǎng)絡(luò)設(shè)計(jì)與制作會(huì)發(fā)現(xiàn)自己對(duì)操作步驟和操作技巧不了解，無法進(jìn)行網(wǎng)頁設(shè)計(jì)與制作。另外，還有些學(xué)生的自我意識(shí)較強(qiáng)，不愿意按照教師的講解進(jìn)行網(wǎng)頁設(shè)計(jì)與制作，而是一味按照自己的經(jīng)驗(yàn)和想法設(shè)計(jì)制作網(wǎng)頁，導(dǎo)致網(wǎng)頁設(shè)計(jì)與制作的專業(yè)性和科學(xué)性不強(qiáng)。

1.3缺乏溝通

首先，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中，教師與學(xué)生之間缺乏溝通與互動(dòng)。一方面，教師缺乏對(duì)學(xué)生的了解，無法掌握學(xué)生的學(xué)習(xí)現(xiàn)狀、學(xué)習(xí)興趣和學(xué)習(xí)需求，《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)只是按照教學(xué)大綱和教材開展，缺乏對(duì)學(xué)生學(xué)習(xí)需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識(shí)量，沒有涉及師生互動(dòng)環(huán)節(jié)，導(dǎo)致學(xué)生的課堂參與程度較低。另一方面，學(xué)生習(xí)慣了傳統(tǒng)的教師權(quán)威的師生關(guān)系，很多學(xué)生在《網(wǎng)頁設(shè)計(jì)與制作》課程學(xué)習(xí)的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評(píng)和嘲諷；其次，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中，學(xué)生之間缺乏溝通與互動(dòng)，很多學(xué)生都是獨(dú)自為戰(zhàn)，自行設(shè)計(jì)并制作網(wǎng)絡(luò)，但是，個(gè)人的知識(shí)和智慧是有限的，個(gè)人設(shè)計(jì)與制作網(wǎng)頁受到知識(shí)水平和專業(yè)技能的限制較大。

2《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革的策略

2.1重新定位課程教學(xué)標(biāo)準(zhǔn)

首先，高校《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)應(yīng)積極重視企業(yè)的用人標(biāo)準(zhǔn)，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中重點(diǎn)培養(yǎng)學(xué)生的職業(yè)素養(yǎng)、團(tuán)隊(duì)精神、審美能力、美術(shù)功底、計(jì)算機(jī)技能等基礎(chǔ)能力和素質(zhì)；其次《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)應(yīng)加強(qiáng)重視課程教育目標(biāo)，根據(jù)新課改的課程教學(xué)要求強(qiáng)調(diào)學(xué)生創(chuàng)新思維和動(dòng)手操作能力的培養(yǎng)，使學(xué)生具備網(wǎng)頁正當(dāng)年規(guī)劃與構(gòu)建能力、網(wǎng)頁圖形設(shè)計(jì)能力、動(dòng)畫設(shè)計(jì)和制作能力等。

2.2優(yōu)化教學(xué)內(nèi)容

《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)應(yīng)根據(jù)教學(xué)大綱和企業(yè)的用人要求科學(xué)設(shè)計(jì)教學(xué)內(nèi)容，將教學(xué)內(nèi)容氛圍Web基礎(chǔ)知識(shí)、Fireworks、Flash、Dreamweaver這四個(gè)模塊。具體來說，Web基礎(chǔ)知識(shí)模塊主要包括網(wǎng)絡(luò)常用名、網(wǎng)頁瀏覽器、網(wǎng)頁設(shè)計(jì)原則等基礎(chǔ)知識(shí)。Fireworks主要包括基礎(chǔ)知識(shí)、基本操作技能和高級(jí)應(yīng)用。Flash主要包括基礎(chǔ)知識(shí)、基本動(dòng)畫制作技巧和高級(jí)技術(shù)等內(nèi)容。Dreamweaver主要包括基礎(chǔ)知識(shí)、網(wǎng)頁定位技術(shù)、動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)、網(wǎng)頁站點(diǎn)管理、數(shù)據(jù)庫連接技術(shù)等知識(shí)。

2.3更新教學(xué)模式

高?！毒W(wǎng)頁設(shè)計(jì)與制作》課堂教學(xué)應(yīng)積極更新教學(xué)模式，采用班級(jí)授課制、網(wǎng)絡(luò)教學(xué)、個(gè)別化教學(xué)等模式開展課堂教學(xué)。并且，教師應(yīng)積極運(yùn)用高校的多媒體設(shè)備，讓每個(gè)學(xué)生在課堂上擁有一臺(tái)計(jì)算機(jī)，并使用多媒體技術(shù)向?qū)W生全面展示教學(xué)內(nèi)容，指導(dǎo)學(xué)生的網(wǎng)頁設(shè)計(jì)與制作，加強(qiáng)學(xué)生的動(dòng)手練習(xí)。另外，高?！毒W(wǎng)頁設(shè)計(jì)與制作》教學(xué)應(yīng)積極利用網(wǎng)絡(luò)中的教學(xué)資源，將網(wǎng)絡(luò)中的教學(xué)資源引入到教學(xué)活動(dòng)中，以視頻、圖片等形式向?qū)W生展示網(wǎng)頁設(shè)計(jì)與制作技巧，提高《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)的吸引力。

引用：

[1]《網(wǎng)頁制作》課程實(shí)踐教學(xué)模式的探索與設(shè)計(jì)[J].薛輝.電腦與電信. 2016(Z1)

第3篇：網(wǎng)頁設(shè)計(jì)與制作范文

本文著重分析了《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)存在的問題，探索了《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革的策略，以提高《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)質(zhì)量。

關(guān)鍵詞：

網(wǎng)頁設(shè)計(jì)與制作；課程；教學(xué)改革；策略

隨著互聯(lián)網(wǎng)的發(fā)展，互聯(lián)網(wǎng)已經(jīng)被廣泛運(yùn)用到人們的工作和生活之中，其中企業(yè)網(wǎng)站對(duì)企業(yè)的宣傳與發(fā)展有著重要作用，網(wǎng)頁設(shè)計(jì)與制作成為企業(yè)建設(shè)網(wǎng)站的重要技術(shù)支撐。因此，各企業(yè)積極引入高素質(zhì)網(wǎng)頁設(shè)計(jì)與制作人才的，強(qiáng)化企業(yè)網(wǎng)站建設(shè)。而高校作為為企業(yè)培養(yǎng)人才的基本場所，十分重視《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的開展，并在新課改背景下積極探索《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)改革的科學(xué)方法。但是，由于受傳高校教育模式的影響，《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)在學(xué)習(xí)地位、實(shí)踐教學(xué)、師生溝通等方面都存在著一些問題需要高校改進(jìn)。研究《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革不僅能夠提高教學(xué)質(zhì)量，培養(yǎng)高素質(zhì)網(wǎng)絡(luò)設(shè)計(jì)與制作人才，而且對(duì)企業(yè)發(fā)展和互聯(lián)網(wǎng)發(fā)展有著深刻意義。

1《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)存在的問題

1.1學(xué)生學(xué)習(xí)被動(dòng)

長期以來，我國高校《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)多采用理論與實(shí)踐課程交替的教學(xué)方式，教師為學(xué)生講解基本的《網(wǎng)頁設(shè)計(jì)與制作》理論知識(shí)，并為學(xué)生進(jìn)行實(shí)踐操作師范，讓后讓學(xué)生根據(jù)課堂筆記或一級(jí)進(jìn)行模仿操作。在這種教學(xué)模式下，學(xué)生的網(wǎng)頁設(shè)計(jì)與制作處于被動(dòng)的地位，學(xué)生的積極性不高。具體來說，有些學(xué)生不愿意聽教師的理論知識(shí)講解，有些學(xué)生不愿意完成老師的網(wǎng)頁設(shè)計(jì)與制作作業(yè)，在課堂上出現(xiàn)睡覺、玩手機(jī)甚至是曠課現(xiàn)象，學(xué)生的專業(yè)基礎(chǔ)知識(shí)不扎實(shí)，無法將專業(yè)理論知識(shí)與網(wǎng)頁設(shè)計(jì)與制作實(shí)踐相結(jié)合。

1.2學(xué)生動(dòng)手能力較差

在教師進(jìn)行示范的時(shí)候，部分學(xué)生認(rèn)為教師致使拖動(dòng)鼠標(biāo)，具體操作內(nèi)容沒有難度，不愿意認(rèn)真觀察教師的示范，而到實(shí)踐鍛煉的時(shí)候，很多學(xué)生對(duì)具體的操作步驟不屑一顧，認(rèn)為網(wǎng)頁設(shè)計(jì)與制作操作過于簡答。但是當(dāng)學(xué)生真正上手進(jìn)行網(wǎng)絡(luò)設(shè)計(jì)與制作會(huì)發(fā)現(xiàn)自己對(duì)操作步驟和操作技巧不了解，無法進(jìn)行網(wǎng)頁設(shè)計(jì)與制作。另外，還有些學(xué)生的自我意識(shí)較強(qiáng)，不愿意按照教師的講解進(jìn)行網(wǎng)頁設(shè)計(jì)與制作，而是一味按照自己的經(jīng)驗(yàn)和想法設(shè)計(jì)制作網(wǎng)頁，導(dǎo)致網(wǎng)頁設(shè)計(jì)與制作的專業(yè)性和科學(xué)性不強(qiáng)。

1.3缺乏溝通

首先，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中，教師與學(xué)生之間缺乏溝通與互動(dòng)。一方面，教師缺乏對(duì)學(xué)生的了解，無法掌握學(xué)生的學(xué)習(xí)現(xiàn)狀、學(xué)習(xí)興趣和學(xué)習(xí)需求，《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)只是按照教學(xué)大綱和教材開展，缺乏對(duì)學(xué)生學(xué)習(xí)需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識(shí)量，沒有涉及師生互動(dòng)環(huán)節(jié)，導(dǎo)致學(xué)生的課堂參與程度較低。另一方面，學(xué)生習(xí)慣了傳統(tǒng)的教師權(quán)威的師生關(guān)系，很多學(xué)生在《網(wǎng)頁設(shè)計(jì)與制作》課程學(xué)習(xí)的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評(píng)和嘲諷；其次，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中，學(xué)生之間缺乏溝通與互動(dòng)，很多學(xué)生都是獨(dú)自為戰(zhàn)，自行設(shè)計(jì)并制作網(wǎng)絡(luò)，但是，個(gè)人的知識(shí)和智慧是有限的，個(gè)人設(shè)計(jì)與制作網(wǎng)頁受到知識(shí)水平和專業(yè)技能的限制較大。

2《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革的策略

2.1重新定位課程教學(xué)標(biāo)準(zhǔn)

首先，高?！毒W(wǎng)頁設(shè)計(jì)與制作》教學(xué)應(yīng)積極重視企業(yè)的用人標(biāo)準(zhǔn)，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中重點(diǎn)培養(yǎng)學(xué)生的職業(yè)素養(yǎng)、團(tuán)隊(duì)精神、審美能力、美術(shù)功底、計(jì)算機(jī)技能等基礎(chǔ)能力和素質(zhì)；其次《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)應(yīng)加強(qiáng)重視課程教育目標(biāo)，根據(jù)新課改的課程教學(xué)要求強(qiáng)調(diào)學(xué)生創(chuàng)新思維和動(dòng)手操作能力的培養(yǎng)，使學(xué)生具備網(wǎng)頁正當(dāng)年規(guī)劃與構(gòu)建能力、網(wǎng)頁圖形設(shè)計(jì)能力、動(dòng)畫設(shè)計(jì)和制作能力等。

2.2優(yōu)化教學(xué)內(nèi)容

《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)應(yīng)根據(jù)教學(xué)大綱和企業(yè)的用人要求科學(xué)設(shè)計(jì)教學(xué)內(nèi)容，將教學(xué)內(nèi)容氛圍Web基礎(chǔ)知識(shí)、Fireworks、Flash、Dreamweaver這四個(gè)模塊。具體來說，Web基礎(chǔ)知識(shí)模塊主要包括網(wǎng)絡(luò)常用名、網(wǎng)頁瀏覽器、網(wǎng)頁設(shè)計(jì)原則等基礎(chǔ)知識(shí)。Fireworks主要包括基礎(chǔ)知識(shí)、基本操作技能和高級(jí)應(yīng)用。Flash主要包括基礎(chǔ)知識(shí)、基本動(dòng)畫制作技巧和高級(jí)技術(shù)等內(nèi)容。Dreamweaver主要包括基礎(chǔ)知識(shí)、網(wǎng)頁定位技術(shù)、動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)、網(wǎng)頁站點(diǎn)管理、數(shù)據(jù)庫連接技術(shù)等知識(shí)。

2.3更新教學(xué)模式

高?！毒W(wǎng)頁設(shè)計(jì)與制作》課堂教學(xué)應(yīng)積極更新教學(xué)模式，采用班級(jí)授課制、網(wǎng)絡(luò)教學(xué)、個(gè)別化教學(xué)等模式開展課堂教學(xué)。并且，教師應(yīng)積極運(yùn)用高校的多媒體設(shè)備，讓每個(gè)學(xué)生在課堂上擁有一臺(tái)計(jì)算機(jī)，并使用多媒體技術(shù)向?qū)W生全面展示教學(xué)內(nèi)容，指導(dǎo)學(xué)生的網(wǎng)頁設(shè)計(jì)與制作，加強(qiáng)學(xué)生的動(dòng)手練習(xí)。另外，高?！毒W(wǎng)頁設(shè)計(jì)與制作》教學(xué)應(yīng)積極利用網(wǎng)絡(luò)中的教學(xué)資源，將網(wǎng)絡(luò)中的教學(xué)資源引入到教學(xué)活動(dòng)中，以視頻、圖片等形式向?qū)W生展示網(wǎng)頁設(shè)計(jì)與制作技巧，提高《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)的吸引力。

引用：

[1]《網(wǎng)頁制作》課程實(shí)踐教學(xué)模式的探索與設(shè)計(jì)[J].薛輝.電腦與電信. 2016(Z1)

第4篇：網(wǎng)頁設(shè)計(jì)與制作范文

【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì);網(wǎng)頁教學(xué);課程探索

一、對(duì)該門課程的簡單論述

“網(wǎng)頁制作與設(shè)計(jì)課程”的先修課程《計(jì)算機(jī)文化基礎(chǔ)》，后續(xù)課程是《ASP、NET程序設(shè)計(jì)》。因此，它是一門承上啟下的課程。學(xué)習(xí)的過程是循序漸進(jìn)的，前期打下良好的基礎(chǔ)可以為后期的學(xué)習(xí)鋪磚引路，而且它是一門重要的專業(yè)課程，目的在于培養(yǎng)今后從事小學(xué)信息技術(shù)教學(xué)和學(xué)校信息化教育教學(xué)的管理者和維護(hù)者，從事網(wǎng)站建設(shè)相關(guān)的工作。它要求學(xué)生了解網(wǎng)站和網(wǎng)頁的本質(zhì)，理解網(wǎng)站建設(shè)基本工作流程并熟練掌握網(wǎng)頁制作工具軟件的使用，例如Dreamweaver軟件、HTML和CSS等技術(shù)。學(xué)習(xí)該門課程知識(shí)面是必須的，但是還要求學(xué)習(xí)者有能力和綜合素質(zhì)，所謂的能力大致指能夠合理規(guī)劃主題網(wǎng)站以及進(jìn)行團(tuán)隊(duì)合作完成任務(wù)等，并且要求學(xué)生具有分析問題和解決問題的素質(zhì)。

二、對(duì)該門課程教學(xué)思路的轉(zhuǎn)變

1.理論與實(shí)踐相結(jié)合擴(kuò)展素質(zhì)。眾所周知，計(jì)算機(jī)是一門動(dòng)手能力要去較高的學(xué)科，過去的課堂要求老師手把手教學(xué)帶動(dòng)學(xué)生，而且教師上課大部分講的都是理論知識(shí)，內(nèi)容顯得過于空乏，扼殺了學(xué)生的學(xué)習(xí)興趣。但是隨著互聯(lián)網(wǎng)及計(jì)算機(jī)技術(shù)的普及，大部分高校目前都可以維持“一人一機(jī)”的局面，在教學(xué)過程中，不應(yīng)是教師一個(gè)人的舞臺(tái)，教師因鼓勵(lì)學(xué)生放心大膽的去創(chuàng)新，大刀闊斧的實(shí)施自己的想法，例如在“網(wǎng)頁設(shè)計(jì)”的實(shí)踐課中要求建設(shè)自己的專屬網(wǎng)站，不同的同學(xué)他們的想法肯定是不同的。這時(shí)教師因當(dāng)向同學(xué)提供幫助，詢問他們的想法，給予援手完成他們的設(shè)計(jì)。也可讓學(xué)生們成立興趣小組，通常以2人或者3人為一組進(jìn)行課程實(shí)踐，這樣不僅有助于培養(yǎng)他們的動(dòng)手能力，更有利于養(yǎng)成互幫互助的好習(xí)慣。2.培養(yǎng)學(xué)生養(yǎng)成終身學(xué)習(xí)的好習(xí)慣。“網(wǎng)頁設(shè)計(jì)與制作”是一門生活中的學(xué)科，處于信息時(shí)代的浪潮之中，信息不斷的交替，學(xué)習(xí)范圍日新月異。尤其是計(jì)算機(jī)學(xué)科，與生活息息相關(guān)，網(wǎng)上購物、上網(wǎng)沖浪、瀏覽文件，都離不開互聯(lián)網(wǎng)的功勞。當(dāng)前的大型公司，如淘寶、京東、蘇寧等，也都推出了自己的網(wǎng)上平臺(tái)。學(xué)生的眼光應(yīng)當(dāng)放長遠(yuǎn)些，學(xué)習(xí)這門學(xué)科，應(yīng)當(dāng)了解該學(xué)科的就業(yè)形勢，清楚的了解到自己以后可以干什么，從事哪一行業(yè)。教師也應(yīng)當(dāng)在學(xué)習(xí)過程中給學(xué)生講一些自己對(duì)該門課程發(fā)展前景的看法，給學(xué)生提出一些建議，學(xué)生在了解到自己的目標(biāo)后，應(yīng)當(dāng)會(huì)更加奮發(fā)努力地向著未來的方向前進(jìn)。互聯(lián)網(wǎng)時(shí)代，只有養(yǎng)成終身學(xué)習(xí)的好習(xí)慣，不斷擴(kuò)充自己對(duì)于“網(wǎng)頁設(shè)計(jì)與制作”課程的理解及知識(shí)，才能免于被時(shí)代淘汰。

三、教學(xué)方式的改進(jìn)

1.多媒體教學(xué)傳遞信息時(shí)代。“網(wǎng)頁設(shè)計(jì)與制作”作為新時(shí)代的新興學(xué)科，不應(yīng)該只利用傳統(tǒng)的書本教學(xué)方式，而應(yīng)該利用多媒體技術(shù)提供最新的“網(wǎng)頁設(shè)計(jì)”信息來給學(xué)生觀看，并且多媒體教學(xué)利用它獨(dú)特的放映式方法能讓學(xué)生清楚的看到網(wǎng)頁制作的過程，很好與這門課程嵌合。遠(yuǎn)程教育的發(fā)達(dá)也使學(xué)生的學(xué)習(xí)不必拘泥于課堂，只需要一部手機(jī)或者一臺(tái)電腦，學(xué)生便可自主學(xué)習(xí)。2.學(xué)生考核方式仍需改進(jìn)。該門課程的考核方式有多項(xiàng)內(nèi)容組成，由平時(shí)成績(15%左右)、作品(35%左右)、期末筆試(35%左右)、上機(jī)操作測試(15%左右)等項(xiàng)目組成，其中綜合實(shí)訓(xùn)內(nèi)容主題網(wǎng)站的建設(shè)是重要的評(píng)價(jià)項(xiàng)目。作為一門實(shí)踐性學(xué)科，上機(jī)操作測試的分?jǐn)?shù)應(yīng)該向上提升一些，教師也可以推出一些加分項(xiàng)目，例如舉辦幾次“網(wǎng)頁設(shè)計(jì)創(chuàng)新大賽”，對(duì)于獲獎(jiǎng)的優(yōu)勝者給予加分鼓勵(lì)，更能提升學(xué)生的積極性。3.校企合作辦學(xué)創(chuàng)“共贏”。在校學(xué)生在學(xué)校學(xué)的內(nèi)容畢竟有限，“網(wǎng)頁設(shè)計(jì)與制作”課程的規(guī)劃要求證明了他的實(shí)用性，如果學(xué)習(xí)不能為工作所用，就難以適應(yīng)以后社會(huì)對(duì)該門課程人才的需求。建議學(xué)校找相關(guān)企業(yè)合作，給學(xué)生提供學(xué)習(xí)機(jī)會(huì)，把去企業(yè)參加實(shí)訓(xùn)也視為一項(xiàng)重要的考核內(nèi)容。對(duì)于平時(shí)課堂學(xué)習(xí)表現(xiàn)優(yōu)異者，提供去知名網(wǎng)絡(luò)企業(yè)學(xué)習(xí)交流的機(jī)會(huì)。讓學(xué)生自己通過對(duì)這門課程的理解，面向真正的社會(huì)，能提高他的交往與合作能力、溝通過能力、創(chuàng)新實(shí)踐能力，走向真正成才之路。

四、總結(jié)

“網(wǎng)頁設(shè)計(jì)與制作”這門課是信息時(shí)代化的產(chǎn)物，與現(xiàn)實(shí)生活脫節(jié)必然導(dǎo)致的教育的失敗。提高教學(xué)質(zhì)量，必須改善教育結(jié)構(gòu)、教學(xué)方法與思路。想學(xué)生所想、思學(xué)生所思，從這門課的教育意義出發(fā)，要培養(yǎng)高素質(zhì)的人才，就必須得提供一個(gè)有利于學(xué)生成長的平臺(tái)。提高高效的學(xué)習(xí)方法和鞏固實(shí)訓(xùn)在該門學(xué)科的地位，必然給“網(wǎng)頁設(shè)計(jì)與制作”課程教育帶來一個(gè)更大的舞臺(tái)。

參考文獻(xiàn)：

[1]歐陽煒昊,吳振峰,羅卓君.基于工作過程導(dǎo)向的“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)改革研究[J].計(jì)算機(jī)教育,2010(4).

[2]向劍平.計(jì)算機(jī)基礎(chǔ)課程體系的研究和探索[J].遵義師范學(xué)院學(xué)報(bào),2008(1).

第5篇：網(wǎng)頁設(shè)計(jì)與制作范文

筆者總結(jié)幾年的課堂教學(xué)經(jīng)驗(yàn)，得出幾點(diǎn)傳統(tǒng)教學(xué)的不足：第一，課程理論教學(xué)方面，因?yàn)閷W(xué)生均為非計(jì)算機(jī)專業(yè)學(xué)生，沒有相關(guān)的項(xiàng)目實(shí)戰(zhàn)背景，在學(xué)習(xí)理論時(shí)普遍感覺概念抽象，難以理解。學(xué)生不是在實(shí)際需求的驅(qū)動(dòng)下去學(xué)習(xí)理解相關(guān)概念，而是為了掌握概念而學(xué)習(xí)概念，由于理解層面的欠缺，雖然“掌握”了概念本身，但是很難學(xué)以致用。另外，理論學(xué)習(xí)的過程枯燥乏味，加之學(xué)生無法體會(huì)理論的用處，從而使得其學(xué)習(xí)處于被動(dòng)狀態(tài)。第二，課程實(shí)驗(yàn)教學(xué)方面，由于學(xué)生被枯燥的理論學(xué)習(xí)搞得身心疲憊，加之理解不全面、缺乏興趣、沒有實(shí)驗(yàn)的目標(biāo)和方向，更沒有意識(shí)到網(wǎng)頁設(shè)計(jì)與制作學(xué)習(xí)過程中上機(jī)實(shí)驗(yàn)的重要性，因此上機(jī)實(shí)驗(yàn)效率較差，實(shí)驗(yàn)沒有主動(dòng)性，沒有合理規(guī)劃。而實(shí)驗(yàn)內(nèi)容也因?yàn)槿狈π乱?，缺乏刺激學(xué)生的興趣點(diǎn)的舉措，失去了提高學(xué)生學(xué)習(xí)能力的輔助作用。第三，傳統(tǒng)的教學(xué)模式下一般都是第一環(huán)節(jié)介紹網(wǎng)站基礎(chǔ)知識(shí)，第二環(huán)節(jié)講解Photoshop、Flash、Dreamweaver等軟件，第三環(huán)節(jié)再講解綜合案例，將上述各軟件綜合組織起來制作完整的網(wǎng)站系統(tǒng)。這種方式在前三個(gè)環(huán)節(jié)中都是孤立地介紹本部分內(nèi)容，學(xué)生學(xué)習(xí)起來沒有明確的目標(biāo)性，對(duì)于未來自己在制作網(wǎng)頁過程中到底需要掌握哪些操作技巧沒有頭緒，也就是說學(xué)生在學(xué)習(xí)絕大部分時(shí)間里，沒有明確的目標(biāo)，沒有直觀的感受，這對(duì)于學(xué)生的學(xué)習(xí)主動(dòng)性和興趣的培養(yǎng)是非常不利的。

2從“宏觀”到“微觀”的教學(xué)新模式的實(shí)施

在教師引導(dǎo)下，學(xué)生自主選擇能力所及的專題，采用從“宏觀”到“微觀”的方法去逐步完成自己的網(wǎng)站系統(tǒng)。在這種教學(xué)模式中，充分發(fā)揮主動(dòng)性和創(chuàng)造性，通過查閱資料、調(diào)查來獲取素材，對(duì)素材進(jìn)行分析、討論、加工處理并最終得到符合自己要求的素材，以備使用。在這種教學(xué)模式中，更為重要的是教學(xué)次序的精心安排，重塑網(wǎng)站開發(fā)的“原生態(tài)”流程。通過該教學(xué)模式的教學(xué)，學(xué)生可以從宏觀上了解網(wǎng)站制作的全過程，目的性明確，努力的目標(biāo)也是明確，提高其分析問題、解決問題的能力，在實(shí)踐中充分體驗(yàn)學(xué)習(xí)、創(chuàng)造和獲取成功的愉悅，進(jìn)一步促進(jìn)他們更加積極主動(dòng)地學(xué)習(xí)知識(shí)、探究問題、深入思考和追求真理的信心。對(duì)于大學(xué)教育而言，積極研究開發(fā)研究型課程，并在教學(xué)實(shí)踐中鼓勵(lì)運(yùn)用研究型學(xué)習(xí)的方法，是培養(yǎng)研究型人才的可行途徑之一。

2.1網(wǎng)站開發(fā)的“原生態(tài)”流程

即需求分析、欄目規(guī)劃、繪制草圖、收集制作圖像類素材、設(shè)計(jì)首頁平面圖、首頁平面設(shè)計(jì)圖切片、制作靜態(tài)頁面、充實(shí)首頁頁面內(nèi)容，制作二級(jí)頁面模板、利用模板制作各個(gè)二級(jí)頁面、充實(shí)二級(jí)頁面內(nèi)容、測試網(wǎng)站。讓非計(jì)算機(jī)專業(yè)學(xué)生以計(jì)算機(jī)專業(yè)學(xué)生的思維模式去開發(fā)網(wǎng)站系統(tǒng)，以網(wǎng)站開發(fā)的“原生態(tài)”流程去學(xué)習(xí)開發(fā)網(wǎng)站無疑是一項(xiàng)扭轉(zhuǎn)以往學(xué)生學(xué)習(xí)被動(dòng)性的有效舉措，讓學(xué)生在學(xué)習(xí)的每個(gè)環(huán)節(jié)中都有目的性、方向性，不是被動(dòng)地接受，而是積極主動(dòng)地學(xué)習(xí)所需知識(shí)點(diǎn)和操作技能，從“宏觀”到“微觀”地逐步提高制作自己網(wǎng)站系統(tǒng)所需的理論知識(shí)和操作技能。

2.2前導(dǎo)式案例式教學(xué)

案例教學(xué)法已成為一種較為成功的教學(xué)方法。傳統(tǒng)的案例式教學(xué)一般是先講述基本概念、原理，再給出有關(guān)的典型事例加深理解，從而一目了然地幫助學(xué)習(xí)者建立相關(guān)的圖式。研究型教學(xué)模式提倡在學(xué)習(xí)理論之前給學(xué)生充分的思考空間，只有真正經(jīng)過研究的問題，學(xué)生在學(xué)習(xí)過程中才能掌握好，記得牢。將往屆學(xué)生的成功案例展示給學(xué)生，讓學(xué)生接觸到實(shí)實(shí)在在的東西，從而對(duì)要制作的網(wǎng)站系統(tǒng)有總體上的把握，讓學(xué)生觀察各級(jí)頁面組成，適時(shí)提出問題，例如如何將各級(jí)頁面有機(jī)地組成網(wǎng)站系統(tǒng)，網(wǎng)頁布局如何實(shí)現(xiàn)等。當(dāng)然往屆學(xué)生的案例可能會(huì)有一些缺陷，但是較之設(shè)計(jì)完整、功能完善的大型網(wǎng)站，這些小網(wǎng)站更能引起學(xué)生的學(xué)習(xí)興趣，激發(fā)他們的學(xué)習(xí)熱情。通過演示案例，簡單介紹網(wǎng)站系統(tǒng)制作流程，使用相關(guān)軟件的功能，讓學(xué)生有個(gè)總體上的把握，為后續(xù)分模塊詳細(xì)介紹案例打好基礎(chǔ)。通過第一次課中的案例引出為什么要學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)與制作》這門課，學(xué)習(xí)了這門課能干什么事情，并且把案例中的知識(shí)重點(diǎn)分散到各個(gè)章節(jié)中去，讓學(xué)生了解《網(wǎng)頁設(shè)計(jì)與制作》各章節(jié)的連貫性，能夠全局把握本書的內(nèi)容，做到有目的地主動(dòng)地學(xué)習(xí)。

3結(jié)束語

第6篇：網(wǎng)頁設(shè)計(jì)與制作范文

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)與制作；應(yīng)用人才；課程改革；課程優(yōu)化

1課程的現(xiàn)狀與存在的問題

“網(wǎng)頁設(shè)計(jì)與制作”課程是計(jì)算機(jī)類專業(yè)的應(yīng)用型課程，這門課程相對(duì)于其他課程來說，無論是在教學(xué)內(nèi)容還是教學(xué)方法上都有其特殊之處。它集知識(shí)和技能于一體，具有很強(qiáng)的實(shí)踐操作性。它能教學(xué)生做出內(nèi)容豐富多彩的網(wǎng)頁，從而得到學(xué)生的喜愛，激發(fā)學(xué)生的學(xué)習(xí)興趣；但又因?yàn)樯婕暗闹R(shí)面廣、軟件技術(shù)更新快，又會(huì)讓學(xué)生感到迷茫。目前該課程主要存在以下幾個(gè)方面的問題:一是教學(xué)內(nèi)容陳舊。網(wǎng)頁制作技術(shù)發(fā)展很快，而大部分的教材還在講授網(wǎng)頁三劍客，學(xué)生所學(xué)的知識(shí)跟公司的實(shí)際應(yīng)用有脫軌，不利培養(yǎng)應(yīng)用型人才的實(shí)用性；其次，教師的主導(dǎo)性與學(xué)生的主體性之間的矛盾。傳統(tǒng)的以教師為主體的教學(xué)，都是以學(xué)生被動(dòng)地聽課記筆記為主，缺乏探究思考與實(shí)踐的機(jī)會(huì)，不能充分發(fā)揮學(xué)生學(xué)習(xí)的主動(dòng)性，不利于應(yīng)用型人才的創(chuàng)新能力的培養(yǎng)；第三，單一的評(píng)價(jià)方式與素質(zhì)培養(yǎng)目標(biāo)之間的矛盾，以筆試為主的傳統(tǒng)考核方式，形式過于單一，不能客觀地衡量學(xué)生的綜合水平，不利于應(yīng)用型人才的綜合素質(zhì)的培養(yǎng)。應(yīng)用型人才培養(yǎng)的定位為基礎(chǔ)理論扎實(shí)夠用，實(shí)踐創(chuàng)新能力強(qiáng)，綜合素質(zhì)高的高級(jí)應(yīng)用型技術(shù)人才。最終的目標(biāo)是學(xué)生畢業(yè)后能適應(yīng)工作崗位，具有解決實(shí)際工作問題的能力，因此如何讓學(xué)生掌握實(shí)用的網(wǎng)頁制作的知識(shí)和技能，需要在理論教學(xué)、實(shí)踐教學(xué)、課程設(shè)計(jì)、考核方式等多方面進(jìn)行創(chuàng)新，這是文章要研究的主要問題。

2網(wǎng)頁設(shè)計(jì)與制作課程體系的優(yōu)化

以培養(yǎng)應(yīng)用型人才為指導(dǎo)思想，使學(xué)生在校所學(xué)與實(shí)際應(yīng)用銜接，對(duì)課程的教學(xué)內(nèi)容進(jìn)行增減整合，整個(gè)課程分為5個(gè)部分，一共72學(xué)時(shí)。以HTML語言為基礎(chǔ)，以DeamWeaver為工具，突出css和javascript為教學(xué)重點(diǎn)。在這里，大幅削減了dw的教學(xué)內(nèi)容，只把它當(dāng)作一個(gè)編寫html和css代碼的可視化開發(fā)工具來使用，具體學(xué)時(shí)安排如表1所示。

3改進(jìn)教學(xué)方法，采用多種模式進(jìn)行教學(xué)

3.1使用屏幕錄像軟件對(duì)講課內(nèi)容進(jìn)行錄制，讓學(xué)生課后回顧學(xué)習(xí)

該課程是一門操作性很強(qiáng)的課程，一般在多媒體教室或機(jī)房授課，老師先講解演示，學(xué)生進(jìn)行驗(yàn)證練習(xí)。操作性的東西很難完全記住，因此建議采用屏幕錄像軟件，對(duì)老師的授課進(jìn)行全程錄制，學(xué)生在課后的練習(xí)中根據(jù)老師所講進(jìn)行操作，很方便對(duì)知識(shí)進(jìn)行了驗(yàn)證，并完全掌握。

3.2把實(shí)用技術(shù)作為重點(diǎn)

理論知識(shí)以夠用為原則，加大實(shí)踐教學(xué)。要求把課程內(nèi)容基礎(chǔ)性和先進(jìn)性關(guān)系處理得當(dāng)。在授課過程，不要面面俱到，重點(diǎn)放在關(guān)鍵技術(shù)的講解上。在整個(gè)的課程安排上，每一系列完整的知識(shí)點(diǎn)后都設(shè)有專項(xiàng)的實(shí)踐題目，每個(gè)模塊設(shè)有綜合應(yīng)用的實(shí)踐題目，課程結(jié)束后，還要安排一周的課程設(shè)計(jì)。通過這種分層次的綜合性項(xiàng)目的訓(xùn)練，讓學(xué)生能熟練掌握網(wǎng)頁設(shè)計(jì)與制作的相關(guān)知識(shí)及操作。

3.3采用任務(wù)驅(qū)動(dòng)法進(jìn)行教學(xué)

基于該課程忽悠技術(shù)性和實(shí)踐性相結(jié)合的特點(diǎn)，適合采用任務(wù)驅(qū)動(dòng)法進(jìn)行教學(xué)，任務(wù)驅(qū)動(dòng)教學(xué)法就是讓學(xué)生在一個(gè)典型的任務(wù)驅(qū)動(dòng)下展開教學(xué)活動(dòng)，從網(wǎng)頁設(shè)計(jì)實(shí)際工作過程出發(fā)，教師通過精心設(shè)計(jì)一個(gè)綜合案例，盡量將所有章節(jié)的知識(shí)點(diǎn)涵蓋進(jìn)去，在教學(xué)過程中不斷地運(yùn)用“新任務(wù)”來引導(dǎo)學(xué)生學(xué)習(xí)，并按照上面所述的模塊化教學(xué)內(nèi)容，層層深入學(xué)習(xí)，教師邊實(shí)際操作邊講解涉及的新知識(shí)，以前學(xué)過的舊知識(shí)也在這一過程中得以鞏固。任務(wù)驅(qū)動(dòng)法不同于簡單的案例教學(xué)，它是采用項(xiàng)目化教學(xué)方式，即教師不是圍繞知識(shí)點(diǎn)去設(shè)計(jì)每個(gè)單獨(dú)的案例，而是針對(duì)整個(gè)課程設(shè)計(jì)一個(gè)貫穿項(xiàng)目，這個(gè)貫穿項(xiàng)目由若干模塊組成，并能夠覆蓋課程的所有理論知識(shí)。

3.4以學(xué)生為主導(dǎo)，激發(fā)學(xué)生學(xué)習(xí)的積極性，從被動(dòng)學(xué)習(xí)變成主動(dòng)學(xué)習(xí)

網(wǎng)頁前端的技術(shù)發(fā)展很快，專業(yè)技術(shù)人員要具備知識(shí)的自我更新能力，培養(yǎng)興趣，學(xué)會(huì)學(xué)習(xí)，學(xué)會(huì)解決問題，比單獨(dú)的傳授知識(shí)更重要。在整個(gè)教學(xué)過程中，要以激發(fā)學(xué)生學(xué)習(xí)興趣為目標(biāo)，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)。可以采用的方法有：案例的趣味性，老師授課語言的幽默性，作品展示的成果性，項(xiàng)目合作的團(tuán)結(jié)性，網(wǎng)絡(luò)資源的自主學(xué)習(xí)等，都可以很大程度上提高了學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)興趣。把“要我學(xué)”變成“我要學(xué)”，從而使學(xué)生成為教與學(xué)的主體。

4開辟第二課堂，加強(qiáng)實(shí)踐教學(xué)

在應(yīng)用型人才培養(yǎng)中，特別注重實(shí)踐教學(xué)環(huán)節(jié)。該課程的實(shí)踐教學(xué)占很大的比重，除常規(guī)的上機(jī)實(shí)踐、期末的課程設(shè)計(jì)等實(shí)踐教學(xué)活動(dòng)外，還開辟了第二課堂。主要有成立各類興趣小組、創(chuàng)新工作室；由老師引入企業(yè)項(xiàng)目，學(xué)生自我選擇加入，由專業(yè)老師及企業(yè)導(dǎo)師指導(dǎo)，在這里學(xué)生可以分模塊完成項(xiàng)目任務(wù)，互相交流學(xué)習(xí)經(jīng)驗(yàn)、相互解答問題，協(xié)和合作完成項(xiàng)目。另外人們每年都組織學(xué)生參加省大學(xué)生網(wǎng)頁設(shè)計(jì)大賽乃至全國大學(xué)生網(wǎng)頁設(shè)計(jì)大賽，通過競賽，提高學(xué)生綜合運(yùn)用知識(shí)的能力。在應(yīng)用型人才培養(yǎng)教學(xué)計(jì)劃的修訂中，明確指出，競賽、創(chuàng)新活動(dòng)等獲獎(jiǎng)可以抵免學(xué)分，學(xué)校也加大了這方面的獎(jiǎng)勵(lì)力度。因此開辟第二課堂，形成一種以競賽促進(jìn)教學(xué)，教學(xué)服務(wù)于競賽的局面，對(duì)培養(yǎng)學(xué)生的創(chuàng)新能力，提高學(xué)生的學(xué)習(xí)的積極性和主動(dòng)性有很好的促進(jìn)作用。

5綜合全面地評(píng)價(jià)學(xué)生

對(duì)學(xué)生的學(xué)習(xí)成果的評(píng)價(jià)不能只看筆試分?jǐn)?shù)，由于該課程的特殊性，能綜合運(yùn)用各種技術(shù)制作出一個(gè)漂亮的網(wǎng)頁，具有團(tuán)隊(duì)合作精神，能對(duì)別人制作的網(wǎng)頁作出自己客觀的有建設(shè)性的評(píng)析遠(yuǎn)比具體的分?jǐn)?shù)來得重要。把期末筆試的成績降到40%，課程設(shè)計(jì)期末作品的分值提高到30%，同時(shí)，競賽成績納入考核范圍。這種評(píng)價(jià)體系促使學(xué)生往應(yīng)用型、創(chuàng)新型方向發(fā)展，而不是死記硬背的讀書，而且學(xué)生的學(xué)習(xí)成果得到教師和周圍同學(xué)的肯定，同時(shí)在參與企業(yè)項(xiàng)目中收獲經(jīng)驗(yàn)和成果也是學(xué)生能持續(xù)主動(dòng)學(xué)習(xí)最強(qiáng)大的內(nèi)在驅(qū)動(dòng)力。

6結(jié)語

基于該門課的特點(diǎn)，文章制定了以突出應(yīng)用能力的培養(yǎng)，提高學(xué)生的職業(yè)適應(yīng)能力的方針，在課程體系結(jié)構(gòu)，教學(xué)方法、實(shí)驗(yàn)實(shí)訓(xùn)、考核方式等多方面進(jìn)行進(jìn)行了深入的研究和探索。并在實(shí)際教學(xué)中使用，取得了不錯(cuò)的成果。實(shí)踐證明，任務(wù)式教學(xué)方法，第二學(xué)習(xí)課堂的開辟極大地激發(fā)了學(xué)生的學(xué)習(xí)熱情，教學(xué)效果顯著改善，教師的學(xué)科水平也得到了提高，促進(jìn)了該門課程的規(guī)范化和系統(tǒng)化，符合應(yīng)用型人才培養(yǎng)的目標(biāo)。

[參考文獻(xiàn)]

[1]趙翠榮.應(yīng)用型民辦本科院?！熬W(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)改革研究[J].佳木斯教育學(xué)院學(xué)報(bào)，2014（8）：163.

[2]趙玲玲，朱美潔，李招弟.應(yīng)用型本科專業(yè)網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革研究[J].北京城市學(xué)院學(xué)報(bào)，2013（2）：52-55.

[3]黃超.試論《網(wǎng)頁效果圖制作及欣賞》課程教學(xué)內(nèi)容改革及考試方案[J].職業(yè)技術(shù)，2010（4）：41.

第7篇：網(wǎng)頁設(shè)計(jì)與制作范文

伴隨著信息網(wǎng)絡(luò)技術(shù)的發(fā)展，人類已經(jīng)進(jìn)入信息時(shí)代。人們的各項(xiàng)工作都離不開網(wǎng)絡(luò)。企業(yè)網(wǎng)是展示企業(yè)形象的重要窗口，是傳播企業(yè)文化、企業(yè)信息、輔助業(yè)務(wù)辦公、服務(wù)生產(chǎn)經(jīng)營的重要手段。本文介紹了企業(yè)網(wǎng)的搭建過程和幾個(gè)重要網(wǎng)頁部件的功能。

關(guān)鍵詞：

靜態(tài)網(wǎng)頁；Sharepoint2010；Web部件

1.靜態(tài)網(wǎng)頁概述

所謂的網(wǎng)頁就是在瀏覽器上看到的一幅幅畫面，又稱web頁，實(shí)際上它是一個(gè)文件，存放在和internet相連的某個(gè)服務(wù)器上。而靜態(tài)網(wǎng)頁指的是網(wǎng)頁內(nèi)容固定不變，當(dāng)瀏覽者通過互聯(lián)網(wǎng)的和channelfoot.html文件內(nèi)。網(wǎng)頁的頁頭和頁腳就制作好了。在網(wǎng)頁中部添加需要的取靜態(tài)頁面（帶宏替換）Web部件和新聞列表Web部件，配置部件屬性，指定路徑到對(duì)應(yīng)的html文件。頁面保存并，這樣一個(gè)網(wǎng)頁就搭建好了。

3.常用部件簡單說明

(1)取靜態(tài)頁面（帶宏替換）Web部件。取靜態(tài)頁面（帶宏替換）Web部件可將靜態(tài)文件中的代碼整合到頁面指定位置，用于制作靜態(tài)內(nèi)容。用SharePointDesigner2010打開站點(diǎn)，選擇左側(cè)菜單中所有文件，點(diǎn)擊_EX_STATICPAGES_，在文檔庫區(qū)域中右鍵新HTML，修改文件名為英文字符即可。右鍵靜態(tài)文件，選擇打開，將靜態(tài)代碼添加進(jìn)去，保存關(guān)閉即可。添加的靜態(tài)代碼為HTML代碼片段，原則上不允許向其中添加<html><head><body>等網(wǎng)頁結(jié)構(gòu)標(biāo)簽或聲明語句。代碼片段中僅填寫結(jié)構(gòu)代碼，建議將樣式、圖片等資源放置在站點(diǎn)PageAssets的對(duì)應(yīng)文件或文件夾中，如Styles中的page.css，Images文件夾等。進(jìn)入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。如下圖：如果引用其他站點(diǎn)中的靜態(tài)文件，點(diǎn)擊文本框右側(cè)的藍(lán)色區(qū)域，彈出文本編輯器，在其中添加引用靜態(tài)文件的絕對(duì)或相對(duì)地址。保存部件配置，保存頁面，即可看到靜態(tài)內(nèi)容替換效果。(2)新聞列表Web部件。新聞列表Web部件實(shí)現(xiàn)動(dòng)態(tài)讀取指定新聞?lì)l道內(nèi)的新聞并以列表形式在頁面中展示。添加新聞列表WEB部件方法同內(nèi)容編輯器WEB部件。點(diǎn)開“新聞列表”右側(cè)下拉箭頭，選擇編輯web部件。新聞列表Web部件包括內(nèi)容設(shè)置、顯示設(shè)置、篩選和排序、圖片新聞顯示設(shè)置等7類屬性。設(shè)置好相應(yīng)的屬性，就可以顯示對(duì)應(yīng)的新聞欄目了。(3)IP過濾Web部件。我們可以采用兩種方式控制用戶對(duì)網(wǎng)站中某項(xiàng)內(nèi)容的訪問：權(quán)限管理或訪問IP限制。權(quán)限管理的控制最為準(zhǔn)確，因?yàn)榫W(wǎng)站使用用戶的賬號(hào)來辨別其是否有權(quán)限打開受限內(nèi)容。但在面對(duì)“我希望本單位所有的員工都有權(quán)訪問這個(gè)頁面”這樣的需求描述時(shí)，用給帳號(hào)授權(quán)的方式去控制訪問就變得有些困難，所以我們把它改造為“我希望在本單位內(nèi)可以上網(wǎng)的電腦都有權(quán)訪問這個(gè)頁面”，這個(gè)時(shí)候用IP地址進(jìn)行辨別就派上了用場。IP過濾Web部件通過對(duì)客戶端的IP地址進(jìn)行辨別，判斷用戶是否打開這個(gè)頁面，更加適用于一種面向“結(jié)構(gòu)”的訪問約束。所謂面向的“結(jié)構(gòu)”，如一個(gè)部門、一個(gè)單位、眾多組織，或如上面所提到的，一個(gè)邊界十分清晰的空間。我們所要準(zhǔn)備的東西只是拿到“結(jié)構(gòu)”內(nèi)的IP地址分配情況，開始配置。IP過濾Web部件只能在內(nèi)網(wǎng)中使用，只能拖拽到Web部件頁中。進(jìn)入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。布局中勾選“隱藏”。自定義屬性中的參數(shù)“允許的IP范圍”填寫可訪問頁面的IP段，IP段一定要有頭有尾，中間用“-”連接，IP段和IP段之間用分號(hào)隔開，最后一個(gè)IP段后不再使用分號(hào)。這樣就設(shè)定了兩個(gè)IP段可以訪問，其它地址的電腦無法訪問網(wǎng)頁。

4.結(jié)束語

全球性的網(wǎng)絡(luò)化、信息化進(jìn)程正改變著人們的工作方式。Internet技術(shù)的應(yīng)用為人們帶來了極大的方便。網(wǎng)絡(luò)辦公已經(jīng)深入到了企業(yè)的各個(gè)角落?，F(xiàn)在的企業(yè)網(wǎng)功能豐富，為人們的工作提供了便利。

【參考文獻(xiàn)】

[1]唐永明.淺議網(wǎng)頁設(shè)計(jì)與制作.科技信息,2009年第20期.

[2]詹青龍,郭永燦.網(wǎng)頁設(shè)計(jì)與制作,清華大學(xué)出版社,2010年.

第8篇：網(wǎng)頁設(shè)計(jì)與制作范文

1.1教學(xué)內(nèi)容陳舊，難以引起學(xué)生的興趣

很多教材都是先介紹理論然后配以實(shí)踐，按部就班，雖然可以滿足教學(xué)的基本需要，但是選取的實(shí)例內(nèi)容陳舊，難以激發(fā)學(xué)生的熱情，學(xué)生提不起學(xué)習(xí)的興趣。另外，計(jì)算機(jī)軟件更新迅速，往往學(xué)的是一個(gè)版本，市場上流行的又是另一個(gè)版本，跟不上市場發(fā)展的節(jié)奏。

1.2學(xué)生缺乏團(tuán)隊(duì)合作意識(shí)

現(xiàn)在大多數(shù)學(xué)生都是獨(dú)生子女，習(xí)慣以個(gè)體為中心，合作和分享意識(shí)差。實(shí)踐課雖然已分組，但是遇到問題不溝通，不討論，整個(gè)小組中經(jīng)常只有一兩名同學(xué)切實(shí)的完成任務(wù)，其余同學(xué)觀望或不配合，分工協(xié)作能力較差。

1.3考核方式單一

對(duì)于《網(wǎng)頁設(shè)計(jì)與制作》這類實(shí)踐性強(qiáng)的課程，以往的卷面或小作業(yè)的方式顯然達(dá)不到考核的目標(biāo)要求。發(fā)掘并創(chuàng)新多樣式的考核方式，著重考核學(xué)生的實(shí)踐動(dòng)手能力和創(chuàng)新能力才能滿足社會(huì)的需求。

2.以賽促學(xué)教學(xué)改革

2.1改革教學(xué)方法，采用項(xiàng)目教學(xué)法

項(xiàng)目教學(xué)法是以現(xiàn)實(shí)中的項(xiàng)目為主線，教師對(duì)項(xiàng)目進(jìn)行選擇和修改，以貼近學(xué)生生活為佳，并在多媒體教室演示項(xiàng)目中的部分實(shí)例。然后將學(xué)生分成若干小組，以小組為單位圍繞項(xiàng)目探討合作學(xué)習(xí)。最后以小組共同完成項(xiàng)目的實(shí)際情況來評(píng)價(jià)學(xué)生是否達(dá)到課程教學(xué)目標(biāo)的一種教學(xué)方式。教師選取項(xiàng)目的依據(jù)主要是課程教學(xué)大綱，項(xiàng)目內(nèi)容需涵蓋課程的基本知識(shí)點(diǎn)，難度最好由淺入深，符合學(xué)生學(xué)習(xí)的認(rèn)知規(guī)律。這樣才能調(diào)動(dòng)學(xué)生解決問題的積極性，否則學(xué)生會(huì)產(chǎn)生畏難情緒。實(shí)際教學(xué)過程中將幾個(gè)典型的大型項(xiàng)目貫穿整個(gè)教學(xué)，如旅游網(wǎng)站、購物網(wǎng)站等。然后將大項(xiàng)目分解為若干個(gè)子項(xiàng)目，降低學(xué)習(xí)的難度，讓小組成員采用分工合作的方式完成整個(gè)項(xiàng)目。此方法不僅能夠培養(yǎng)學(xué)生的實(shí)踐能力、協(xié)調(diào)能力和創(chuàng)新能力，還能開拓他們的思維，提高他們的自信心和成就感，是一種更適合高職教育的先進(jìn)的教學(xué)模式。

2.2以賽促學(xué)的具體實(shí)施步驟

2.2.1激發(fā)學(xué)生學(xué)習(xí)興趣

興趣可以催動(dòng)學(xué)生去創(chuàng)作，教師的職責(zé)就是盡可能以各種方式激發(fā)學(xué)生的興趣，比如將往屆學(xué)生的優(yōu)秀作品保留下來，第一節(jié)課給學(xué)生展示，讓他們覺得同等條件下通過認(rèn)真學(xué)習(xí)也可以自己動(dòng)手制作出優(yōu)秀的網(wǎng)頁?；蛘咚鸭瘒鴥?nèi)外優(yōu)秀的網(wǎng)站給學(xué)生欣賞，讓他們感受到視覺的沖擊，萌發(fā)創(chuàng)作的動(dòng)力。

2.2.2廣泛宣傳

以海報(bào)的形式或者發(fā)動(dòng)開設(shè)《網(wǎng)頁設(shè)計(jì)與制作》課程所在班級(jí)的輔導(dǎo)員或者教師在教學(xué)過程中向每位學(xué)生傳達(dá)專業(yè)競賽的作用及意義?，F(xiàn)在學(xué)院對(duì)專業(yè)競賽獲獎(jiǎng)?wù)叨加袑W(xué)分的獎(jiǎng)勵(lì)制度，同學(xué)們都愿意參與這類競賽。并且讓學(xué)生自己選擇喜歡的獎(jiǎng)品和獎(jiǎng)狀，滿足他們的需求，有了目標(biāo)后，學(xué)生的參與度明顯提高了。

2.2.3　制定賽制

分為個(gè)人賽或者團(tuán)體賽，可根據(jù)學(xué)生人數(shù)以及課程知識(shí)掌握程度進(jìn)行劃分。此次采用的是團(tuán)體賽，4－5名學(xué)生為一組，選出小組長。競賽分為初賽和決賽。初賽按照各班總?cè)藬?shù)的10％產(chǎn)生，然后進(jìn)入決賽，決賽選出一、二、三等獎(jiǎng)以及優(yōu)秀獎(jiǎng)，最后進(jìn)行表彰。

2.2.4多樣性的評(píng)委考核制度

初賽采用學(xué)生當(dāng)評(píng)委，評(píng)委人數(shù)按照班級(jí)總?cè)藬?shù)的20％推薦，需為該課程平時(shí)學(xué)習(xí)成績優(yōu)異者。另選出1名主持人及2名記分員。整個(gè)過程全由學(xué)生自主實(shí)行，任課教師全程監(jiān)控，充分發(fā)揮學(xué)生的主動(dòng)性，讓他們完全融入到比賽的所有環(huán)節(jié)。決賽采用專業(yè)教師當(dāng)評(píng)委，并組織所有參賽學(xué)生到現(xiàn)場觀摩。進(jìn)入決賽的各小組逐一展示并介紹自己的作品，尤其是特色之處，可以與大家分享制作經(jīng)驗(yàn)。在場學(xué)生也可針對(duì)作品提問，由展示者解答。評(píng)委教師根據(jù)評(píng)分標(biāo)準(zhǔn)以及展示情況現(xiàn)場打分，產(chǎn)生各獎(jiǎng)項(xiàng)并集中點(diǎn)評(píng)，肯定優(yōu)秀作品，同時(shí)也對(duì)學(xué)生提出更高要求和期望。

2.2.5發(fā)新聞稿

比賽結(jié)束后，及時(shí)在校園網(wǎng)上公開發(fā)表新聞，重點(diǎn)提及獲獎(jiǎng)學(xué)生姓名及所在班級(jí)，這樣不僅可以讓獲獎(jiǎng)學(xué)生擁有足夠的成就感和榮譽(yù)感，同時(shí)也激勵(lì)其他同學(xué)向獲獎(jiǎng)?wù)邆儗W(xué)習(xí)，從而形成良好的學(xué)習(xí)氛圍。

3.以賽促學(xué)的意義

3.1提高學(xué)習(xí)興趣，改善學(xué)習(xí)習(xí)慣

將傳統(tǒng)的、被動(dòng)的學(xué)習(xí)轉(zhuǎn)為主動(dòng)學(xué)習(xí)，學(xué)生思想上有了較大的轉(zhuǎn)變。一方面，有了競賽作為目標(biāo)，學(xué)生學(xué)習(xí)的動(dòng)力得到了明顯的提高；另一方面，通過互相展示，讓他們感覺學(xué)習(xí)不再僅僅只是聽從老師，孤單的學(xué)習(xí)，還可以同學(xué)之間相互討論，共同探討進(jìn)步，提高了學(xué)生的創(chuàng)新思維能力和協(xié)作能力。

3.2推動(dòng)教學(xué)改革

實(shí)現(xiàn)往常以教師為中心向以學(xué)生為中心的轉(zhuǎn)變，教師的角色由全面講授轉(zhuǎn)變?yōu)榻虒W(xué)的組織者和引導(dǎo)者。填鴨式的教學(xué)早已不能適應(yīng)市場需求，需要教師們不斷進(jìn)行教改，更新教學(xué)理念、教學(xué)內(nèi)容和教學(xué)方法，才能滿足人才培養(yǎng)的需要。

3.3豐富校園文化內(nèi)涵

計(jì)算機(jī)及相關(guān)專業(yè)的學(xué)生從配備電腦后，業(yè)余時(shí)間大多都在打游戲、網(wǎng)絡(luò)聊天等等，以至于荒廢學(xué)業(yè)。而競賽可以讓他們?nèi)计饘W(xué)習(xí)的興趣，主動(dòng)利用課余時(shí)間制作網(wǎng)頁，有的學(xué)生甚至連續(xù)幾天或幾個(gè)星期完成作品，徹底的從電腦游戲娛樂中解放出來。

3.4對(duì)教師提出更高的要求

項(xiàng)目教學(xué)法的實(shí)施需要教師有實(shí)際的項(xiàng)目經(jīng)歷，這就促使教師利用假期去企業(yè)或公司鍛煉，參與現(xiàn)實(shí)項(xiàng)目完整流程的實(shí)踐過程，提高自身專業(yè)水平能力，跟市場接軌。另外，競賽的策劃、組織和實(shí)施都由教師全程設(shè)計(jì)和監(jiān)控，對(duì)教師的教學(xué)管理、組織能力也提出了更高的要求。

4結(jié)語

第9篇：網(wǎng)頁設(shè)計(jì)與制作范文

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)與制作；教學(xué)平臺(tái)；FileZilla；配置文件；批量創(chuàng)建用戶

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2013）09-2135-04

網(wǎng)頁設(shè)計(jì)與制作是高等學(xué)校計(jì)算機(jī)基礎(chǔ)教育的主干課程之一，是覆蓋面較廣的一門實(shí)踐性非常強(qiáng)的計(jì)算機(jī)基礎(chǔ)課程。學(xué)生在課程中學(xué)習(xí)從網(wǎng)頁的制作到完整網(wǎng)站的建立的系統(tǒng)的內(nèi)容。教學(xué)過程中的重點(diǎn)一般放在網(wǎng)頁的制作這一階段，忽略了網(wǎng)站、網(wǎng)站展示的后一階段的過程，使得學(xué)生缺乏對(duì)創(chuàng)建網(wǎng)站的全面了解。我們通過FTP服務(wù)和Web服務(wù)的結(jié)合，建立了網(wǎng)頁設(shè)計(jì)與制作教學(xué)平臺(tái)，彌補(bǔ)了網(wǎng)站和網(wǎng)站展示環(huán)節(jié)的空缺，使得學(xué)生可以獲得創(chuàng)建網(wǎng)站的完整體驗(yàn)。同時(shí)，在這一過程中，通過開發(fā)相應(yīng)的擴(kuò)展程序，簡化了為大量學(xué)生創(chuàng)建教學(xué)環(huán)境的工作，使得教學(xué)工作能夠順利展開，在實(shí)際教學(xué)中取得了良好的效果。

1 網(wǎng)頁設(shè)計(jì)與制作教學(xué)平臺(tái)的框架

網(wǎng)頁設(shè)計(jì)與制作教學(xué)平臺(tái)通過提供一個(gè)真實(shí)的網(wǎng)站和展示的空間，使得學(xué)生能夠體會(huì)完整的網(wǎng)站的過程，從而獲得與實(shí)際接軌的實(shí)踐能力。我們使用FileZilla服務(wù)器作為學(xué)生上傳網(wǎng)站作品的FTP服務(wù)器。在FileZilla服務(wù)器上可以創(chuàng)建用戶，并可以給用戶分配主目錄，設(shè)置訪問權(quán)限。但是FileZilla本身不支持批量用戶的創(chuàng)建。我們?cè)贔ileZilla的基礎(chǔ)上，分析了FileZilla的配置文件的格式以及各參數(shù)的語義，開發(fā)了批量生成FTP用戶的擴(kuò)展程序。它能夠依據(jù)學(xué)生的學(xué)號(hào)，快速地在FileZilla中創(chuàng)建用戶，并為每個(gè)用戶在服務(wù)器上自動(dòng)生成對(duì)應(yīng)的根目錄。我們還開發(fā)了自動(dòng)生成學(xué)生網(wǎng)站作品展示界面的前端頁面生成器程序，從而使得學(xué)生能夠完整的體驗(yàn)網(wǎng)站的過程。

網(wǎng)頁設(shè)計(jì)與制作教學(xué)平臺(tái)的框架如圖 1所示。

其中各部分的功能如下：

FileZilla FTP服務(wù)器：負(fù)責(zé)接受用戶以FTP方式上傳的網(wǎng)站內(nèi)容。

Apache Web 服務(wù)器：負(fù)責(zé)把用戶上傳的網(wǎng)站內(nèi)容以WWW的形式向外。

存儲(chǔ)：負(fù)責(zé)存儲(chǔ)用戶上傳的網(wǎng)站內(nèi)容。FTP服務(wù)器和Web服務(wù)器共享相同的網(wǎng)站內(nèi)容空間。

FileZilla擴(kuò)展：負(fù)責(zé)批量地創(chuàng)建FTP用戶

前端頁面生成器：負(fù)責(zé)根據(jù)學(xué)生信息自動(dòng)創(chuàng)建學(xué)生作品的展示頁面。

2 FTP服務(wù)器平臺(tái)的建立

2.1 FileZilla的配置信息

FileZilla服務(wù)器使用“FileZilla Server.xml”作為它的配置文件，其中記錄了FileZilla的監(jiān)聽端口以及FileZilla的用戶信息等內(nèi)容。一個(gè)FileZilla用戶的配置信息大致如下：

其中各行配置的含義如下：

1：用戶user01的配置信息起始處

2：用戶的密碼

3：用戶所屬的組。同一組用戶擁有組的相同的配置，從而減少配置的工作量。

4-6：限制來自某些IP地址的用戶不能訪問服務(wù)器。

7：用戶的主目錄，即用戶登錄后進(jìn)入的目錄。

8：用戶讀文件的權(quán)限。如果值為1，則擁有讀文件的權(quán)限。

9：用戶寫文件的權(quán)限。如果值為1，則擁有寫文件的權(quán)限。

10：用戶刪除文件的權(quán)限。如果值為1，則擁有刪除文件的權(quán)限。

11：用戶追加文件的權(quán)限。如果值為1，則擁有追加文件的權(quán)限。

12：用戶創(chuàng)建文件夾的權(quán)限。如果值為1，則擁有創(chuàng)建文件夾的權(quán)限。

13：用戶刪除文件夾的權(quán)限。如果值為1，則擁有刪除文件夾的權(quán)限。

14：用戶列出文件夾的權(quán)限。如果值為1，則擁有列出文件夾的權(quán)限。

16：用戶user01的配置信息結(jié)束處

通過對(duì)FileZilla配置信息的解讀，為自動(dòng)建立配置信息文件奠定了基礎(chǔ)。

2.2 FileZilla擴(kuò)展的開發(fā)

我們使用開發(fā)了FileZilla批量用戶生成擴(kuò)展工具。通過循環(huán)讀取學(xué)生的學(xué)號(hào)，使用這一信息作為學(xué)生FileZilla服務(wù)器上的用戶名。根據(jù)2.1節(jié)的配置信息的含義，自動(dòng)為每個(gè)用戶生成相應(yīng)的配置信息。工具的使用界面如圖2所示。

當(dāng)點(diǎn)擊“生成配置信息”后，通過如下的代碼批量地生成所有用戶的配置信息。

2.3 用戶主目錄的自動(dòng)創(chuàng)建

根據(jù)學(xué)生的學(xué)號(hào)，我們開發(fā)了在服務(wù)器上自動(dòng)創(chuàng)建學(xué)生在FileZilla服務(wù)器上的根目錄的功能。

通過循環(huán)讀取學(xué)生的學(xué)號(hào)，使用“puter.FileSystem”對(duì)象在服務(wù)器上創(chuàng)建以學(xué)生的學(xué)號(hào)為文件夾名稱的學(xué)生在FileZilla服務(wù)器上的根目錄。

2.4 配置信息的生效

關(guān)于所有學(xué)生的配置信息生成后，通過先把“FileZilla服務(wù)”停止，然后把自動(dòng)生成的配置文件“FileZilla Server.xml”拷貝到FileZilla服務(wù)軟件所在的文件夾，并重新啟動(dòng)“FileZilla服務(wù)”，批量創(chuàng)建的用戶即可生效。

3 Web服務(wù)器平臺(tái)的建立

當(dāng)學(xué)生通過FTP客戶端使用自己的用戶名和密碼登錄FileZilla服務(wù)器并上傳網(wǎng)站作品后，需要通過Web服務(wù)把各個(gè)學(xué)生上傳的網(wǎng)站作品展示出來。我們把學(xué)生的主目錄映射到Web服務(wù)器Apache的虛擬目錄，并開發(fā)了自動(dòng)生成展示界面的前端頁面生成器程序。其中，為學(xué)生的每次上傳的作品生成對(duì)應(yīng)的通過Web服務(wù)器的鏈接。

4 結(jié)束語

網(wǎng)頁設(shè)計(jì)與制作是一門注重實(shí)踐的課程。該文借助FTP服務(wù)平臺(tái)和Web服務(wù)平臺(tái)以及相應(yīng)的輔助擴(kuò)展程序的開發(fā)，建立了面向網(wǎng)頁設(shè)計(jì)與制作的教學(xué)平臺(tái)，彌補(bǔ)了通常教學(xué)環(huán)境中由于不具備實(shí)際的網(wǎng)站環(huán)境從而無法為學(xué)生提供完整的網(wǎng)站建設(shè)過程講解的缺陷，使得學(xué)生能夠獲得與實(shí)際接軌的完整的網(wǎng)頁設(shè)計(jì)制作的經(jīng)驗(yàn)。

參考文獻(xiàn)：

[1] Bradley J C，Millspaugh A C.Visual 程序設(shè)計(jì)[M].李旭，譯.北京：清華大學(xué)出版社，2008.

[2] Randolph N.Visual Studio 2010高級(jí)編程[M].任鴻，譯.北京：清華大學(xué)出版社，2012.

[3] Powers L，Snell M.Visual Studio技術(shù)大全[M].劉彥博，譯.北京：人民郵電出版社，2009.

[4] FileZilla project[EB/OL].http：//.