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

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

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

1.1用戶登錄與注冊

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

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

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

1.3資源共享資源共享

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

1.4站外資源鏈接

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

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

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

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

2.2信息管理功能

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

2.3資源共享功能

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

3結(jié)語

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

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

關(guān)鍵詞：

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

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

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

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

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

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

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

1.3缺乏溝通

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

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

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

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

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

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

2.3更新教學(xué)模式

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

引用：

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

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

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

關(guān)鍵詞：

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

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

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

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

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

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

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

1.3缺乏溝通

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

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

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

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

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

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

2.3更新教學(xué)模式

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

引用：

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

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

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

一、對該門課程的簡單論述

“網(wǎng)頁制作與設(shè)計課程”的先修課程《計算機(jī)文化基礎(chǔ)》，后續(xù)課程是《ASP、NET程序設(shè)計》。因此，它是一門承上啟下的課程。學(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í)該門課程知識面是必須的，但是還要求學(xué)習(xí)者有能力和綜合素質(zhì)，所謂的能力大致指能夠合理規(guī)劃主題網(wǎng)站以及進(jìn)行團(tuán)隊合作完成任務(wù)等，并且要求學(xué)生具有分析問題和解決問題的素質(zhì)。

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

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

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

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

四、總結(jié)

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

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é)生接觸到實實在在的東西，從而對要制作的網(wǎng)站系統(tǒng)有總體上的把握，讓學(xué)生觀察各級頁面組成，適時提出問題，例如如何將各級頁面有機(jī)地組成網(wǎng)站系統(tǒng)，網(wǎng)頁布局如何實現(xiàn)等。當(dāng)然往屆學(xué)生的案例可能會有一些缺陷，但是較之設(shè)計完整、功能完善的大型網(wǎng)站，這些小網(wǎng)站更能引起學(xué)生的學(xué)習(xí)興趣，激發(fā)他們的學(xué)習(xí)熱情。通過演示案例，簡單介紹網(wǎng)站系統(tǒng)制作流程，使用相關(guān)軟件的功能，讓學(xué)生有個總體上的把握，為后續(xù)分模塊詳細(xì)介紹案例打好基礎(chǔ)。通過第一次課中的案例引出為什么要學(xué)習(xí)《網(wǎng)頁設(shè)計與制作》這門課，學(xué)習(xí)了這門課能干什么事情，并且把案例中的知識重點分散到各個章節(jié)中去，讓學(xué)生了解《網(wǎng)頁設(shè)計與制作》各章節(jié)的連貫性，能夠全局把握本書的內(nèi)容，做到有目的地主動地學(xué)習(xí)。

3結(jié)束語

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

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

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

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

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

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

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

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

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

3.2把實用技術(shù)作為重點

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

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

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

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

網(wǎng)頁前端的技術(shù)發(fā)展很快，專業(yè)技術(shù)人員要具備知識的自我更新能力，培養(yǎng)興趣，學(xué)會學(xué)習(xí)，學(xué)會解決問題，比單獨的傳授知識更重要。在整個教學(xué)過程中，要以激發(fā)學(xué)生學(xué)習(xí)興趣為目標(biāo)，變被動學(xué)習(xí)為主動學(xué)習(xí)?？梢圆捎玫姆椒ㄓ校喊咐娜の缎裕蠋熓谡n語言的幽默性，作品展示的成果性，項目合作的團(tuán)結(jié)性，網(wǎng)絡(luò)資源的自主學(xué)習(xí)等，都可以很大程度上提高了學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)興趣。把“要我學(xué)”變成“我要學(xué)”，從而使學(xué)生成為教與學(xué)的主體。

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

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

5綜合全面地評價學(xué)生

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

6結(jié)語

基于該門課的特點，文章制定了以突出應(yīng)用能力的培養(yǎng)，提高學(xué)生的職業(yè)適應(yīng)能力的方針，在課程體系結(jié)構(gòu)，教學(xué)方法、實驗實訓(xùn)、考核方式等多方面進(jìn)行進(jìn)行了深入的研究和探索。并在實際教學(xué)中使用，取得了不錯的成果。實踐證明，任務(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ǎng)頁設(shè)計與制作”課程教學(xué)改革研究[J].佳木斯教育學(xué)院學(xué)報，2014（8）：163.

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

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

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

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

關(guān)鍵詞：

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

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

所謂的網(wǎng)頁就是在瀏覽器上看到的一幅幅畫面，又稱web頁，實際上它是一個文件，存放在和internet相連的某個服務(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部件，配置部件屬性，指定路徑到對應(yīng)的html文件。頁面保存并，這樣一個網(wǎng)頁就搭建好了。

3.常用部件簡單說明

(1)取靜態(tài)頁面（帶宏替換）Web部件。取靜態(tài)頁面（帶宏替換）Web部件可將靜態(tài)文件中的代碼整合到頁面指定位置，用于制作靜態(tài)內(nèi)容。用SharePointDesigner2010打開站點，選擇左側(cè)菜單中所有文件，點擊_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)代碼，建議將樣式、圖片等資源放置在站點PageAssets的對應(yīng)文件或文件夾中，如Styles中的page.css，Images文件夾等。進(jìn)入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。如下圖：如果引用其他站點中的靜態(tài)文件，點擊文本框右側(cè)的藍(lán)色區(qū)域，彈出文本編輯器，在其中添加引用靜態(tài)文件的絕對或相對地址。保存部件配置，保存頁面，即可看到靜態(tài)內(nèi)容替換效果。(2)新聞列表Web部件。新聞列表Web部件實現(xiàn)動態(tài)讀取指定新聞頻道內(nèi)的新聞并以列表形式在頁面中展示。添加新聞列表WEB部件方法同內(nèi)容編輯器WEB部件。點開“新聞列表”右側(cè)下拉箭頭，選擇編輯web部件。新聞列表Web部件包括內(nèi)容設(shè)置、顯示設(shè)置、篩選和排序、圖片新聞顯示設(shè)置等7類屬性。設(shè)置好相應(yīng)的屬性，就可以顯示對應(yīng)的新聞欄目了。(3)IP過濾Web部件。我們可以采用兩種方式控制用戶對網(wǎng)站中某項內(nèi)容的訪問：權(quán)限管理或訪問IP限制。權(quán)限管理的控制最為準(zhǔn)確，因為網(wǎng)站使用用戶的賬號來辨別其是否有權(quán)限打開受限內(nèi)容。但在面對“我希望本單位所有的員工都有權(quán)訪問這個頁面”這樣的需求描述時，用給帳號授權(quán)的方式去控制訪問就變得有些困難，所以我們把它改造為“我希望在本單位內(nèi)可以上網(wǎng)的電腦都有權(quán)訪問這個頁面”，這個時候用IP地址進(jìn)行辨別就派上了用場。IP過濾Web部件通過對客戶端的IP地址進(jìn)行辨別，判斷用戶是否打開這個頁面，更加適用于一種面向“結(jié)構(gòu)”的訪問約束。所謂面向的“結(jié)構(gòu)”，如一個部門、一個單位、眾多組織，或如上面所提到的，一個邊界十分清晰的空間。我們所要準(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段之間用分號隔開，最后一個IP段后不再使用分號。這樣就設(shè)定了兩個IP段可以訪問，其它地址的電腦無法訪問網(wǎng)頁。

4.結(jié)束語

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

【參考文獻(xiàn)】

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

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

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

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

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

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

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

1.3考核方式單一

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

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

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

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

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

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

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

2.2.2廣泛宣傳

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

2.2.3　制定賽制

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

2.2.4多樣性的評委考核制度

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

2.2.5發(fā)新聞稿

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

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

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

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

3.2推動教學(xué)改革

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

3.4對教師提出更高的要求

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

4結(jié)語

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

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

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

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

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

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

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

其中各部分的功能如下：

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

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

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

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

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

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

2.1 FileZilla的配置信息

FileZilla服務(wù)器使用“FileZilla Server.xml”作為它的配置文件，其中記錄了FileZilla的監(jiān)聽端口以及FileZilla的用戶信息等內(nèi)容。一個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é)束處

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

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

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

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

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

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

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

2.4 配置信息的生效

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

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

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

4 結(jié)束語

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

參考文獻(xiàn)：

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

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

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

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