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