時間:2022-10-22 21:25:26
序論:速發表網結合其深厚的文秘經驗,特別為您篩選了11篇網頁設計與制作范文。如果您需要更多原創資料,歡迎隨時與我們的客服老師聯系,希望您能從中汲取靈感和知識!
二、教學素材的選用方法
教學素材是以完成課堂教學任務為目的,以教師引導學生開展課堂活動的形式呈現的教學材料。1.合理性。以個人網站設計來說,文本的制作上講求清晰、明了、突顯個性化,Logo和導航的字體、字號設計可以依個人的喜好采取不規則式,選擇跳躍感強的色彩。在圖像的選取上也是以色彩豐富、形狀多樣的圖案為主。2.整體性。選用的教學素材要能夠自然、貼切地把各個知識點整合在一起,教學素材要服務于教學目標,要突出教學的重點。電子商務類網站以從事電子商務為主,對安全、穩定等性能要求較高,比較考驗網站中運行的程序。在知識點上以表格嵌套、模版運用、腳本語言和行為語句為重點進行講解。3.現實性和針對性。課堂教學中選取的素材要符合學生的認知水平和實際生活,教師可以從具體教學對象的特殊性出發,根據教學對象因人、因地、因時選材,為他們“量身定制”針對性較強的教學素材,如在教授電子商務專業學生時,素材的選取多以電子商務平臺或某一個人網店為主,以便引導學生從自己熟悉的教學素材中直觀體驗獲取知識、提高能力的喜悅。
三、教學模式在教材中的運用
在《網頁設計與制作》校本教材的開發上主要采用“基于過程的項目式教學法”。即“在引導學習者融入有意義的項目完成的過程之中,讓學習者積極地探究與發現,自主地進行知識的整合與建構,以現實的、學生生成的新知識和提高的完成項目任務的能力為主要成就目標,項目完成的過程也是學習者學習活動進行的過程”。為此,以項目作品開發為主線,把教材中的范例網站分解成若干個子任務,將課程標準中的圖像處理、動畫制作、音視頻處理、網頁頁面設計制作、站點維護等多方面的知識點融入其中,在整個課堂教學實施中,教師根據網站設計開發的實際工作順序安排,以作品演示的方式從頭至尾帶領學生操作,讓其感受網站從無到有一步步制作的全過程,有助于提高學生的學習興趣,培養其創新設計能力。
中圖分類號:TP393.092 文獻標識碼:A
1設計原則
1.1表格的定位功能
網頁制作中表格的運用很重要,它的作用除了表格本身具有的統計處理數據的功能之外,還可以對所制作的網頁頁面中的設計元素進行定位。網頁中的文本位置、圖像位置,可以通過表格來準確控制,而且還能消除諸多網頁元素之間的干擾,這樣設計出的網頁更加緊湊。
(1)網頁制作使用表格時,要避免這樣的設計行為:使用一張表格,然后將所有網頁設計都放在這個表格中。因為HTML在被瀏覽器解碼時是按照一定的次序進行的,瀏覽器解釋和顯示的順序都是自上而下的,但是如果有表格在網頁中,瀏覽器是將表格中所嵌套的全部內容都讀取出來之后,再顯示結果頁面。一般的網頁可能感受不到瀏覽器的這種工作順序,如果網頁中信息量大,瀏覽網頁的人瀏覽速度慢,瀏覽器這種工作順序就能表現出來。遇到這種網頁,瀏覽器在讀取了表格中全部內容之后,才為瀏覽者提供解釋結果,在這之前顯示的是空白。
(2)在進行網頁設計時,利用表格定好需要的位置,在頁面視圖下都是正常的,但是用瀏覽器瀏覽該網頁時就會出現部分設計對象位置混亂。這是由于表格寬度的設計出了問題,有兩種設置該寬度的方法,一種是利用百分比的方法,另一種是利用像素的方法,比如,利用百分比的方法,會有多種分辨率多種頁面設計結果出現,但是采用后者的方法,就不會出現這種問題。
1.2文件的命名
網頁制作的過程中,有時會出現如下這些問題:在設計時插入進去的圖片,預覽時顯示不出來、已經設計安排好的鏈接用不了等等情況。通過對問題的分析,發現問題出在了文件的命名上(用中文進行命名)。設計制作者為了在設計之后能夠便于自己查找調用,會在設計時對一些文件命以中文名,這就導致預覽時無法顯示圖片,只要將中文名換成英文就可以正常運行。為了解決記憶和查找文件的問題,可以用英文單詞或者漢語拼音有針對性的命名。
1.3圖像的無縫拼接
網頁中圖像的應用是很有必要的,圖像可以使網頁更加美觀。圖像的格式有許多,GIF、JPG、PNG這三種圖像格式在網頁設計和制作的時候比較常見。網頁的下載速度受圖像大小的影響很大,所以有必要在將圖片插入到網頁之前處理圖片,比如利用PhotoShop軟件,只要能夠保證圖像在網頁中顯示效果不受應影響即可。如果在設計網頁時,要用到大圖片,設計制作的時候可以用無縫拼接技術,該技術在圖像處理軟件中可以實現,先將要用到的大圖片處理成數個小圖片,將這些小圖片按照一定規則嵌套到網頁中,組成大圖片,拼出的大圖在現實效果上與完整的原圖基本上沒有差別,拼接痕跡也不會被察覺。在拼接小圖片的過程中,利用好表格,在表格的單元格中依次放置小圖片,再將表格的間距設為零,去掉表格邊框,設置好單元格的參數后,再手動微調,這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過程可能略顯麻煩,但是卻能保證大圖顯示效果的前提下又不影響網頁下載速度。
1.4個人站點中導航按鈕的設計
設計制作網頁時,加入導航按鈕,可以利用Photoshop或者Flash進行制作。設計者只有具備很好的圖像、動畫處理軟件基礎,才能掌握住這種創新性的方法,自己根據想達到的效果設計導航按鈕,能夠設計的創意。
2制作技巧
網站的頁面中包含:作為網站門面的首頁、支撐起網站結構的框架頁面,網站的內容表達主體普通頁面、網站中的用來顯示廣告、鏈接和推送消息之類的彈出頁。
比如設計首頁時,有兩種形式的設計可以作為網站首頁,一種是形象展示型,這種方式的設計主要在布局和造型上,加了藝術化的處理,結合公司的形象與公司的服務理念,提供有相關性的圖像與文字,這樣設計出的畫面才有生機和活力,在這樣網頁中,給瀏覽者提供最直觀的公司形象,吸引瀏覽者的注意力。還有一種首頁設計形式是信息羅列型,這種形式主要用于大中型企業網站,有很多條目和分類。
保持一致的網頁設計風格。網站營銷的諸多影響因素中,網頁風格的一致性是不可忽視的重要方面。統一網站風格的方法有很多,網站結構就是其中一種,比如,網站布局、內容排版、圖標大小、圖片位置等等。在統一網頁風格時,需要設計者特別關注的是網站中具有代表性的典型元素要保持一致,比如網站背景logo 、公司名稱字體、網站中圖片格調等等。
色彩搭配。頁面的色彩搭配是與網站的主題分不開的,在色彩搭配上,一般來說,頁面的主體文字應盡量使用黑色與背景對比明顯,按鈕、邊框、背景等使用彩色。色彩的應用最好根據網站主題風格選定一種基調,再根據這個基調來搭配其它顏色。一般來講,綠色配以金黃、淡白,可以產生優雅、舒適的氣氛;藍色與白色混合,能給人柔順、淡雅、浪漫的感覺,紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應是一個整體,以達到和諧、悅目的最佳視覺效果。
3結束語
第五,單擊菜單“窗口”中的[框架],顯示[框架]面板,在[框架]面板中,選中“mainFrame”,在[屬性]面板中將“滾動”設為“自動”。
第六,在頂部的框架中插入圖像。在左側的框架中插入一個7行1列的表格,在表格中輸入文字。
第七,在左框架的表格中選中文字,分別設置文字的超鏈接。
第八,按下F12鍵,打開瀏覽器查看網頁內容。
這個例子用框架布局整個頁面,但在框架里又嵌套了表格,這就實現了框架和表格有機結合,讓頁面布局更加靈活。
三、表格和框架的優缺點
表格是用于劃分頁面區域的。使用表格布局頁面的好處是:表格方便排列有規律、結構均勻;使用表格會使頁面結構清晰、布局整齊;表格可被絕大部分的瀏覽器所支持,具有很好的兼容性。表格的缺點是容易產生垃圾代碼,影響頁面下載時間,靈活性不大,難于修改。
框架則是用于分割瀏覽器窗口的,框架可以將一個頁面拓展為多個頁面,每個頁面都可以顯示不同的網頁??蚣艿膬烖c是支持滾動條,方便導航??蚣艿娜秉c是:難以實現在不同框架中精確地對齊各個頁面元素;保存時不方便,應用范圍有限;兼容性不好,并不是所有瀏覽器都提供良好的框架支持。
使用表格和框架對網頁進行布局,各有利弊。初學者要根據不同網頁頁面的要求做出良好判斷。
【關鍵詞】
網頁設計;高職;教學內容
隨著互聯網逐漸深入到經濟生活的各個角落,涌現出越來越多的網站。相應的,各類單位、企業等用人單位對網頁設計與制作人才的需求也開始變得普遍。而《網頁設計與制作》也早已成為大多數高職院校普遍開設的課程,甚至在同一所高職院校中也有相當數量的專業開設了這一課程,這些現象都反映出了社會對網頁設計與制作人才的需求。而互聯網的不斷發展也在推動著社會對網頁設計與制作人才水平要求的不斷提高,也對《網頁設計與制作》的教學提出了新的挑戰。
一、《網頁設計與制作》教學內容存在的問題
1.教學內容與實際應用脫節。
目前,《網頁設計與制作》的教學內容大致分為:網頁設計基礎知識、HTML語言基礎、CSS樣式基礎、網頁文本和圖像、超鏈接、表格、框架、Div、多媒體網頁、模板和庫、站點管理維護。不同院校、不同專業在具體內容的選擇上可能會有所差異,但大致都包括了這些內容。首先,在《網頁設計與制作》教學中,往往會以Dreamweaver這一網頁制作軟件的使用作為主要內容,所有的操作都依賴于Dreamweaver,很少涉及對HTML代碼的講解,這導致學生無法熟練的查看、修改HTML代碼,一旦離開了Dreamweaver,學生將無法制作、修改網頁。而在實際應用中,HTML代碼是在進行網頁設計時無法繞過的一個知識點。因為在Dreamweaver的設計視圖下操作是不能解決所有問題的,很多網頁設計中出現的問題只有通過查看HTML代碼才能發現并解決。此外,Dreamweaver也并不是計算機上的常用軟件,學生應該具備在脫離Dreamweaver的環境中進行簡單網頁制作、修改的能力。其次,早期的頁面布局以表格布局為主,但隨著互聯網技術與網頁設計標準的不斷發展,表格布局技術已經不再是主流,取而代之的是Div+CSS布局,也是所謂的內容與形式分開的布局方式。在這種布局方式下,頁面元素的布局更加靈活、頁面代碼更加簡潔。而更重要的是,采用這種布局方式的網站在整體風格的管理和后期維護上更加方便、效率更高。因此,《網頁設計與制作》的教學內容應當給予Div+CSS足夠的重視,加大其在教學內容中的比重,以增強與實際應用聯系的緊密程度。再次,隨著移動互聯網的興起,通過手機等移動終端訪問互聯網的用戶數量已經超過了傳統的通過PC訪問互聯網的用戶數量,如何設計適合于移動終端瀏覽的頁面,也應該作為《網頁設計與制作》教學內容的一部分。
2.只重視“制作”忽略“設計”。
不同院校、不同專業對《網頁設計與制作》課程的命名不盡相同,但大多帶有“設計”二字。而在實際的教學內容安排中,卻往往沒有體現出“設計”的部分。網頁設計是一門典型的交叉課程,既有計算機科學知識,又有人文社會科學知識。網頁設計雖較多的依賴技術性手段,但并不代表在教學內容的安排上就要以技術為主導。學習Dreamweaver也是只是為了掌握一種工具而不是最終目的,成功的網頁設計作品還要有美觀的布局、配色和人性化的信息導航。
二、確定合理的《網頁設計與制作》教學內容
1.加強對HTML基礎的教學。
雖然Dreamweaver作為主流的“所見即所是”編輯工具,可以讓使用者不接觸HTML代碼就能完成大部分網頁制作的工作,但是只有真正理解HTML語言,才能理解網頁工作的原理,才能真正深入到網頁設計的核心,才能學習到其他優秀網頁設計作品的內涵,為將來的能力提升鋪平道路。
2.加強對Div+CSS內容的教學。
Div+CSS布局已經是成熟的主流網頁布局技術,《網頁設計與制作》的教學應該突出對該技術的側重,將已經被淘汰的表格布局作為輔助。同時,對CSS的教學內容應該貫穿始終,因為CSS可以說是控制網頁元素表現形式的關鍵,掌握了CSS就能根據需要輕松的設置頁面元素的各種效果,從而為整個頁面增色。
3.增加對藝術設計的教學。
目前網頁設計行業內最缺乏的是具備優秀設計能力的高端網頁設計人才,而目前《網頁設計與制作》教學中最欠缺的就是對設計能力的培養,導致學生在學完課程后也只能進行簡單的模仿和重復,無法進行有效的創新和設計。因此網頁設計課程的教學應該以藝術設計為出發點,增加對傳統藝術設計方面的教學內容,如構圖、色彩、設計思維等知識,并進行相應的實踐練習,以此培養學生基本的審美能力和在設計上的創新能力,這樣才能讓網頁制作技術服務于網頁設計,從而真正體現出“設計”,避免舍本逐末。
4.補充對主流技術的教學。
互聯網的發展日新月異,新的技術不斷涌現,作為《網頁設計與制作》的任課教師,應該具備一定的判斷能力,將未來網頁設計技術發展的新趨勢呈現給學生,幫助他們緊跟行業動態,為將來就業打下良好基礎。
三、結束語
《網頁設計與制作》作為一門開設多年的課程,在教學內容的設計上必須要關注行業的最新動態,同時明確課程的核心內容,才能培養出社會所需要的網頁設計人才。
作者:韋喆哲 單位:廣西經濟管理干部學院信息管理系
隨著人們對網絡的要求越來越高,以及IT技術日新月異的影響,網頁的設計與制作方法也在進行著翻天覆地的變化,只有及時掌握網頁設計與制作的技術動態以及市場需求,并順應技術發展方向調整課程內容,才能夠讓學生學到工作過程中所需要的知識。
二、教學方法改進
1.任務驅動教學法
“任務驅動”式教學方法,是在研究教學大綱、教材和教學對象的基礎上,選擇實際工作中的一個或多個有突出特點的“任務”,通過對該“任務”的解決過程,把相關的知識組合進行教學。其突出特點是目標明確,過程生動,直觀性強,實踐性強,易于學生能力的培養。
針對課程的具體操作,根據課程的教學大綱、教學內容,先設計一個總任務,再根據循序漸進的原則,組織子任務的教學順序。把總任務分解成若干分任務,再分解成不同的子任務,子任務再分解成步驟。劃分的界定完全根據實際工作來定。
2.采用案例教學
根據教學目的和教學內容選用典型案例,通過對案例的分析,講授案例中所用的理論知識,融枯燥的理論學習于生動的例子中。在學生理解基本理論知識的基礎上,再演示典型例子,以此來讓學生進一步熟悉相關理論知識的應用及實際操作。授課時先展示網頁效果,再講解相關內容,這樣可以激發學生的學習興趣,提高學生的學習積極性。
三、建立完善的考核體系
在對學生進行考核時,采用重視學習過程的評判方式,采用平時成績與期末成績結合,平時成績占總成績的40%,期末成績占60%。平時成績由出勤、課堂發言和平時做作業組成。期末成績考核采用機考方式完成對技能部分的考核。在規定時間內(通常為2個小時)利用給定素材,包括考題所需的圖片、背景和其他輔助圖片,相關考題內容的文字資料、考題要求等,學生利用授課所學軟件完成規定技術要求的網站創意設計與制作。
參考文獻:
一、O2O教學模式的概念及特點
O2O教學模式,是利用互聯網技術,綜合線上、線下的優質教學資源,構建雙向互動的新型教學模式。其具有的特點如下。(一)對學生實現了個性化學習。學生對于線上學習時間的安排比較自由,可有選擇性的對教學視頻進行觀看。(二)對教師實現了素養的提高。對于每一堂課,教師都必須以基于線下來做線上,以及基于線上來改進線下為原則來準備線上和線下教學資源,且線上線下教學資源必須相互融合。線下教案的設計,線上教學視頻的錄制與編輯等課前準備工作,教學資源的完成對教師的素養實現了本質的改變。(三)學習資源的豐富性及共享性。為了能更好地利用O2O教學模式進行教學,在網絡平臺上必須上傳豐富的學習資源。(四)能實現師生間的多向交流性。教師與學生、學生與學生之間可以在線上、也可以在線下、同時還可以從線下到線上,再從線上到線下等進行交流討論,大大的突破了時間與地點上的限制。
二、采用
O2O教學模式的必要性和可行性
(一)必要性
現在的高職院校學生生源主要來自兩個渠道,一是通過高考錄取進來的??粕?,另一部分是通過中考錄取為五年一貫制的??粕?,生源素質普遍較低,學生學習興趣不高,自學能力較差。本文作者通過問卷和實地訪問調查發現,在傳統的教學模式課堂上學生喜歡玩手機,課外時間更是玩得不亦樂乎,甚至達到忘我的境界。為了能達到理想的教學效果,學院管理人員和教職人員齊抓共管,針對問題制定了一系列的對策用以阻止學生玩手機。鑒于此,何不利用學生癡迷于手機這種心態,充分發揮手機移動端的最大作用,結合移動互聯網技術,采取O2O模式進行教學。
(二)可行性
通過調查分析,免費無線WIFI已覆蓋全院,人人都擁有至少一臺移動終端設備,學院機房課外時間都為學生開放。我院已購買了支持手機端學習的超星慕課平臺,這些軟硬件設備都為開展O2O教學提供了良好的基礎。此外,通過調查發現教師很愿意嘗試利用這種與互聯網關系密切的具有創新的現代信息技術教授方式,學生也很愿意接受這種具有自由靈活性的學習方式。
三、《網頁設計與制作》課程應用
O2O教學模式的背景《網頁設計與制作》課程的特點是理論難度較大、實踐性強。課程的知識點較多且比較抽象,課堂上大多數知識點學生能聽懂,但不能將各個知識點融會貫通,遇到實際的WEB頁面設計工程時便是無從下手。在傳統的教學模式課堂上,教師通過舉例展現實際效果將知識點解釋清楚,并對各個知識點的關系進行梳理。但由于課時的原因,學生聽完之后就沒有更多的時間進行下一步討論,在沒有聽懂的情況下也沒有時間向老師請教,就更不用說對本堂課的知識進行擴充延伸。為了改變傳統教學模式教學效果和效率低下問題,2016年5月,我院引進了超星慕課平臺,將《網頁設計與制作》課程作為試點進行教學改革,探索出一套適合我院的O2O教學模式,然后在全院范圍內推廣至其他課程。
四、基于O2O教學模式在《網頁設計與制作》課程改革與實踐
(一)線上網絡平臺資源的建設
在超星慕課平臺上建立網頁設計與制作課程,在平臺上多種教學資源供學生觀看與下載。教師通過appMaker富媒體編輯器對教學視頻中知識點的重點、難點進行回放、放大等編輯操作,用以強調內容的重要性。
(二)線上與線下課堂教學模式的改革
在傳統教學模式課堂中,教師講課的基本流程為復習導入新課、新課講授、課堂小結、布置作業、課后小結五個環節。一堂課45分鐘,每個環節分別占用的時間大概為:5-8分鐘,30-35分鐘,3-4分鐘,2-3分鐘(課后小結是利用課外的時間完成)。一堂課下來,教師與學生、學生與學生之間基本沒有互動環節(除了教師提問環節),這樣不利于學生對知識的吸收與內化。而利用O2O教學模式進行教學,教學環節與時間分配都必須重新設計。
(三)O2O教學模式的教學環節設計
通過探討總結分析,將O2O教學模式學習時段分為課前、課堂、課后三個時段,具體工作如下:(1)課前時段:課前時段即線上學習時段。在每堂課上課之前,老師都會通過超星慕課平臺推送下節課學習內容的消息到學生的移動端。學生收到消息后首先進行的是課程預習及視頻的自主學習,學習過程中遇到的問題,可以通過平臺中的互動課堂版塊進行在線提問和討論,也可以記錄在紙質筆記本上,帶到線下課堂上請教老師或與同學進行交流。學生在完成課前時段作業的同時,相應的對下一節課內容已完成記性和理解兩個過程,為課堂時段提供充足的準備。(2)課堂時段:課堂時段即線下學習時段。在課堂上,老師首先利用10-15分鐘的時間對視頻中的知識點、重難點進行梳理,并對學生進行提問以了解學生課前學習的情況。其次利用15-20分鐘的時間讓學生提問,通過老師或學生(已完全理解該內容的學生)進行解答。再剩下的10-15分鐘,學生通過分組的形式討論老師布置的案例。老師參與程度或分組形式以具體內容而定,最后由每組的組長向老師表述討論結果,進而老師對每組討論結果進行總結點評。課堂時段的進行能增強人與人情感上的交流、教師面對面個性化的指導、教師和學生及學生和學生之間的即時討論等,是很重要的一個環節。(3)課后時段:課后學生再利用時間去觀看上一堂課的教學視頻,把之前遇到的問題(課堂時段已解決的)再梳理一遍,以達到溫故而知新的目的。再完成老師在平臺上的在線作業,如有疑問,可以利用超星慕課平臺所提供的討論交流模塊在線咨詢輔導老師,也可以與同學進行交流,同時對自己的學習效果進行在線測試等。
(四)適應O2O教學模式的教師隊伍建設
傳統的教學模式中,所有的教學工作基本都是一人完成。而利用O2O教學模式進行教學,雖然老師從主要講課“降”為只輔導學生、與學生討論、交流問題的角色,但是平時的工作量不但沒有減少,反而成倍增加。老師除了要做在傳統的教學模式中準備的工作外,課前必須把教學視頻錄制編輯好,把教學素材上傳到教學平臺上,還須與學生保持緊密聯系,掌握其學習動態,根據學生的學習效果優化課程教學內容,時刻在線為學生解答問題等。由于一名老師精力有限,是很難獨立完成這么大的工作量的。因此,教學團隊經過探討,對團隊老師進行分工,將工作量進行分解,明確每個老師在O2O教學模式中各個教學環節的角色、任務及相互協作的關系。將團隊分成主講教師和輔導教師兩部分。主講教師主要由具有豐富的教學實踐經驗的教師組成,主要負責課前教學視頻的錄制編輯,課堂時段的講課并組織學生討論交流。而輔導教師主要負責課前消息的、課后答疑、題目、作業收集與批改等工作。大家都把自己的工作任務做好,有事情積極溝通,抱著相互協作的態度完成課程教學工作。
(五)O2O教學模式的考核機制
O2O教學模式的考核機制以培養學生實踐創新能力目的,以平時的學習態度為基礎,依據教學環節進行設計,以期末考試總成績100%進行計算。平時學習態度占10%,包括線下上課和實訓考勤;實訓作業和報告完成情況占10%;課前時段學習占10%,包括教學視頻觀看情況,線上任務點的完成等;課堂時段學習占15%,包括問題的提出、討論的積極性等。課后時段占10%,包括在線測試、作業完成情況、復習觀看教學視頻等。最后必須按照要求完成一個綜合型的網站作品,這是考查學生綜合實踐及創新能力的代表作,包括圖像的處理、動畫的制作、審美觀等,所占的比重很大,占45%;期末總評分為以上六環節項分數的總和,只要有一項環節分不及格,課程總評成績為不及格。
五、O2O教學模式的實施效果
在O2O教學模式的實踐過程中,我們設置2015級計算機應用技術專業一班為試點班,二班為對照班。其中一班人數為35人,二班人數為38人。兩個班之前的網頁設計與制作前導課程均有同一個老師執教,各門課程期末考試成績統計情況基本一致。通過一個學期的學習,對兩個班教學效果進行總結分析。(1)從交上來綜合型的網站作品分析,一班學生設計出來的作品在顏色搭配、代碼使用、美觀整潔度明顯優于二班學生;(2)從省級大學生科技創新與職業技能競賽網頁設計與制作項目獲獎率分析,一班學生獲獎比往年高,而二班基本持平。此外,通過對試點班進行無名問卷調查,85%的學生認為在新的教學模式下,自我控制能力和自學能力得到了很大的提高,75%的學生認為新的教學模式更有趣,82%的學生認為自己的團隊協作能力、語言表達能力和自信得到了提升,90%的學生認為自己的實踐創新能力得到了提高。
六、總結
實踐證明,采用O2O教學模式進行教學,能夠提高網絡優秀資源共享率,改變了教師的教學方式和學生的學習方式,在教學過程中取得了良好的效果。但也遇到一些不可預測的問題,需要我們一線教學工作人員在以后的教學過程中不斷地探索與改進.
參考文獻:
[1]井靖,何紅旗,王志剛,殷冠英.O2O教學模式”在大學計算機專業教學中的應用原則[J].計算機教育,2016(2).
【關鍵詞】
網頁設計;課程改革;教學模式
《網頁設計與制作》是一門實踐性極強的課程,也是為滿足社會需求而設置的。網絡是人們獲取信息的重要來源,隨著網絡在人們生活中的地位逐漸上升,企事業單位和政府機構以及個人通過網頁來宣傳自己的單位和個人形象。因此,提高學生對網頁設計的興趣、培養學生自己開發網站的能力顯得尤為重要。
1激發學習興趣,鼓勵創新精神
1.1案例教學古語講“學起于思,思源于疑”,良好的學習興趣是學習的先導。首先采取案例教學,摒棄傳統的教學方法。在傳統的課堂上,教師講授理論知識,之后學生進行上機練習。往往會造成機房內操作過程中無處下手。因此,結合教學內容和目標選取典型的案例進行案例教學法能夠很好的解決這個問題,提高教學效果??菰锏睦碚撆c實際案例相結合,在課堂上及時展示網頁設計的效果,必將為課堂帶來全新的效果,對于學生熟悉理論知識和實際操作能力也能全面加強。激發學生的學習興趣、鼓勵創新精神,化被動為主動和提高學生解決實際問題的能力是網頁設計課程改革的出發點。
1.2互動教學建立教學網站,開設相應的學習論壇。在網站上傳課堂視頻、經典課件、網頁設計的學習資料以及課堂作業,加強師生的交流、資源共享。學生在課堂上不可能掌握教師所講的所有內容,加強互動交流和平臺建設這樣有助于學生的課后復習鞏固,清楚學生在課堂上的疑問。
2實驗設計與大作業制作標準
制作一個主題網站,主要從下面三個主題中選擇:個人網頁、校園生活、文學。綜合運用本課程所學的內容知識,導航、布局清晰、信息分類合理。可以從網上下載部分資料,但是不能超過整個內容的30%,絕對不允許直接從網上下一個網站,一經發現直接記0分,總的頁數應超過8頁。(一個包含主題內容的html文件或asp文件算一頁。)具體要求如下:(1)站點結構清晰,站點內文件夾名、文件名命名規范,杜絕使用中文漢字。(5分)(2)頁面布局可采用表格或者css+div。(10分)(3)創建模板,并根據模板至少創建1個頁面。(10分)(4)為一個頁面添加浮動框架,并有鏈接的頁面顯示到浮動框架部分。(10分)。(5)使用css樣式美化網頁。(10分)(6)網頁中必須有插入圖像、文字、鼠標經過圖像等頁面元素,并與主題相關。(10分)(7)要求首頁中加載5種鏈接方法:內部鏈接,外部鏈接、郵件鏈接、錨點鏈接、圖像鏈接。(15分)(8)網站中應用的方法和技巧的種類多少。(10分)(9)網站中無斷掉的鏈接和孤立的文件。(10分)(10)制作一份網站設計說明書,放在站點總文件夾中,并用A4紙打印一份。(該說明書必須能夠體現制作網站的過程,否則視為抄襲以0分計。)(10分)在網站制作過程中應注意以下幾點事項:(1)建立站點,圖片存放在文件夾images中。(2)所做網頁的首頁文件名必須為index.html。(3)不要忘記給每個頁面命名。(4)所以文件和目錄名全部使用英文字母和數字,不得漢字和全角字符。(5)網上下載的文字要注意刪除多余的超級鏈接和?之類。(6)最好在每個頁面加一個超級鏈接返回首頁。(7)網頁的總容量一般不要大于15mb。(8)如果網站制作粗糙,站點結構混亂,每個扣5-10分。(9)如果運用的動畫、圖片等不符合作品反映內容扣5-10分不等。將制作的網頁及說明書壓縮成一個文件,文件名為:學號_姓名_班級。
3團隊協作
在網頁制作過程中,鼓勵學生進行分組討論,以團隊形式完成作業,培養學生的團隊協作能力。在制作過程中,將同學們以5-7人分成一個課題小組,按照分工協作、組長負責的原則加強同學之間互相討論、互相學習、取長補短,一個團隊的同學共同思考完成一個網站的制作,鍛煉學生的合作精神。設計多個題目供學生選擇,學生可以自選題目,充分發揮學生的興趣和主觀能動性,在規定時間內完成最后進行網頁設計匯報演示。
4《網頁設計與制作》課程的考核標準
多數課程通常采用筆試的方法,然而計算機類課程考核的重點是實際操作能力而非單一的理論知識?!毒W頁設計與制作》這門課程考核內容過多偏于死記硬背的記憶性知識考核,就恰恰忽略了課程本身的性質,因此應重點培養學生的實踐能力?!毒W頁設計與制作》的課程考核方式要全面反映學生的真實學習水平、激發學生的學習興趣和制作靈感。為充分調動學生課堂以及課后完成網頁制作的積極性,在具體的考核中平時成績占總成績的20%,期末大作業的網站設計占總成績的80%。這樣能夠調動學生上課以及完成課堂練習和實驗任務的積極性。
5結語
網頁設計的人才培養目標和方案必須適應市場經濟對人才的需求,培養具有能夠自主思考、開拓創新和獨立解決實際問題能力的學生,這也是高等教育的基本目標。結合課程改革的《網頁設計與制作》教模式以學生為主題,發揮學生的主觀能動性,鼓勵團隊協作和師生平臺交流必將發揮重要的作用。
參考文獻:
[1]馬國德.對提高課堂教學質量的一點思考[J].青海教育,2002(04):18.
[2]劉顯麗.網頁制作課程的整合研究[J].遼寧教育行政學院學報,2005,(02):125-126.
[3]尹玉菡,楊萬軍.非計算機專業《網頁設計制作》課程教學設計與實踐[J].遼寧師專學報,2010,12(01):44-45.
[4]史科蕾,高詠欣.《網頁設計與制作》課程的教與學[J].信息技術與信息化,2007(02):129-131.
[5]劉強,張阿敏,翁艷彬.網頁設計與制作[M].北京:高等教育出版社,2010.
隨著計算機技術的不斷發展與革新,《網頁設計與制作》是近些年來計算機專業領域發展最快的和應用最廣泛的課程之一。社會急需培養掌握網頁設計、面向不用應用層次的專業人才。根據多方面的調研,再結合我校學生的實際情況,我把我校計算機平面與網頁設計、計算機網絡技術、軟件與信息服務等計算機相關專業的學生學習本課程的職業定位為大部分從事UI的開發,很少從事程序開發工作,因此在網頁設計與制作主要以Dreamweaver軟件教學為主。那如何調動學生學習興趣、如何選擇更加適合的教學方法及如何在教學過程中取得更好的教學效果,是值得我們共同探討的問題。在不斷學習先進教學理論及結合實際教學實踐,我認為可以從以下三方面入手。
1分析學情,合理安排教學內容,激發學生學習興趣
當前中職學校大部分學生都是考不上普通高中,想來中職學校學一技之長以謀生,但也有不少抱著玩三年然后等年齡夠了出去打工的態度,學生的厭學情緒比較嚴重,要么上課不專心,要么隨意曠課,學生學習的積極性極差,更談不上創新。所以在上本課程之前,首先要找些優秀出色網站設計案例供學生欣賞,并且要分析當前本課程的應用領域、社會需求及就業前景,激發學生的學習興趣,樹立信心。另一方面,要合理安排教學內容。因為中職學生普遍存在特點就是沒有一個良好的學習習慣和方法,就算剛開始帶著好奇和興趣學習網頁課程,但過一段時間就會出現厭學的狀態,出現這樣的狀況主要原因是課程章節內容的安排問題。在教學過程中,有些內容跟之前所學的知識有相似就稍顯枯燥或者出現新的較難掌握的內容就容易導致厭學。所以將課程內容分階段和模塊化教學,各階段和模塊之間既相互獨立,也相互關聯,同時將課程難點分解到各個不同的模塊中,化解了學生的畏懼和厭學心理。每個模塊自成體系,學完每一個個模塊就能獲得一項知識、技能,前面的模塊為后面模塊做鋪墊,后面的模塊又強化前面模塊的內容。這樣可以讓學生牢固地掌握《網頁設計與制作》的核心。因此,教師在教學中應將“教、學、練、做”融為一體,對每個學習情景都設計好案例,然后進行在上課的時候明確任務、教師演示、學生設計、展示評價等。例如:教師可將《網頁設計與制作》教學內容分為五個階段,每一階段設計了若干教學模塊。第一階段使學生能熟練使用網頁設計的入門篇;第二階段能熟悉并熟練使用網頁制作工具Dreamweaver、Photo-shop、Flash等,能制作布局得當、內容精彩的網頁;第三階段能進行動態網站的開發;第四階段掌握網站與維護方法;第五階段進行綜合案例項目實訓。每一階段的教學內容完成后,在專業機房組織單元考核,以實現分階段達標,最終使學生能獨立設計小型WEB站點。
2結合實際,選擇適合的教學方法,調動學生學習積極性
教無定法,因材施教。教師要根據學生的實際學習情況,不斷調整自己的教學方法,不斷將先進教學方法應用教學當中,才能激發學生的學習興趣,取得更好的教學效果。若采用傳統教學模式即課堂主要是教師的講解再輔以學生練習,這是教學模式是很難激發學生的學習興趣的,最后可能是教師累得精疲力竭、學生卻收獲甚微。通過實踐,我主要是采用案例教學法、項目教學法進行教學。案例教學法是在教師的指導下,根據教學目標的要求,利用案例引起教學活動,組織學生進行學習和研討的一種教學方法。與傳統的灌輸教學相比,案例教學是一種強調師生互動的開放式研究型的教學方法,它注重學生的實操能力,符合中職教育的教育特點。具體做法是:教師通過具體案例提出任務,將任務分解到每次的課堂教學中實現,教學過程中為了調動學生的學習積極性,教學過程中常常采用互動方式,即教師提出一種解決問題的思路,然后讓學生采用其它方式來解決同一個問題,課堂上每介紹一個任務后都要首先讓學生上機去模仿著實現,然后再要求學生采用自己的解決方案來完成任務。例如:在“創建企業展示型網站”的教學過程中,教師的教法是“案例驅動下的自主學習———分組協作學習———探究發現學習”,既鼓勵個性張揚,又提倡某些問題的分組協作與自主探究,指導學生對圖片及文字的來源進行探究發現(從網絡中搜集)。建構主義學習理論強調以學生為中心,要求學生由知識的灌輸對象轉變為信息加工的主體。以案例驅動,激發求知欲望,讓學生帶著逐個任務通過探究發現、相互合作、實際操作等方式,自主學習,使學生在完成任務的過程中不知不覺實現知識的傳遞、遷移和融合。項目教學法是教師在教學過程中以項目為主線貫穿始終,將課程中的知識點融入到項目中,學生以完成項目為主要目的、教師以學生的項目質量來評定學習效果的一種新的教學方法。學生全部或者部分獨立組織、安排學習行為解決在處理項目所遇到的問題,提高學習興趣。教師在選擇項目時需要注意將教學的理論和實踐結合在一起,同時項目要與企業實踐生產過程和現實經商活動有直接關系,才能使學生所學知識又具有價值,同時也會極大激發學生的興趣。例如:在《網頁設計與制作》教學中將一個班級分成多個項目小組,教師是項目經理,學生則是項目的開發人員,學生通過以小組分工的形式完成項目,再派學生代表進行項目展示,達到師生、生生之間交流和討論的目的。項目開發小組經常以幻燈片方式展示成果,陳述自己通過學習掌握了哪些知識和技能,運用了哪些方法,怎么用的?如何改進?獲得了什么親身體驗?初步提高了自己的哪些能力?問題是怎么解決的?解決的過程是什么?類似的交流穿插在整個學習過程中。這種方法有助于學生學習思維的發展,學生通過和其他學生的交流,解決疑惑,論證自己的觀點,開拓了思路,有利于發展學生的智力,整個教學過程同時也是學生學習的體驗過程。
3科學考核,提升教學質量,保證學習效果
在課程考核方面,將單純的課程考核轉向學生職業能力考核,主要包括三部分:第一部分,平時成績占總成績的30%,包括平時出勤、課堂紀律、課堂表現和作業等。第二部分,階段性項目設計考核占總成績的40%,分2次考核,根據網頁及網站制作流程,以職業崗位工作過程為依據,對學生分組,通過自評、互評,還有教師評,對每個項目進行評分。在交流評價的基礎上對自己獲得的材料和做出的作品進行檢驗。驗證學生自己的觀點。通過對比師生評價結果,找出造成結果差異的原因,讓學生反思他們在探究實踐中所運用的解決問題的策略。第三部分,期末綜合考核占30%,主要考查學生對知識的綜合應用能力?!毒W頁設計與制作》是一門實踐性很強的課程,教學方法也多種多樣,只要在教學結合實際,不斷探索、不斷總結,勇于創新,一定能尋出適合的教學方法,激發學生學習興趣,培養分析問題解決問題的能力,更具有職業崗位實務能力,完成勝任網頁設計與制作相關崗位的工作。
參考文獻
[1]邰琦琿.中職計算機網頁設計教學的若干實踐探索[J].信息與電腦,2013(5):208-209.
中圖分類號:G462文獻標識碼:A文章編號:1007-9599 (2012) 03-0000-02
Web Design and Production Curriculum Development and Practice
Tang Huai
(Zhaoqing Business and Technology College,Zhaoqing526040,China)
Abstract:Web design and production of network programs compared to traditional courses in educational philosophy,educational models,teach-
ing strategies,learning and evaluation aspects of change,breaking the constraints of time of teaching and learning,provides a good learning resources,learning environment,and convenient learning.This article focuses on the learning environment of the online courses to build analysis and discussion and teaching strategies and evaluation systems design.
Keywords:Network courses;Learning environment;Information resources;Teaching strategies;Instructional design
一、引言
《網頁設計與制作》是我院計算機各專業及電子商務類專業的必修課程,自開設以來深受學生的喜愛。因本課程教學內容及教學資源較多,學生很難在課程中完全掌握所學知識,為更好地補充和輔助學生進行課外學習,更加開放的網絡教學成為本課程的有益補充和良好的學習途徑。
二、課程分析與設計
《網頁設計與制作》課程是高職高專計算機專業的一門技能課程,結合職位崗位對人才的需求,我們收集了網頁設計、平面設計、動畫設計、動態網頁開發等課程的相關知識,對本課程的教學內容、知識結構、信息資源的選取、教學策略的使用進行了精心的策劃和設計。我們將學生熟練的網頁設計與開發的操作技能作為培養重點,在課程教學設計中,以“高素質、技能型”人才為培養目標,采取“小組協作學習”的學習方式完成整個課程的教學,并注重對小組的考核評價。
(一)學習需求分析
對于高職高專的學生,學習的主動性和積極性不夠強,但對于操作性比較強的課程,往往有強烈的學習愿望,針對學生的特點,并根據《網頁設計與制作》這門課程的性質特征,在教學中我們主要采用任務驅動的教學方法,實施項目教學,讓學生的學習和工作的內容緊密相聯,這樣不僅能夠吸引學生的注意力,并且能夠提高學生的學習興趣,同時達到“工學結合”的教學理念。
(二)學習內容分析
我們分析了多門與網頁設計與制作相關的教材,從課程的實際應用與培養需求出發,對教學內容進行了重新安排。從本課程的教學實際出發設定的學習目標是:培養學生具有一定的藝術素養,較強的網頁鑒賞能力,熟悉網頁設計創意的原理和方法,熟悉HTML、CSS、JavaScript和網頁制作工具,熟悉網頁的制作和流程。能夠根據客戶需求進行網頁設計與制作以及進行網站的維護和管理工作等??紤]到學生的層次不同,大家可以根據自己的實際情況有選擇的學習適合自己的模塊,自學能力較強的學生可以通過我們的網絡平臺得到進一步的提高和知識的拓展。
(三)知識結構體系
網頁設計與制作融合了平面設計、網頁制作、動態程序、數據庫等知識,作為一門綜合性強的課程.。把核心知識以最快、最有效的方式傳遞給學生,而又要能使學生容易掌握,所以本課程以“表格式”布局作為教學的主線,把Photoshop平面設計、Flas設計融入其中,同時適當引入“div+css”網頁布局的內容。而在動態網頁設計中,簡單介紹Asp+Aceess動態網頁設計知識。據此,在學習內容的組織上,以“用表格進行頁面布局”和“網頁與數據庫”這兩個知識點為主線,將其它知識串聯起來,可幫助學生迅速建立起知識的體系結構。
圖1 《網頁設計與制作》網絡課程知識體系和信息資源結構圖
三、信息資源的選擇
在《網頁設計與制作》網絡課程的設計中,以課內項目、課外項目和教學專題的形式進行信息資源的規劃與整合,選擇合適的形式來展現信息資源是非常重要的。如在網頁的中文排版教學模塊中,網頁文字材料應以文本為主,而涉及的圖片只需提供原始圖片即可,增強學生對資源的應用與處理。而在“實驗演示”、“動態網頁的原理”模塊中,以動畫的形式形象地展示出來,激發學生的想象力。而在課外拓展模塊中,信息資源應以視頻的形式展現,使學生方便參照與模仿。信息資源總體結構見圖1。
四、教學策略的設計
(一)任務驅動的教學模式
“任務驅動教學”就是將要學習的新知識隱含在一個或幾個任務中,學生通過對任務進行分析和討論,明確該任務所涉及的課程知識,并找出其中的新知識,然后在老師的指導和幫助下找出解決問題的方法,繼而完成相應任務?!毒W頁設計與制作》課程在教學中使用“任務驅動教學法”的具體做法是:教師先給學生呈現一個具體的網頁效果,接著與學生共同分析該網頁需要如何去處理,然后在老師的指導下師生共同完成網頁,形成“階梯式螺旋化”教學模式。這樣做的好處是:通過一個任務的完成,培養學生發現問題、分析問題、解決問題的能力,激發學生的學習興趣,同時能夠提高學生的實際動手能力;而且將新知識點融入任務中進行學習,所學知識具有一定的針對性與目的性,學生的學習就會認為學的有價值,且通過一項任務的完成,學生同時可以體會到一種成就感。
(二)開放式自主學習模式
本課程建立的網絡教學平臺中包含本課程的教學資源、教學課件、課程教案、教學指導等模塊。通過網絡提供10大類、45000多個文件的立體化教學資源,所有的教學資源可在網上瀏覽和下載,任何學生在任何時候、任何地方都能借助網絡學習。同時開發了在線答疑系統,提供了QQ和TQ兩種訪問途徑,在線訪問和離線留言兩種方式。在“學習資源區”針對不同層次的學習者設計了豐富的學習資源。通過電子教案,學習者可以了解教師課堂上講授的知識要點,并可下載素材進行相應的訓練;如果在學習中遇到了困難,一般通過“學習資源區”中的“你問我答”即可解決,確需教師幫助的,也可在網絡的“教師答疑”中給教師留言。專題學習板塊基本上覆蓋了較高層次學習者所要了解的知識。
(三)課外小組協作學習模式
在課外作業環境,采用基于構建主義學習理論的協作學習模式。一方面教師在網絡教學平臺創建學習主題和要求,另一方面學生可自由創建學習主題和內容,挖掘優秀學生的潛能。由學生自行組成小組并進行分工設計,在設計過程中可通過小組討論、師生網絡交流進一步深化和完善學習內容,完成后相互進行評價和交流。因此在設計網絡課程時要注重協同工作環境的設計,充分發揮網絡的功能。
五、學習評價系統的設計
為更好地評價學生在網絡教學中的學習效果,學習評價系統的設計是十分重要的。在本網絡課程中,根據學習者的學習需求和特點,進行不同程度的強化練習評價,并及時給出反饋意見。在學生完成對應的學習內容后,教師可以對學生進行評價,學生之間也可以相互評價。同時完成專題學習后,挑選出優秀的作品進行課外開放式評價,增強學生的成就感,以此達到學生的再學習的主動性。
六、結束語
全方位、立體化的網絡課程教學資源,彌補了課堂討論的局限性,調動了學生課內及課外學習的主動性和積極性,促進了學生對課程的全面掌握和理解,滿足了不同層次、不同學生對計算機知識的學習的需求。而網絡教學系統又具有共享性、交互性、非線性、時效性、多媒體化、服務個性化等特點,從而為學生自主學習的開展提供了保證,拓展了學習的空間和時間,充分保證教學活動的開放性、自主性,學習方式靈活多樣。
參考文獻:
[1]武法提.網絡課程設計與開發[M].北京:高等教育出版社,2007
[2]戴士弘.高職教改課程教學設計案例集[M].北京:清華大學出版社,2007
[3]董志彪,李文光.網絡環境下主題式學習的教學設計與實施[J].中國電化教育,2007
中圖分類號:TP393.092
隨著信息技術的飛速發展,網絡是人們獲取信息的主要手段,尤其目前的很多商業性網站,除了追求信息量豐富、操作便捷之外,要求網頁的視覺效果也要體現個性,突出網站的特色。因此,這就對網頁的設計與制作提出了更高的要求。
在網頁的設計過程中,首先要注重內容,無論是內容的承載信息量的廣度和深度,還是內容的組織層次上都很重要,很多人瀏覽網頁的針對性很強,比如上網查找軟件、MP3、小說下載或一定的資訊、教材等能夠更好地滿足需求;其次是網站的速度。在確定內容的基礎上,盡量提高速度十分必要,速度太慢,訪問者也只有失去耐心,從而影響你網站的訪問量;最后,是頁面視覺的美觀。要強調藝術性,注重通過獨特的藝術風格來突出設計目的。
1 網頁設計的任務
1.1 資訊類網站,目前知名新華網、新浪網、搜狐等都屬于這類網站。它以提供信息的量大、及時、全面、權威等特點吸引廣大訪問者。因此在網頁設計過程中要做到布局合理、頁面分割有序,更要注重界面的親和力等問題。
1.2 資訊和形象兼顧的網站,如高等學校的網站,一方面宣傳辦學理念、優勢、特色等企業形象;另一方面也會向社會招生、就業等資訊。再如海爾海爾、索尼等一些知名企業的網站。在設計上既要保證資訊類網站的要求,同時又要突出企業、單位的形象。甚至要突出企業的經營理念,所以從目前狀況上來看,很多企業不惜重金,不斷更新軟硬件設施,翻新網絡內容和網頁設計。
1.3 形象類網站,目前各類企業都會通過媒體宣傳自己,樹立企業的形象。所有的企業幾乎追求的都是同一個目標,就是讓自己企業的名字,產品以及服務都能深入人心,網絡的出現也就提供給了企業另一個宣傳的平臺,為企業樹立形象提供了一條新的路線。因此這類網站對設計者的美工水平要求較高。
2 網頁設計應遵循的原則
在網頁的設計過程中,畫面中的所有元素組織要達到良好的效果,這就需要遵循以下幾項原則:
2.1 統一性原則。畫面中的各組成部分不能鼓勵分散,缺乏條理性,能夠放在同一界面的當中,就要保證內容的整體性,設計風格的一致性。
2.2 連貫性原則。頁面之間都是相互聯系的,每一條目猶如城市路標,清晰地指引瀏覽者走下目的地,這就需要將內容恰當歸屬;表現形式上也要前后一致、相互呼應,實現視覺上和心理上的連貫,使整個頁面設計的各個部分極為融洽,猶如一氣呵成。
2.3 分割性原則。頁面分成小塊更容易產生清晰的視覺效果,使觀者第一時間完整目標定位,在眾多信息中找到重點,節省大量的信息篩選時間。
2.4 對比性原則。就是通過矛盾和沖突,使設計更加富有生氣。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。
2.5 和諧性原則。頁面在多個元素之間劃分,但也不失整體性,這是藝術設計中追尋美的法則。設計的作品中顏色、形狀、線條太多、太雜就會失去其靈魂所在,充滿太多隨意性的作品無法實現覺設計的傳達功能。和諧不僅要看結構形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產生心靈的共鳴,這是設計能否成功的關鍵。
3 網頁的設計與制作過程
3.1 網頁設計的實現。網頁設計的實現過程可以分為兩個環節:首先,手工繪制階段,用紙和筆畫出站點的規劃及草圖。設計網頁的版面布局,我們將以合適最適合的方式將圖片和文字排放在頁面的不同位置,動畫也要設置恰當的路線、恰當的時機?!爱嬛褚芍裼谛亍庇辛诉@份藍圖,我們就到了真正的藍圖實現階段了。第二環節在計算機上完成網頁的制作。這時除了要有一臺配置不錯的計算機外,軟件也是必需的。微軟的FrontPage、前Macromedia公司的DreamWeaver及網頁設計新貴Adobe公司的Golive。利用這些軟件工具,將藍圖中的組織形式和設計理念付諸于實踐。在設計的過程中要體現創意,融入恰當的藝術元素規劃組織結構,體現信息內容。
3.2 色彩的運用。色彩是美麗而豐富的,它能喚起人類的心靈的共鳴,促使人們產生無限遐想。每種顏色都有其深刻的寓意,如紅色是熱烈、沖動、強有力的色彩,它能使肌肉的機能和血液循環加快。由于紅色容易引起注意,所以在各種媒體中也被廣泛的利用,除了具有較佳的明視效果之外,更被用來傳達有活力,積極,熱誠,溫暖,前進等涵義的企業形象與精神,另外紅色即是警告,危險,禁止,防火的指定色。因此網站設計過程中色彩設計是重要一環,網站的整體色彩搭配應符合網站的主題信息特征。而網站的整體色彩搭配是由主色調和輔助色調兩部分。
主色調是構成網站形象的一種或一組主要色彩。明確網站的主題、服務對象之后我們再根據每種顏色的寓意進行選擇。如綠色食品類的網站以綠色為主,突出希望、健康的主題。通過主色調體現企業形象,以此達到品牌或產品宣傳的目的,給消費者留下一個多種媒介的統一印象。如麥當勞的紅、黃,可口可樂的紅。主題色的數量不可過多,一種或兩種即可。
而輔助色調在網頁設計的色彩設計環節中,經常要小面積地使用主題色以外的其它色彩,來增加頁面的色彩層次或輔助實現某種功能。輔助色的面積雖然小,但卻能起到緩沖和強調的作用。合理地使用輔助色,能讓主色調更加鮮明、生動,使得頁面視覺效果更加流暢、和諧。輔助色應在主色調確定后進行選擇。要在保持主色調主導地位的前提下,與主色調間形成相互和諧的局面。可以選用柔和的相近色,也可選用反差較大的對比色。
3.3 造型的組合。在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品里,是需要點、線、面的共同組合與搭配來構造一個有機整體,引導受眾的視野。通常使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。突出頁面上的重要元素,突出設計的主題,增強美感。
3.4 網頁的優化:(1)文字優化。文字是網頁中傳達信息的基本載體,因此字體的優化就顯得尤為重要了。通常指定字體為宋體字號大小為12px,字體顏色要與背景色相協調,在能看清楚的基礎上要求達到整體和諧。白色背景、黑色字體是最為常用的,防止瀏覽者產生眼疲勞,保證較長時間地瀏覽網頁。(2)圖片優化。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低,這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進行優化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優化為gif,這是由這兩種格式的特點決定的。(3)表格優化。設定表格的寬度、高度、邊框、背景色、對齊方式等參數。
4 結束語
綜上所述,靈活運用網頁設計軟件實現網頁的設計,在不失網頁設計主題的前提下,摻雜巧妙的藝術手法將網頁的內容以個性化的方式呈現出來,更好地滿足受眾的需要,并達到瞬間產生深刻印象的藝術效果。
參考文獻:
[1]王娟.網頁設計中的色彩運用[J].電影評介,2010(03).
【摘 要】以高職院校計算機專業學生的培養目標出發,探討網頁設計與制作課程課程標準的制定。對《網頁設計與制作》課程的課程定位、設計思路、工作任務、課程目標四方面的改革,以便提高這門課的教育教學質量。
關鍵詞 教學改革;課程設計;課程目標
1 課程定位
《網頁設計與制作》課程是計算機應用技術、信息管理、電子商務等專業的一門核心課程,也是其他計算機專業的普及型課程,它涵蓋了HTML設計、JavaScript腳本編程語言、CSS等相關知識,全面介紹WEB站點設計的基本操作技術和使用技巧。課程以目前最常用的網頁三劍客為主要工具,通過學習要求學生掌握網頁設計的基本概念,了解常用腳本語言html,了解網頁設計方法,初步掌握DIV+CSS網頁設計。同時通過本課程的學習,提高學生的操作技能,培養學生踏實認真、精益求精、團結合作、創新的精神,培養良好的職業道德。
2 設計思路
經過不斷學習、深入調研,根據高等職業教育培養目標要求,根據職業崗位的任職要求,從多元智能的人才觀、能力本位的教育觀出發,確立了“基于職業工作過程,以培養職業能力和素質為重點,實施任務驅動教學”的課程設計理念。本課程是按行動導向教學理念進行項目式教學改革的試點課程。通過在多個專業試點,我們按照項目教學的要求,創設了行動導向的項目教學,不僅將網頁設計的相關知識有機地融入到工作任務,還結合學生所處的不同時期、不同狀態以及正在學習的不同內容,有針對性的嵌入了影響學生就業的職業素質的培養單元,進一步地加強了項目教學的職業針對性。課程以商務型專業網站平臺服務崗位需求為導向,以網頁設計職業能力培養為重點,以商務網站項目為載體,實現課程設計與開發的創新。網頁設計教學按照網頁設計員的崗位職業能力要求進行課程設計,圍繞完成一個真實的工作任務開展教學,把學習與工作融為一體,通過指導學生完成一系列的實際工作任務來達到職業能力目標的要求,重點培養學生開發簡單商業網站的崗位能力和職業素養。通過本課程的學習,要求學生能夠成為從事網站開發、網頁界面設計等工作的應用技術型人才。
3 工作任務
“網站建設與維護”職業崗位具體的工作為:在一種操作系統平臺下綜合利用各種相關軟件完成網頁設計與網站建設的工作。對于該崗位的從業人員人員來說,必須懂得Internet、網頁設計與制作、后臺數據庫設計和建立、網站規劃與建設、通訊及網絡技術等技術方面的專業知識。具備網站規劃,靜態網頁設計,建立動態站,進行網站的上傳、更新、維護的能力,同時必須具備一定的平面設計基礎。其中網頁設計與制作員,其典型的工作任務是按照客戶的要求進行網站規劃和網頁設計,運用Dreamweaver、 Fireworks、flash等網頁制作工具完成網頁的制作及網站建設。也為今后勝任小型動態網站建設、大型網站的規劃與建設工作打好基礎。
在《網頁設計與制作》學習領域中貫穿兩個平行的工作總任務;一個是模仿型總任務:《拓展運動會精彩回放》網站設計與制作;一個是開放型總任務:“以業余愛好為題材的個人網站”設計與制作;模仿型總任務來源于我校學生拓展運動會,這是一個真實的工作任務,也是一個學生感興趣的任務。以模仿型總任務作為教學載體,教學的基本要求和完成實際工作所要求的基本知識、技能都融入在該任務中。根據網頁設計和網站建設的實際工作流程,將該任務切分成若干子任務,學生依據任務樣本,在教師的示范引導下通過模仿而逐個完成子任務,最后完成總任務,獲取學習成果。與完成該模仿型總任務相平行,以開放型總任務作為教學拓展。教師只給出原則性要求,網站內容依據學生個人愛好自由確定,技術的運用在滿足原則要求的前提下由學生創意發揮,實現知識的拓展和能力的進一步提高。
4 課程目標
4.1 教學目標
了解WWW、HTTP、HTML、CSS的定義、概念和作用;
理解服務器、客戶端、瀏覽器的概念和作用;
理解HTML語言中的常見標記及其作用;
熟練掌握Dreamweaver的基本操作方法;
理解表格、框架、層的作用,掌握設置其屬性的方法;
理解CSS樣式表的作用和意義,掌握定義CSS樣式的方法;
理解表單的作用,掌握設置表單元素屬性的方法;
理解行為的作用,掌握設置行為的方法;
理解模板和庫的作用。
4.2 技能教學目標
會使用Dreamweaver網頁設計工具制作網頁;
會根據需要修改HTML語言中的標記,設置相關標記的屬性;
能夠熟悉進行網頁文本、圖像、超鏈接、表格操作,并按要求設置其屬性;
能夠熟練運用表格、層、框架等進行網頁布局;
熟練掌握CSS樣式的定義和修改,并能根據實際需要進行CSS樣式的定義和應用;
熟練掌握表單制作方法,能夠根據要求進行表單的設計;
能夠在網頁中根據要求設置行為;
熟練掌握模板設計方法,能夠根據實際需要進行模板設計,并能使用模板生成相應的網頁;掌握庫的基本操作方法,會使用庫簡化網頁設計。
4.3 素質教學目標
具有勤奮學習的態度,嚴謹求實、創新的工作作風;
具有良好的心理素質和職業道德素質;
具有高度責任心和良好的團隊合作精神;
具有一定的科學思維方式和判斷分析問題的能力;
具有較強的網頁設計創意思維、藝術設計素質。
通過本課程的學習,使學生對網頁設計的基本原則、欄目和目錄結構定義、主流頁面布局方法、導航制作、圖文排版、色彩理論等進行詳細了解。掌握網站規劃、設計、制作、管理、的相關技術及網頁制作的操作技能;并熟練運用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架標記及屬性設計出框架網頁、表單網頁、多媒體動態網頁;掌握使用css技術進行網頁布局的基本方法。掌握JavaScript腳本語言的基本語法知識,HTML中JavaScript程序的嵌入方法,對象的概念及使用JavaScript來進行開發、維護、管理和設置WEB應用程序;掌握綜合網站設計和的基本流程和方法。
參考文獻