網頁設計的要點范文

時間:2024-02-17 15:13:22

導語:如何才能寫好一篇網頁設計的要點,這就需要搜集整理更多的資料和文獻,歡迎閱讀由公文云整理的十篇范文,供你借鑒。

篇1

隨著計算機技術的不斷改革與創新,計算機課程教學不斷的改革與發展。目前,大多數企業、個人單位都通過網站向外界宣傳產品、優惠活動等,網站的開發就需要網頁設計師來進行排版設計,網頁設計的發展帶動了高校的教育改革,不斷的開設《網頁設計與制作》這門課程,《網頁設計與制作》是藝術院校計算機教學中實踐操作性強、綜合性較強的專業課程,其需要多門計算機學科知識綜合起來,才能完成網頁設計課程體系,如:Photoshop、CorelDraw、HTML語言、CSS、JavaScript語言,從而進行網頁設計。

1 藝術院校計算機課程教學現狀分析

隨著計算機互聯網的發展,網絡已普及到家家戶戶,藝術院校的學生對計算機基礎知識也有了很大的提高,加強學生的計算機基礎知識和計算機能力的培養,對藝術院校的教學具有重要作用。目前,藝術院校計算機課程教學仍然存在不足,雖然藝術院校的大部分專業開設了Photoshop教學課程、CorelDraw課程、網頁設計等課程,但是,藝術院校開設的專業只涉及網頁設計的幾門學科,如計算機圖形圖像專業,其開設了Photoshop、CorelDraw、Flash等課程,卻沒有涉及到HTML、JavaScript語言課程,課程教學的不足,容易導致學生的設計操作能力、專業能力不強,學生只能掌握基本的操作,而不能滿足更高的操作水平。

2 藝術院校計算機《網頁設計》課程教學存在的不足

2.1 網頁設計教學缺乏知識的連貫性

對于藝術院校的學生,大多數都存在于被動的學習知識,而沒有主動的練習操作,而《網頁設計》這門課程是一門實踐性強、操作能力強的學科,所涉及的內容知識也比較多,若老師只是單方面的進行教學,只對學生進行示范操作,或學生只是模仿操作練習,這樣的教學方式不僅不能激發學生的學習興趣,也不能培養學生的創造性。若教學的課程內容較為分散,老師沒有對教學內容進行整理、沒有整合知識的連貫性,學生則很難掌握知識要點

2.2 缺乏編程基礎知識

《網頁設計》這門課程不僅需要圖形圖像處理軟件,也需要網頁設計的后臺編程軟件,如:JavaScript語言、CSS,編程語言是一門復雜的知識,但與CorelDraw、Flash等設計軟件的原理是一樣的。對于動態網頁的設計,其需要編程基礎來實現,學生若不了解動態網頁的設計、編程基礎,則很難設計出具有美觀、產品個性的網頁界面。網頁的設計理念需要實踐操作能力來實現,實踐操作技術也為網頁設計提供了需求,但是,沒有很好掌握動態網頁設計基礎知識,如新聞網站系統,其需要添加多行表格,從而對其添加內容,如果沒有充分了解網站設計軟件的基本功能,則很難實現添加多行表格的功能。

3 基于網站數據庫功能模塊化的網頁設計要點課程教學

網站數據庫的實現主要是通過Access數據庫、ASP編程語言來實現的,同時也需要Dreamweaver、Flash、Photoshop、Fireworks等軟件來編排、設計,根據美觀、人性化的界面設計及色彩搭配的美觀,進行網頁的設計。網站數據庫主要實現新聞網站系統、公司產品展示網站系統、會員網站系統、訪客留言系統網站等模塊,通過學習ASP的工作環境、系統網站的實現動態流程,學生能很好的了解動態網頁的設計原理和動態效果。

3.1 網站數據庫功能模塊化的設計流程

網站數據庫功能模塊教學,是以網頁界面設計為基礎,進而更深層的網頁設計教學,以Dreamweaver建立動態網頁界面,通過Access軟件建立數據庫的連接,從而實現動態功能的構建,例如:新聞網站系統的構建,如圖1所示。

3.2 網站數據庫的網頁設計在教學中的應用

網站數據庫是基于ASP技術和Access數據庫建立的,由于ASP技術簡單易學,不需要用COMPILE進行編譯,直接在Windows的記事本上就可以直接編輯,對學生來說,ASP技術的開發是一個很好的應用,學生無需安裝任何插件,就可以使用任何瀏覽器瀏覽ASP生成的頁面,并且也方便連接。而Access數據庫,對于網站的設計,有利于建立數據庫的連接,其具有簡單易學、易用、操作簡單、數據接口靈活等功能,因此,學生可以通過學習Access數據庫,就可以逐步了解網頁設計的基礎知識,也很好的掌握數據庫的連接與ASP技術的連貫性。通過學習網站數據庫的設計,由于開發的軟件簡單易學,連貫性較強,不僅可以激發學生的學習熱情,也能提高學生的實踐操作能力,教師應注重知識的連貫性,積極引導學生進入教學情境中,從而提高網頁設計課程教學質量。

3.3 網站數據庫實現新聞系統功能

要實現新聞網站系統的功能,需要根據其功能需求實現網站系統的設計,其一般包括前臺和后臺的管理,因此,在進行網頁設計時,根據后臺的需求,即后臺實現新聞的、公告,新聞的修改、刪除等。而新聞網站的前臺,是指用戶瀏覽的頁面,即網頁界面,前臺需要實現用戶能正常瀏覽網頁的新聞信息、或資訊標題,因此,學生只需要把這些信息、需求進行規劃設計,并合理進行排版,從而將新聞信息、業界動態的信息集中在一個管理系統的新聞網站應用程序中,以保證新聞系統的完美性和規范性。

4 網站數據庫功能模塊化課程教學意義

網頁設計教學是一門實踐性強、操作能力強、綜合性較強的學科,在教學過程中,應理論知識與實踐相結合,在網頁設計教學中,學生應多練習,多操作,熟悉各種編排、編程軟件,從而達到網頁設計教學的目的。第一,網站數據庫功能模塊化教學注重培養學生的實踐操作能力,從而培養學生的職業能力,因此,教師應積極引導學生靈活運用知識,整理知識的連貫性,安排的教學內容應與社會發展需要結合,以社會需要為導向,科學合理化的整理教學內容,利用任務驅動的教學方式來加強學生對網頁設計的學習,從而加強學生的實踐操作能力。第二,網站數據庫教學不僅培養學生的操作能力,也是多學科結合的教學方法,不僅培養學生的鑒賞能力和藝術性,也培養學生的應用能力和思考能力。通過有效結合藝術專業的審美優勢和計算機語言技術優勢,學生在進行網頁設計教學中,學生能根據頁面的藝術性進行設計,同時也會考慮界面的實用性和價值觀,從而設計出具有創新、有價值的網頁設計界面,多學科的教學方式,有利于提高學生的綜合素質。第三,網站數據庫模塊化的網頁設計教學也是藝術學院學生就業需求的導向,社會不僅需要專業人員,也需要綜合能力較強的人才,通過學習網頁設計,注重學生在操作過程中的學習情緒、學習態度、團隊合作及協調溝通能力,從而對學生全面的進行考核。因此,進行網站數據庫模塊化的網頁設計,為計算機基礎課程教學增添了生機和活力,不僅鍛煉了學生的操作能力和實踐能力,也拉近了與社會人才需要的距離,達到了計算機基礎課程的教學目標。

篇2

購買推薦

圖書分析師龐敏麗認為該書書從網站設計最基本的內容一步一步地講解設計理論、設計組成、設計方法,引導進行設計規劃和制作,分析色彩規律,指導色彩實戰應用,講述設計心理學、用戶體驗,全面、完善、系統地講述網站設計與網頁配色。

通過對生意寶旗下比購寶(Boogle.cn)——“網絡購物第一站”收錄的博庫書城、淘寶網、京東商城、亞馬遜、當當網、拍拍網、文軒網、中國互動出版網、99網上書城等眾多含圖書銷售的網站,價格搜索顯示,目前,當當網該書為最低價,推薦購買。

目錄

1 網頁設計概述

1.1網頁設計基礎知識

1.1.1網頁設計的概念

1.1.2網頁設計的定位

1.1.3網頁設計所屬的范疇

1.1.4網頁設計的準則

1.2用戶的閱讀習慣

1.2.1人機交互的概念

1.2.2用戶習慣分析

1.2.3易用性設計

1.3網站類型

1.3.1綜合(門戶)類網站

1.3.2新聞類網站

1.3.3交易類網站

1.3.4 IT類網站

1.3.5教育類網站

1.3.6生活娛樂類網站

1.3.7政府類網站

1.3.8個人類網站

1.3.9功能型網站

1.3.1 0其他行業類網站

1.4網絡的特點

1.4.1信息的開放性

1.4.2信息的互動性

1.4.3信息的不穩定性

1.4.4網絡時代性

1.4.5信息傳播的迅速性

1.5網頁設計方法分析

1.5.1欄目劃分法

1.5.2網格劃分法

1.5.3色彩定位法

1.5.4 Lo90弓1導法

1.6網頁設計實踐分析

1.6.1聯合利華網站設計方案分析

1.6.2西部數據色彩設計網站方案分析

2 網頁制作的基本流程

2.1網站資料整理

2.1.1文字資料歸納整理分類

2.1.2圖片資料整理篩選分類

2.1.3視頻素材篩選

2.1.4 Flash動畫

2.2準備素材(使素材符合網頁設計需求)

2.2.1準備圖片素材

2.2.2文字再編輯,提取要點,總結標題

2.2.3視頻素材的剪輯及壓縮處理

2.3網站結構劃分

(網站腳本編刨)

2.3.1根據素材分析網站結構

2.3.2提取分類列出欄目

2.3.3欄目下子欄目劃分

2.4網站風格定位—一風格設計

2 4.1分析網站的主題定位——網站主基調

2 4.2風格的統一與變化

……

3 網頁設計的理念

4 網頁設計頁面布局

5 新型網站設計

6 色彩基礎知識

篇3

關鍵詞:網頁設計;職業定位;人才培養

中圖分類號:G712 文獻標識碼:A 文章編號:1674-7712 (2013) 04-0130-03

一、網頁設計人才培養現狀

高職院校網頁設計課程體系與教學之間存在許多弊端,概括起來,主要有以下幾個方面:

(1)課程與教學內容理論性強,實踐教學方法、教學手段不適應行業需求,學生職業能力和創新能力的培養沒有真正落實。

(2)師資力量存在缺陷,普遍現象是:大部分老師是從校門進校門,沒有企業的從業經驗,也沒有實際項目開發經驗,基本上是“照本宣科”,所謂的項目驅動,項目的開發流程屬于模擬范疇,與實際客戶的需求,還相差甚遠。目前高職院校已意識到這個問題,通過各種方式尋求校企合作,實現校企互動的新模式,如何盡快解決師資在理論知識和實踐應用方面的不足是十分迫切的。

(3)課程設置不盡合理,課程內容上重“設計”輕“技術”。教學上按照以往的教學模式,僅僅在多媒體教室中講解操作步驟、做典型范例是遠遠不夠的。應著重培養學生的創新意識和獨立開發網站的能力。藝術性與技術性的高度統一是今后網頁設計發展的大趨勢,不斷探索新的教學模式和教學理念,根據行業需求來構建合理的課程體系。

二、網頁設計專業的職業崗位

根據對沈陽、大連地區IT行業的發展現狀與趨勢、人才需求狀況、企業調研等方面調查分析,可以將網頁設計崗位分為網頁設計、網頁制作、網站編輯、網站管理四大崗位群。

三、構建科學合理的網頁設計人才培養體系

(一)網頁設計人才培養目標的定位

本專業培養適應社會與區域經濟發展需要,德、智、體、美全面發展,熟悉網站的配色及制作流程,掌握網站設計與策劃、網站的安全與服務器配置以及網站的搜索引擎優化技術;掌握動態網站編程技術,具有獨立制作整站系統的能力,在企事業單位、網絡公司、廣告公司等IT行業從事網頁設計、網站美工、各類網站的開發與維護等工作的網頁設計師、高級技師和高級網站程序員。

(二)網頁設計專業的課程體系

根據網頁設計行業的職業崗位分析及人才需求,確定網頁設計的人才培養目標。按人才的職業能力的培養為主線構建了該專業的課程體系。確定了該專業的核心專業課程,課程體系結構如圖1所示。

按課程的培養目標,將網頁設計的專業課程分成以下四個模塊:網頁設計基礎模塊、客戶端開發模塊、數據庫操作模塊和Web應用程序開發模塊。

模塊一:網頁設計基礎模塊,對應的課程是《網頁設計與制作》,主講內容是“網頁三劍客”,DW也就是Dreamweaver(網頁制作),FW是Firework(矢量圖形制作和圖像處理),Flash(動畫制作)。這三種軟件能相互合作。比較實用的操作方式是:在Firework中做好主要頁面,然后導出,在Dreamweaver中加以修改,添加鏈接等,便做出一個非常好看的頁面。

模塊二:客戶端開發模塊,對應的課程是《JavaScript》或《VBScript》,《JavaScript》是一種由Netscape的LiveScript發展而來的原型化繼承的面向對象的動態類型的客戶端腳本語言,該語言區分大小寫,主要目的是解決服務器端語言(比如Perl)遺留的速度問題,為客戶端提供更流暢的瀏覽效果。

模塊三:數據庫操作模塊,對應的課程是《SQLServer》或《Access》或《mySQL》,作為網站的后臺數據庫管理系統,負責網站的實時更新,對數據進行存儲,在網站的建設中起著至關重要的作用。

模塊四:Web應用程序開發模塊,對應的課程是《》或《JSP》或《PHP》,主要講述動態Web頁面的實用技術。

模塊教學采用理實一體化教學模式,采用了“任務驅動”教學法,教學任務分為:課堂教學模擬、企業真實項目操作兩部分,這些任務的設計遵循了由簡單到復雜,由單人獨立操作到項目組成員共同完成,充分調動了學生的學習積極性和主動性,有效提高學生的知識應用能力和創新能力。

教學評價建議改變單一的總結性評價的方法,采用評價過程、階段評價和綜合評價相結合的評價方法。教學中要注重學生學習的過程,精心設計對學生學習過程的記錄及評價,如學習的形式、獲取信息的方式、討論的要點、設計的方案等進行記錄,并對作品進行交流、自評和互評等,從而讓學生學會學習。

(三)網頁設計專業課程的教學評價標準

制訂本專業各核心課程的教學評價標準,此標準以《動態網頁設計》課程為例。

1.考核方式

本學習領域的課程考核宜采用過程考核、公共考核和期末考試相結合,具體考核內容及權重見表3。期末考試分為理論考試和實踐考試。其中,理論考試主要考核8個學習情境中的主要知識點,試卷分值100分,其中填空題(占25%)、選擇題(25%)、判斷題(20%)、簡答題(30%),試卷從不同角度考查學生基礎知識的掌握能力;實踐考試內容為2至3道上機操作題,主要考核學生的上機設計和調試能力,及對知識的綜合運用能力。

(四)網頁設計專業的師資建設

建立一支高素質的師資隊伍是網頁設計專業建設的關鍵,這支隊伍不僅要具有網頁設計相關的理論知識和實踐經驗的特長,而且還熟悉整個網站的運作和前臺后臺維護管理等方面的理論知識。教師的培養可以通過以下的方法:

1.以行業為基地進行專業培訓,加快與行業的聯系。

2.組織教師到其它兄弟學校進行交流和調研,提高教師業務水平。

3.積極從國內外及相關行業引進、或者借用專家人才,提高教師隊伍水平。

4.專業教師自身應該時時刻刻跟蹤、掌握電網頁設計發展的最新動態,掌握網頁設計最前沿的知識,不斷地更新知識。總之,網頁設計專業人才培養應當以企業需要什么樣的人才為出發點,總結過去的經驗和教訓,從實際出發,嚴格按照客觀規律來建立網頁設計人才培養的模式和體系,這樣才能培養出符合社會需要的合格人才。

參考文獻:

[1]高云.高職高專《網頁設計》課程改革探索[J].吉林省教育學院學報,2009,11:2.

[2]趙京丹,閆寧.任務驅動教學法在Dreamweaver網頁制作教學設計中的應用[J].職業教育研究,2007,7.

篇4

關鍵詞:網頁設計課程資源資源庫建設

課程資源包括教師的教學資源和學生的學習資源,所謂課程資源庫的建設主要目標就是收集有價值的資源輔助教師的教學和學生的學習。因此,它的出發點是提升教學和學習效果,關鍵是在資源的有效性而不在于資源是否豐富。在職業教育中,專業建設和教學改革一直是熱門的話題,也受到很多院校的重視。根據我院計算機專業的課程改革和自己的教學經驗,我談談《網頁設計》課程資源庫建設的基本思路。

一、教學資源建設

教學資源主要包括課程大綱、校本教材、教案、課件、實訓素材等。前期資源建設是一項艱巨的任務,需要一個團隊的智慧和努力,而資源建設成型后,可以實現資源共享,提高教師的工作效率,從而教師有更多的時間參與教研提升自己的業務水平。

1.課程大綱

課程大綱決定了課程的主要目標和內容要求,因此它在整個課程的教學中有著非常重要的作用。在我們實際的課程資源建設過程中,首先,我們針對網頁設計師這個崗位開展市場調查,了解該崗位的技能要求,再根據自己學校的培養目標并結合《網頁設計》課程教學的實際情況制定相應的課程大綱。它不僅要反應出新的技能要求和各知識點的掌握程度,更要突出學生分析能力和創新能力的培養。只有在課程大綱的指引下,我們后續的課程資源建設才能有效地進行。

2.校本教材

一本好的教材無法滿足所有人的要求,一個優秀的教學案例也不能完全符合所有學生的要求。因此,圍繞自己學校的培養目標進行校本教材的開發是非常有必要的。在進行校本教材開發的過程中,我們要保證案例的真實性和有效性,可以結合企業的真實案例對知識點進行剖析。我們要以學生的發展為基礎,充分考慮授課對象的學習基礎和知識結構,對教學內容的編寫進行適當的處理,避免出現只利于教師教學,不利于學生學習的情況。

3.教案、課件

教學活動的開展要以教案為依據,而教案的編寫要符合課程大綱的要求,因此,我們要專研課程大綱和教材的基礎上,對我們的教學活動進行精心地設計。我們明確教學目標和教學重難點的前提下,才能對教學內容進行選擇和處理,教學過程的設計充分考慮學生感受和體驗。編寫好的電子教案,不僅是為了上好課,也是為改進下次授課做準備,使一個教案的完善有一個持續的過程。除了編寫教案,我們可以做好配套的授課課件,因為它可以得到重復的使用,節省教師的備課時間。

4.實訓素材

實訓素材不僅包括課堂案例所用的素材,應該包括實訓步驟手冊,課堂效果評價表等等。素材的準備我們要做到簡單、有效而且分類明確,尤其在《網頁設計》課程中,用到較多的圖片素材,必須要保證能快速的查找。實訓手冊文字的描述要做到簡潔,適當的時候可以通過圖片或符號來代替文字,做到直觀明了。要充分考慮在簡短的一堂課時間內,它的作用是供學生參考,輔助學生的課堂學習。課堂效果評價表的設計可以結合學生的自評和互評,根據教學目標針對性的設計評價要點,目的是讓學生認清自己在一堂課中的學習效果和不足的地方。

二、學習資源建設

隨著互聯網的發展,數字化學習資源變得非常的豐富,也是學生學習的一種新途徑。學習資源的建設不僅要確保學生能鞏固知識和技能,更重要的是要激發學生的自主學習。學習資源的建設需要借助網絡平臺,真正實現隨時隨地的學習,它主要包括微課、作業指南、試題庫等等。

1.微課

近幾年,微課在教學中的應用非常的廣泛,在微課的設計中,我們要做到時間短,重點突出和語言簡潔,使學生在觀看的過程中快速的掌握要點。一般我們都是針對課程的重點或難點,有針對性的對知識點進行講解或對操作步驟進行演示。尤其對課堂上掌握不好的知識點,在課余時間通過微課進行鞏固,使學生在輕松、愉悅的環境下學會自主研究。

2.作業指南

《網頁設計》課程實操性比較強,同時操作步驟較多,學生僅僅通過課堂的學習,對操作要點的記憶并不是非常的深刻。課余作業的目的是鞏固學生的學習,我們要保證在做作業的過程中遇到問題能得到及時的解決才能使學生能持續的研究下去。作業指南主要就是為了解決此問題,它不同于實訓步驟手冊,應該更注重于操作步驟要點的提醒,引導學生有效地完成作業。

3.試題庫

試題庫不僅是用來檢測學生的學習情況,也是學生通過試題庫學會靈活應變。試題庫可以針對一堂課,一個知識點,一個模塊或一個階段進性設計,同時它可以包括理論和實操。在試題庫的建設過程中,要注重試題的質量,做到知識全,針對性強,確保學生在檢測的過程中鞏固相應的知識和技能要點。

三、課程資源建設原則和意義

課程資源建設是要以培養學生職業能力和素養為原則,重在提高教學質量,促進學生學習。因此,資源建設不能脫離實際的工作崗位要求,避免出現冗余和泛濫的現象,所有資源的選擇要考慮教學和學習的需求。同時,資源建設不是一個階段性的任務,它是永久持續的,必須結合每個時期的情況對資源進行補充和更新,才能保證資源的有效性。

課程資源建設不是靠一個教師的努力,是要一個團隊的集思廣益,在建設過程中也是培養教師的教科研能力,也有利于教師隊伍的建設。在某種程度上,它可以提高課堂的教學效果,突破傳統課堂教學的局限性,引導學生進行自主學習。

結語

課程資源建設是教師參與課程開發的過程,同時,它又是為教師的教學和學生的學習服務。《網頁設計》課程實際案例多,技術更新快,傳統的課堂教學無法滿足實際的需求,通過課程資源庫的建設,提高課堂教學效果,豐富學生的學習途徑和內容,從而進一步推動教學改革。

參考文獻 

[1]杜強,潘國芬.高職“網頁制作”立體化校本課程建設研究[J].無線互聯科技,2017(23):95-96. 

[2]何啟旻,曹智勇.《數據庫原理與應用》課程資源建設的實踐探索[J].貴州廣播電視大學學報,2014,22(03):14-16+20. 

篇5

在當前這個時代中,各種視覺信息不斷泛濫,讓我們眼花繚亂、應不暇接。人們越來越希望網頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網頁設計中,有著明顯的現實意義。本文先分析簡約設計理念的起源,接著研究簡約主義視角下網頁設計的特點,最后提出一套有針對性的應用簡約主義理念的對策,希望能起到一定的啟發意義。

關鍵詞:簡約主義;網頁設計;對策

一、前言

邁入新世紀之后,信息技術蓬勃發展,我們已經身處于信息時代的懷抱中,在這個時代中,各種視覺信息不斷泛濫,讓我們眼花繚亂、應不暇接。人們越來越希望網頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網頁設計中,有著明顯的現實意義。本文先分析簡約設計理念的起源,接著研究簡約主義視角下網頁設計的特點,最后提出一套有針對性的應用簡約主義理念的對策,希望能起到一定的啟發意義。

二、簡約主義溯源

早在春秋戰國時期,我國哲學家、思想家老子就提出過“少則多、多則惑”的思想。在古希臘時期,柏拉圖曾經用“簡單及少”的理念來論述立方體。這足以說明簡約主義思想源遠流長,很早就初見雛形。事實上,正是世界文明史上的現代主義運動直接帶動了簡約主義的發展與成熟。從理論角度而言,現代主義是功能主義與簡約原則的有機融合。上個世紀初,英國興起的“工藝美術運動”正式將簡約主義理念登上了歷史的舞臺,使其出現在人們的視野中。“工藝美術運動”旨在否定機械化與裝飾過度的設計風格,主張真實、熱情,兼具功能與價值的設計。這次運動為現代主義風格奠定了良好的基礎。其提出設計應該以功能作為核心,強調非裝飾化的簡單幾何造型。之后,著名建筑大師米斯•凡德羅提出了經典的“Lessismore”的設計原則,直接為簡約主義理念奠定了理論基礎。如今,不光是建筑領域,產品設計領域、平面設計領域、室內設計領域、家居設計領域都開始追求簡約主義設計理念。如今,關于簡約主義的稱法層出不窮,白色派、極少主義、“空”設計,其實都是追求簡約大方的設計風格,是簡約主義設計理念的具體體現。本文認為,所謂簡約主義,其實就是呈現最基本的要素,主張摒棄一切多余的結構、色彩、文字與圖形等,這樣可以讓核心內容成為聚焦點,使人們迅速攫取到中心內容。

三、簡約主義視角下網頁設計的特點

互聯網的日益普及使得網絡承載的網頁內容不斷增多,功能也日趨多元化。雖然人們通過網頁能找到自己想要的信息,但由于網絡世界缺乏應有的監管,導致一些網頁看似華麗,實則空虛,這就對網頁設計提出了更高的要求。將簡約主義理念用于網頁設計中,有著廣泛而深遠的意義。首先,網頁設計應用簡約主義理念,可以提升用戶體驗。如果只注重網頁的外觀設計,一味追求華麗美觀,用戶可能難以在網頁中迅速攫取自己想要的信息內容,這樣的用戶體驗顯然是很糟糕的。其實,在網頁設計中,簡約是一個相對性概念,力求摒棄泛濫與隨意。網頁設計的簡約是對網頁信息結構進行科學布置,簡單清晰地向用戶傳達他們想要的信息,從而留住用戶,提高網頁的點擊率。其次,網頁設計應用簡約主義理念,可以做到網頁信息主次分明。Google產品設計副總裁MarissaMayer曾經對這個功能做出過精辟闡釋,她認為簡約的網頁設計就猶如一把合上的瑞士軍刀,用戶往往只能記住一個網站的7-9個功能,腦海中留有16個左右的關鍵詞印象,所以必須在這個范圍內合理考慮用戶的要求,而那些功能繁雜、頁面華麗的網站,更像一把打開的瑞士軍刀,可能會“傷害”用戶的使用,使其感覺信息混亂。

四、網頁設計應用簡約主義理念的對策

自從米斯•凡德羅提出了經典的“Lessismore”設計原則,簡約主義設計理念收到了人們的熱烈追捧與認可,它提倡摒除所有無關緊要的要素,以簡明、活潑、輕快的設計風格直達用戶內心,滿足用戶訴求。如今,現代人身處于一個信息爆炸、知識泛濫的時代中,內心越來越渴望網頁界面做到簡潔明快,能快速找到想要的信息。有鑒于此,網頁設計應用簡約主義理念可以從以下幾點入手:

1、合理取舍

簡約主義設計風格始終追求簡單明晰的設計效果,摒棄所有多余的色彩、文字與圖形等設計元素,力求高效快捷地向用戶傳達有效信息,將他們的視覺關注點引領到關鍵信息中,對網頁的關鍵要點產生興趣。要達到這樣的境界,合理取舍至關重要,具體是指強調與著重,因為簡約主義不是主張去除一切,而是提倡將關鍵信息優先曝光在用戶的視覺世界中,在保證網頁好用的基礎上,為用戶減輕視覺負擔,使他們享受到良好的使用體驗。在合理取舍過程中,設計者要注意這么幾個基本要求:網頁色彩、文字精簡、圖形處理、位置編排和版面的“留白”處理等。對于一個沒有任何留白,文字布局密密麻麻的網頁,根本會讓讀者感覺無從下手,導致他們直接關上網頁。所以,網頁設計者必須保留一定的網頁留白,在空白背景下曝光重點信息和關鍵信息,然后再一步步引導用戶了解其他的信息。

2、合理組織視覺要素

在設計網頁界面時,有了簡約主義設計理念的指導,設計師應該合理組織視覺要素,力求做到簡單清晰。設計者要合理分類、組合網頁界面的信息,進行適當刪減。分類網頁信息是為了讓用戶在瀏覽網頁時,可以直接、快捷地了解網頁布局與結構,做到心中有數,在其腦海中留下一定印象;減少類別和適當刪減并不是要減少網頁含量,而是將重點信息、關鍵信息放置于一個相對簡單的布局中,使用戶能一眼就看到有效信息而不浪費時間。在組織視覺要素時,設計師可以先構建一個簡單清晰的首頁,摒棄繁雜,然后進行適當配色,色彩種類不可過多,以簡潔素養為主,文字介紹也不可花里胡哨,力求做到簡潔明快。

3、網頁各界面保持風格統一

毫無疑問,現在的網頁界面有著眾多層級,設計是必須做到網頁界面的風格統一和和諧,不可產生太大的突兀之感。用戶一般是通過首頁或者網頁鏈接進入網頁界面的某個層級中,假若網格界面的風格不夠統一,甚至存在較大反差,很容易影響用戶認知網頁信息的效果,不利于他們順利解讀網頁信息。事實證明,統一和諧的網頁界面風格不僅可以增強用戶的認知與記憶,提高他們搜索所需信息的效率,還能使用戶對該網頁印象深刻,對其形成滿意度,成為該網頁的“忠實粉”。對于網頁界面風格的和諧統一,關鍵要做到同樣元素的位置和大小要保持一致,起碼不能差距太大,配色方案也要保持整體一致,同類型的設計要素風格也應該盡量保持一致。

五、結束語

在網頁設計中應用簡約主義理念大有裨益。但我們不能忽視,目前有設計師在應用這個理念時走進了誤區,即為了簡約而簡約,忽視了網頁的功能性,不注重用戶瀏覽網頁信息時的認知體驗,這樣的網頁設計必定“費時、低效”。其實,簡約主義設計理念并不是簡單地簡化設計元素,而是合理取舍界面要素。對于網頁設計而言,設計師必須立足于提升用戶的使用體驗,提高網站的可用性,只有做到“以用戶為中心”,才是真正的簡約主義設計。我國網頁設計師應該多學習和借鑒國內外優秀的成功案例,認真學習簡約主義設計理念的精髓。

參考文獻

[1][美]RobertHoekman,Jr.瞬間之美-Web界面設計如何讓用戶動心[M].北京:人民郵電出版社,2009

[2]鬲波飛.網頁設計之視覺信息傳達分析[J].湖南大學學報(社會科學版),2001,15(4):15-19.

[3]唐良瑞,李丹.網頁設計的諸要素分析[J].北方工業大學學報,2000,12(1):15-19.

[4]黃海燕.網頁設計與平面設計[J].包裝工程,2004,25(1):126-127

[5]李饒,李忠明.淺談網頁設計中色彩搭配的運用[J].計算機光盤與軟件,2011.

[6]徐超.探究簡約主義的網頁設計[D].上海:上海師范大學設計藝術學,2012:19.

篇6

《網頁設計與制作》是我院計算機各專業及電子商務類專業的必修課程,自開設以來深受學生的喜愛。因本課程教學內容及教學資源較多,學生很難在課程中完全掌握所學知識,為更好地補充和輔助學生進行課外學習,更加開放的網絡教學成為本課程的有益補充和良好的學習途徑。

二、課程分析與設計

《網頁設計與制作》課程是高職高專計算機專業的一門技能課程,結合職位崗位對人才的需求,我們收集了網頁設計、平面設計、動畫設計、動態網頁開發等課程的相關知識,對本課程的教學內容、知識結構、信息資源的選取、教學策略的使用進行了精心的策劃和設計。我們將學生熟練的網頁設計與開發的操作技能作為培養重點,在課程教學設計中,以“高素質、技能型”人才為培養目標,采取“小組協作學習”的學習方式完成整個課程的教學,并注重對小組的考核評價。

(一)學習需求分析

對于高職高專的學生,學習的主動性和積極性不夠強,但對于操作性比較強的課程,往往有強烈的學習愿望,針對學生的特點,并根據《網頁設計與制作》這門課程的性質特征,在教學中我們主要采用任務驅動的教學方法,實施項目教學,讓學生的學習和工作的內容緊密相聯,這樣不僅能夠吸引學生的注意力,并且能夠提高學生的學習興趣,同時達到“工學結合”的教學理念。

(二)學習內容分析

我們分析了多門與網頁設計與制作相關的教材,從課程的實際應用與培養需求出發,對教學內容進行了重新安排。從本課程的教學實際出發設定的學習目標是:培養學生具有一定的藝術素養,較強的網頁鑒賞能力,熟悉網頁設計創意的原理和方法,熟悉HTML、CSS、JavaScript和網頁制作工具,熟悉網頁的制作和流程。能夠根據客戶需求進行網頁設計與制作以及進行網站的維護和管理工作等。考慮到學生的層次不同,大家可以根據自己的實際情況有選擇的學習適合自己的模塊,自學能力較強的學生可以通過我們的網絡平臺得到進一步的提高和知識的拓展。

(三)知識結構體系

網頁設計與制作融合了平面設計、網頁制作、動態程序、數據庫等知識,作為一門綜合性強的課程.。把核心知識以最快、最有效的方式傳遞給學生,而又要能使學生容易掌握,所以本課程以“表格式”布局作為教學的主線,把Photoshop平面設計、Flas設計融入其中,同時適當引入“div+css”網頁布局的內容。而在動態網頁設計中,簡單介紹Asp+Aceess動態網頁設計知識。據此,在學習內容的組織上,以“用表格進行頁面布局”和“網頁與數據庫”這兩個知識點為主線,將其它知識串聯起來,可幫助學生迅速建立起知識的體系結構。

三、信息資源的選擇

在《網頁設計與制作》網絡課程的設計中,以課內項目、課外項目和教學專題的形式進行信息資源的規劃與整合,選擇合適的形式來展現信息資源是非常重要的。如在網頁的中文排版教學模塊中,網頁文字材料應以文本為主,而涉及的圖片只需提供原始圖片即可,增強學生對資源的應用與處理。而在“實驗演示”、“動態網頁的原理”模塊中,以動畫的形式形象地展示出來,激發學生的想象力。而在課外拓展模塊中,信息資源應以視頻的形式展現,使學生方便參照與模仿。信息資源總體結構見圖1。

四、教學策略的設計

(一)任務驅動的教學模式

“任務驅動教學”就是將要學習的新知識隱含在一個或幾個任務中,學生通過對任務進行分析和討論,明確該任務所涉及的課程知識,并找出其中的新知識,然后在老師的指導和幫助下找出解決問題的方法,繼而完成相應任務。《網頁設計與制作》課程在教學中使用“任務驅動教學法”的具體做法是:教師先給學生呈現一個具體的網頁效果,接著與學生共同分析該網頁需要如何去處理,然后在老師的指導下師生共同完成網頁,形成“階梯式螺旋化”教學模式。這樣做的好處是:通過一個任務的完成,培養學生發現問題、分析問題、解決問題的能力,激發學生的學習興趣,同時能夠提高學生的實際動手能力;而且將新知識點融入任務中進行學習,所學知識具有一定的針對性與目的性,學生的學習就會認為學的有價值,且通過一項任務的完成,學生同時可以體會到一種成就感。

(二)開放式自主學習模式

本課程建立的網絡教學平臺中包含本課程的教學資源、教學課件、課程教案、教學指導等模塊。通過網絡提供10大類、45000多個文件的立體化教學資源,所有的教學資源可在網上瀏覽和下載,任何學生在任何時候、任何地方都能借助網絡學習。同時開發了在線答疑系統,提供了QQ和TQ兩種訪問途徑,在線訪問和離線留言兩種方式。在“學習資源區”針對不同層次的學習者設計了豐富的學習資源。通過電子教案,學習者可以了解教師課堂上講授的知識要點,并可下載素材進行相應的訓練;如果在學習中遇到了困難,一般通過“學習資源區”中的“你問我答”即可解決,確需教師幫助的,也可在網絡的“教師答疑”中給教師留言。專題學習板塊基本上覆蓋了較高層次學習者所要了解的知識。

(三)課外小組協作學習模式

在課外作業環境,采用基于構建主義學習理論的協作學習模式。一方面教師在網絡教學平臺創建學習主題和要求,另一方面學生可自由創建學習主題和內容,挖掘優秀學生的潛能。由學生自行組成小組并進行分工設計,在設計過程中可通過小組討論、師生網絡交流進一步深化和完善學習內容,完成后相互進行評價和交流。因此在設計網絡課程時要注重協同工作環境的設計,充分發揮網絡的功能。五、學習評價系統的設計為更好地評價學生在網絡教學中的學習效果,學習評價系統的設計是十分重要的。在本網絡課程中,根據學習者的學習需求和特點,進行不同程度的強化練習評價,并及時給出反饋意見。在學生完成對應的學習內容后,教師可以對學生進行評價,學生之間也可以相互評價。同時完成專題學習后,挑選出優秀的作品進行課外開放式評價,增強學生的成就感,以此達到學生的再學習的主動性。

篇7

關鍵詞:中職學校;網頁制作;教學

中圖分類號:G712 文獻標識碼:A文章編號:1007-9599 (2011) 23-0000-01

Web Publishing Courses of Teaching Study in Secondary Vocational School

Chang Lili

(Yanji Vocational High School,Yanji133000,China)

Abstract:With the continuous development of network technology and the popularization of computers,the Internet has been familiar to the masses and use.Internet is an indispensable element of site,the site is an indispensable element of web pages,and now all universities and vocational institutions have universal web design of this course,by the author of this paper and summary of work experience in the post about the next Some colleges web design courses teaching methods.

Keywords:Vocational school;Web production;Teaching

伴隨著計算技術以及互聯網技術在各行各業的普遍應用,各個中等職業學校為了為社會培養出優秀的適合企業要求的人才,都紛紛開設了《網頁設計與制作》這門課程,這個課程的開設,不但符合上級對學校的辦學要求,而且更為學生畢業后能順利找到理想工作打下了一個堅實的基礎。

一、《網頁設計與制作》課程的教學內容

《網頁設計與制作》是屬于一門技術課,對動手實踐性是比較強的。這就要求老師在講課的過程中,多多鼓勵或者引導學生參與一些實踐性的練習,培養出學生對這門課程產生濃厚興趣。更重要的是注重培養學生的理論聯系實際的能力,讓學生們多把自己在課堂上學到的知識應用與實踐中去。針對網站制作的一個初級入門課程,專門課程主要用的工具軟件是Dreamweaver網頁制作軟件以及做模版時候用到的Fireword或者Photoshop圖片制作軟件。其主要教學任務是介紹網頁中各元素的添加、頁面整體布局、鏈接導航、CSS樣式、模板、行為和表單等技術,使學生掌握從站點規劃、建立,到頁面布局、網頁編輯和美化等靜態網站的完整制作過程,具備創建和維護網站的基本能力。在這個基礎上還要把HTML網頁標記語言引入進來,HTML語言作為網頁設計的本質,他是網頁設計的一個基礎,所以學好它學好網頁設計的前提。所以我們一定要求學生們能夠熟練掌握讀懂普通的代碼,而且還要能夠自己動手編寫一些普通的HTML代碼,這也是網頁設計課程的教學要求。

再者,網頁也有靜態和動態之分,所謂靜態就是指上面所說的普通的HTML語言加上一些樣式、鏈接等功能,這種網頁修改的時候必須要在頁面本身去修改。動態網頁是指HTML語言編輯好頁面后加如一些編程語言(比如ASP、PHP、JSP)以實現人機交互的功能,用戶添加修改內容比較方便。

二、課程的教學方法

(一)課前認真備課

1.備授課對象。根據教學對象的不同,安排相應的教學內容;分析學生的專業學習特點和目前的學習狀況,制定不同層次的教學目標和教學評價。

2.備教材。選用集成度好的Dreamweaver作為網頁開發環境。從教材、參考書以及網絡中歸納總結出具有代表性的典型案例,為課堂教學做好準備,精心制作多媒體課件。

3.備教學環境和教學模式。應注重理論與實踐相結合。在備課過程中應在機房安裝投影儀和電子教室軟件,學生人手一臺電腦,教師使用一臺教師機,通過多媒體課件講授理論、電子教室軟件展示與交流作品。同時應設置一些有一定難度的相關網頁設計,讓學生在計算機上進行目標訓練,以更好地鞏固其所學的知識。

(二)課堂的教學方法

1.任務驅動教學法。“任務驅動教學法”是以學生為主體,根據課程的教學目標設計具體的學習任務,通過對學習資源的積極主動應用,進行自主探索和互動協作的學習,并在完成既定任務的同時,參與指導教師課題或其他課外任務的一種學習實踐活動。

2.實例教學法。所謂的實例教學法就是老師來通過分析一些實例來對學生開展教學的方法。老師在經過自己的精心策劃之下,結合先階段我過中職學生的一些特點和課程的實際情況,仔細精心的準備一些實例來把學生的學習積極性引導進來,老師根據學生的特點讓學生自己針對這些例進行思考和動手制作解決,這樣不但提升了學生學習的興趣,而且還能讓學生在實例中獲取知識、掌握技能、提升能力。

3.項目教學法。項目教學法是指以項目為主線,采用項目驅動與教材基礎知識緊密相結合,將網頁設計與制作的知識點和技術要點穿插到各個項目中進行講解,使學生掌握各個知識點的實際應用,提高學生分析問題、解決問題的實際能力,達到輕松學習、自主學習的目的。實踐證明,這種教學方法充分調動了學生的學習積極性和主動性,有效提高學生的學習能力、應用能力和操作能力。

在教學中,項目的選取要以教學的內容為依據,以現實的對象為材料,既要包含基本的教學知識點或技術點,又能調動學生解決問題的積極性。教師和學生共同參與項目的選取過程中,教師要注意啟發學生去主動發現身邊的素材,選擇難度適合的工程項目。而其教學過程為:引出項目、明確需要解決的問題并舉例、分析,由學生總結歸納方案-分組實際操作完成任務-每組展示、相互評比、學習,教師點評、并提出更高要求-按項目完成的情況對學生各個環節進行點評。

三、結束語

綜合上面所說的,伴隨著互聯網中網站對人們生活中的普及以及重要性,各學校對針對《網頁設計與制作》這門課程的教學要求也是不斷提高。作為老師應該以培養學生的實踐能力為主,首先老師應該在課前把需要講授的課程都備好,讓學生在學校里打下一個堅實基礎的前提能夠多多的理論聯系實際,多多提高學生的積極主動思考能力和動手能力,而且還要引導學生的學習的興趣,讓學生在趕興趣的同時學習掌握更多的知識。如此以來才能使學生在跨出學校之門后更快的適應企業的要求,讓學生們依靠學校學過的知識快速找到自己理想的工作。

參考文獻:

[1]崔華鳳.信息技術教學中學生自主學習能力的培養[J].中國遠程教育,2003,15

篇8

高等職業學院的教學應具有較強的實踐性,針對學生的具體情況,我們采取相應的教學方法,在教學方法上,應注重理論知識簡潔凝練,要采用多樣化教學手段,實行啟發式教學、任務驅動教學、實例教學以及精講多練、邊講邊練等多種教學方法,激發學生學習的興趣。采用任務驅動和實例教學法。在課前,教師要做好充分的教學準備工作,通過網絡資源搜索和本節課內容相關的教學實例和視頻,在開始上課時,給出本節課的基本任務和學習要點,接著給學生播放已經設計好的實例或網上下載的視頻來演示本節課的主要內容,播放視頻或實例的過程中,要求學生仔細觀察頁面的結構和特點,并總結出實例要點和制作的關鍵環節,之后教師提示并給出學生的具體操作步驟。例如在講到“表格”時,根據教學目的和教學內容選用典型的實例,先對學生展示該實例使用表格的效果,然后再詳細講解表格的創建與基本屬性的設置,每講完一個屬性都要讓學生創建表格并設置一下其相關的屬性值,讓學生能夠瀏覽到網頁的直觀效果,然后再讓學生舉一反三,獨立完成一個類似的表格設計,從而達到鞏固知識點的目的。這樣可以激發學生的學習興趣,提高學生的學習積極性,案例教學法中案例的分析與完成,有助于培養學生分析問題、解決問題的能力,在實際教學中,學生計算機知識接受能力不同、水平參差不齊的狀況,不可能所有的學生在課堂上都能及時掌握教師所講的內容,需要在課后對課堂內容進一步復習鞏固,教師可以給學生布置一些相關實例,可為學生聯系一些企業網站設計任務,使學生能夠更好的鞏固學習、發揮自己的創新能力,制作出結構清晰、內容合理的網站。教師可以將課件及相應的學習資料放到教學郵箱里,對于重點和難點和知識,教師還可以錄制教學過程視頻,放在學校網站上,學生可以隨時訪問下載并進行學習,另外,教師還可以通過電子郵件或者QQ和學生交流,在課后也能隨時解答學生的疑問。

2課程考核方式改革

在《網頁設計》課程的考核過程中,主要采用網站創建測評。該課程考核主要分為作業考核、期中測試和期末課程設計測評幾個方面。作業要體現出每節課程的中心內容和學生的創意思維,期中測試要對半學期所學的理論與實踐設計相結合,制作出符合內容需要的合理頁面。最后在期末課程設計測評中,要求學生結合網頁設計的三大部分dreamweaver、flash、fireworks,開始著手收集資料,自己制作網站需要的相關圖片和動畫,規劃網站的整體框架,總結網頁上體現的所有網頁元素,通過詳細設計分析,創建自己特色的個人網站。每位學生自己設計一個個人網站,該網站首先必須是原創;其次,要有自己的特點,除了網站首頁設計外,還要具備相關的幾層鏈接來擴展網站的內容。為了進一步提高學生的網站建設及維護能力,我們還開設了相關的動態網頁設計課程等。

3結語

篇9

一、視覺導向

在同一畫面中,畫面的上部和中上部為視覺的中心位置,最容易吸引人的視線。在網頁設計中要將重要的信息放在視覺中心處,運用色彩將網頁上的各種信息要素在一定空間內合理分布,注意其色彩的輕重、大小、虛實、多少等對比因素,使頁面上各信息要素在色彩關系中保持一定的節奏感和美感,突出主題要素。通過頁面之間不同色彩的區分讓瀏覽者在潛意識中就能對網站的結構布局有整體的意識,用色彩進行有效地視覺引導。成功的網頁用色能夠讓用戶很快對于網頁整體功能板塊一目了然。

二、風格定位

色彩是頁面展示風格的關鍵,網站主題決定了色彩的應用,不同類型的網站具有不同的色彩定位。例如學術型網站要求體現嚴謹的態度,色彩風格要簡潔大方,突出嚴肅莊重權威的視覺感受;商業型網站要求色彩干凈明快,具有一定的商業科技感,色彩不需要過分豐富,設計師在選擇色系的時候主要考慮什么樣的色彩才能幫助瀏覽者快速高效地尋找到有用信息;娛樂型網站注重感官上的刺激,可以將色彩設計得豐富一些,大多選用飽和鮮艷的色彩作為標準色,以傳達豐富活躍的氣氛;個人類網站最具個性化用,可以大膽運用夸張的對比色。因此在進行網頁設計時,設計師首先要熟知網站的主題,然后根據特定的內容準確定位用戶群體,明確通過色彩希望達到的目的,從而確定整體風格,選擇相應的標準色。標準色確定后選擇輔助色,輔助色可以選用標準色的鄰近色或互補色,也可以用黑白灰。色彩搭配要具有主從關系,體現一定的秩序美。然后要確定背景和文字的色彩,背景和文字色彩的對比要大,以便突出文字內容,利于瀏覽者閱讀。最后確定功能標識的顏色,其顏色要利于瀏覽者快速發現自己所需的信息。設計師進行設計時要主題鮮明突出、要點明確,充分表現網站的特色。

三、網頁色彩的特殊需求

(一)確保舒適簡潔

網頁是在電腦屏幕上通過網絡瀏覽器來進行瀏覽的頁面,當人們持續在因特網上搜索海量信息的時候,發光顯示屏容易造成視覺疲勞。所以網頁色彩設計應該符合人類視覺特點、滿足大眾視覺審美需求,具有舒適性和簡潔性,讓瀏覽者在最舒適的狀態下尋找信息,在避免視覺疲勞的同時使網頁獲得最大程度的視覺傳達功能。對比鮮明的艷麗色彩往往會造成瀏覽者眼部肌肉的緊張,不利于瀏覽者閱讀。色彩風格應該清新明快,多采用中等明度的色彩,不宜用對比度過高的色彩,要盡量給人一種和諧愉悅的感覺。經研究分析,暖色可以讓人有溫馨感,綠色可以緩解人的疲勞,淺藍色可以讓人心情開闊,設計者要熟悉色彩給人帶來的這些心理感受。

(二)滿足特定用戶

色彩會因用戶不同的性別、年齡、文化、社會背景、生活環境、和心理需求等諸多因素,引發不同的心理感受。例如在中國白色表示哀悼多用于葬禮,在國外則代表純潔美好,多用于婚禮。在網頁設計之前,設計師對用戶要有清楚的定位分析,根據特定用戶來選擇網頁的色彩,滿足用戶審美需求,激發用戶閱讀興趣,同時還應多聽取特殊用戶的反饋信息,不斷改良完善。

篇10

關鍵詞:動態網頁;

中圖分類號:G424文獻標識碼:A文章編號:1009-3044(2011)30-7486-01

Discussion on Teaching of Dynamic Webpage Design

LIANG Li

(School of Mathematics and Computer Engineering, Xihua University, Chengdu 610039,China)

Abstract: Dynamic webpage design is a comprehensive and practical course. Based on the analysis of the course characteristics, from teaching content and teaching methods, discussed indetail on how to stimulate students interest in learning, improve the effect of teaching.

Key words: dynamic webpages;

隨著計算機技術和互聯網技術的發展,網絡應用已經深入到人們生活的各個領域。互聯網除了擁有快捷的全球通訊能力外,還給人們提供了大量的信息資源和各種服務功能。公司企業利用個性化網站進行企業宣傳和業務推廣。政府部門也利用自己的門戶網站和廣大民眾聯系,提供便民服務并收集市民意見。網絡使政府企業離人們的生活更近,單位內部的信息化也大大提高了工作效率。而電子商務、網上購物、網上銀行等已經成為人們生活不可缺少的一部分。大量的應用導致對動態網頁設計和維護人員的增加,動態網頁設計課程也就應運而生,成為各大高校不可缺少的一門課程。而動態網頁設計由于實踐性強,涉及的知識較廣,容易造成學生學習積極性不高。如何提高學生的學習興趣和實踐能力成為了教學過程中的難點和重點。本文以本系動態網頁設計課程為例,就如何提高學生學習興趣,取得良好的教學效果進行了探討。

1 課程特點分析

1.1 需要大量的基礎知識支持

動態網頁設計是一門技術性和實用性很強的課程,同事也是一門綜合性課程。在學習過程中涉及到HTML語言、基礎的程序設計語言、計算機網絡、數據結構、數據庫等各方面的知識基礎。如果沒有這些前期基礎課程的支持,設計動態網頁就是空談。那么前期課程學得不好的學生在遇到相關問題時很容易喪失信心和興趣。

1.2 課程內容多

技術是目前開發Web應用程序最流行和最前沿的技術。選用教材《3.5網站開發實例教程》包含內容有與VWD2008、XHTML基礎知識、基礎知識、服務器控件、頁面切換與導航、頁面布局、數據訪問、數據綁定、 AJAX、Web服務、在中使用XML等內容很多,并涉及到很多不易理解的抽象概念,如控件、對象、命名空間等。學習難度比較大。

1.3 開課學生特點

由于課程需要很多先行課的支持,所以該課程基本都是開在畢業班,實習的前一學期。這個時期的學生面臨著畢業就業的壓力,學分不夠的學生還要抓緊時間補夠學分。各方面的壓力都在這一學期開始加劇,使學生心理負擔較重,從而造成學習興趣的缺乏,課堂氣氛比較沉悶,學生積極和老師互動的熱情不高。由于,課時的原因,老師也不能用太多時間和學生互動。課堂主要呈現為老師在上面講,學生在下面被動的聽,幾次課后很多學生就跟不上了,學習的興趣也沒有了,課堂變得更加沉悶。

2 教學方法探討

2.1 教學內容的選擇

課程內容較多,課時有限,要想所有知識點都深入詳細的講解時間是不夠的。那么如何來選擇教學內容呢?既然課時有限,我們就著眼于最常用的基礎的技術要點,給學生講透,使學生能夠靈活準確的應用。這樣對于沒有講解的較深的部分,當同學們需要的時候自學起來也可以比較容易理解和掌握。

基礎常用的知識只能滿足大多數同學的要求,對于小部分愛好網頁制作,學習能力強的同學就感覺過于簡單,長期下去,學習興趣必然要降低,那怎么辦呢?我們可以在基礎技術講解完之后,提出近一步使用的技術問題,讓同學下去思考解決。并在下次課結束前用一兩分鐘請思考過的同學給出一兩種解決方案。課后也可以和有獨特見解的同學進行討論和交流,最大限度的滿足學生的求知欲望,激勵他們的學習熱情。這樣思考過和沒有思考過的學生都可以從中有所收獲。

2.2 案例式教學和互動式教學

動態網頁設計是技術性和實用性很強的課程。這類課程采用傳統的知識點的講解效果并不好,因此我們選用開發實例教程。對于網站的開發方法和技巧出了知識的講解還配有大量實例進行說明,是學生更加容易理解。在實例的選擇上,盡量使用BBS、留言板、網上商店、博客等同學常常用到比較熟悉的例子,由于學生熟悉,所以學習起來容易理解,一下就能聯想到什么效果是用什么技術實現的,學習興趣也就更濃。書中還給出了一個企業網站構建的全過程,給同學們建設自己的網站提供了有力的指導。

案例式教學雖然很好,但如果整個教學過程始終是老師依據案例進行講解,學生別動的聽講,同學們仍然很容易陷入疲倦的狀態,教學效果依然不是最好。我們要在案例教學的基礎上加上學生和老師的互動,督促學生開動腦筋,才能使課堂活躍,學生注意力保持集中狀態。這個時候我們可以不象前面那樣提出要求,讓同學們思考如何實現,而是反過來,根據當堂課程的內容,給出一些已經做好的頁面要求同學們根據呈現的效果和提供的功能給出它的實現方法。這樣即活躍的課堂氣氛有對課堂內容進行了有效的復習。

2.3 強化實踐教學

動態網頁設計是一門實踐性較強的課程,通過實踐訓練可以使學生更好的掌握所學的知識點,了解知識點實際的應用情況。實驗內容要和課堂內容相結合,是課堂內容的再現或應用延伸。同時可以在實驗課上根據某些典型問題提出討論,開拓同學們的思路,激發同學們的學習興趣,提高同學們分析問題解決問題的能力。