《網(wǎng)頁制作》課程教學(xué)大綱

1、 網(wǎng)頁制作課程教學(xué)大綱 一、課程信息課程名稱（COURSE TITLE）網(wǎng)頁制作課程性質(zhì)（COURSE CHARACTER）基礎(chǔ)選修課課程代碼（COURSE CODE）308B4016學(xué)分（CREDIT）1.5學(xué)時(shí)（CONTACT HOURS）16理論課時(shí)16實(shí)踐課時(shí)先修課程（PRE-COURSE）設(shè)計(jì)軟件(PS+AI)課程負(fù)責(zé)人（COURSE COORDINATOR） 二、課程目標(biāo)通過本課程的學(xué)習(xí)，學(xué)生應(yīng)達(dá)到以下幾方面的目標(biāo)： 1.熟練掌握和了解網(wǎng)頁的一般分類及其制作中所需的常用應(yīng)用軟件與相關(guān)常用基礎(chǔ)技能，對動(dòng)、靜態(tài)網(wǎng)頁形態(tài)運(yùn)作方式均有一定了解，能實(shí)現(xiàn)網(wǎng)頁代碼的基本調(diào)用與修改，并能實(shí)現(xiàn)一般站

2、點(diǎn)頁面的基礎(chǔ)維護(hù)與更新。2.系統(tǒng)掌握網(wǎng)絡(luò)媒體的行業(yè)特點(diǎn)，構(gòu)成元素、制作的基本流程，以及業(yè)內(nèi)網(wǎng)絡(luò)公司的網(wǎng)頁制作基本流程。3.明確網(wǎng)頁界面制作的基本頁面內(nèi)容結(jié)構(gòu)以及主次頁面間的相互關(guān)系。4.在掌握頁面構(gòu)成知識的基礎(chǔ)上，進(jìn)一步強(qiáng)化網(wǎng)頁界面的各區(qū)塊細(xì)節(jié)構(gòu)思方法、內(nèi)容設(shè)計(jì)以及資料分析等方面的實(shí)際操作能力和視覺創(chuàng)新呈現(xiàn)能力。5.加強(qiáng)整體站點(diǎn)頁面的布局策劃及色彩配置思維訓(xùn)練，并以此為指導(dǎo)，形成一定的網(wǎng)頁站點(diǎn)整體內(nèi)容布局與配色的策劃設(shè)計(jì)能力。6.培養(yǎng)多維度、多形態(tài)并靈活運(yùn)用的拓展應(yīng)用設(shè)計(jì)能力，包括創(chuàng)意能力、跨媒介多屏界面配適設(shè)計(jì)能力、PC端與移動(dòng)界面兼顧的綜合設(shè)計(jì)能力。7.掌握整體頁面的靜態(tài)界面設(shè)計(jì)方法及其動(dòng)

3、態(tài)元素的動(dòng)態(tài)化呈現(xiàn)的技巧和方法，提高整體站點(diǎn)的內(nèi)容規(guī)劃、信息梳理、視覺轉(zhuǎn)化及團(tuán)隊(duì)協(xié)作等綜合呈現(xiàn)能力。8.對當(dāng)下流行的H5微單頁制作原理及相關(guān)操作有一定了解，并具備初步的實(shí)踐經(jīng)驗(yàn)。課程目標(biāo)對畢業(yè)要求的支撐關(guān)系表畢業(yè)要求畢業(yè)要求指標(biāo)點(diǎn)支撐的課程目標(biāo)2.形成對視覺傳達(dá)設(shè)計(jì)專業(yè)的基本認(rèn)知，熟練掌握藝術(shù)設(shè)計(jì)基礎(chǔ)理論、中外設(shè)計(jì)發(fā)展歷史、視覺傳達(dá)設(shè)計(jì)的基礎(chǔ)理論知識。2.1形成對視覺傳達(dá)設(shè)計(jì)專業(yè)的基本認(rèn)知。2.2熟練掌握藝術(shù)設(shè)計(jì)基礎(chǔ)理論、中外設(shè)計(jì)發(fā)展歷史、視覺傳達(dá)設(shè)計(jì)的基礎(chǔ)理論知識。課程目標(biāo) 1、23.具有較高的藝術(shù)修養(yǎng)和審美能力，掌握視覺符號語言、視覺表達(dá)方式、視覺設(shè)計(jì)原則以及視覺媒介形式與設(shè)計(jì)形態(tài)的基本原

4、理和方法。3.1具有較高的藝術(shù)修養(yǎng)和審美能力。3.2握視覺符號語言、視覺表達(dá)方式、視覺設(shè)計(jì)原則以及視覺媒介形式與設(shè)計(jì)形態(tài)的基本原理和方法。課程目標(biāo) 2、4、5、75.具有一定的調(diào)查研究能力、分析問題、解決問題能力，具備對視覺傳達(dá)設(shè)計(jì)專業(yè)市場調(diào)研、數(shù)據(jù)分析以及數(shù)據(jù)可視化呈現(xiàn)的技能。5.1具有一定的調(diào)查研究能力、分析問題、解決問題能力。5.2具備對視覺傳達(dá)設(shè)計(jì)專業(yè)市場調(diào)研、數(shù)據(jù)分析以及數(shù)據(jù)可視化呈現(xiàn)的技能。課程目標(biāo) 4、6、76.熟悉視覺傳達(dá)設(shè)計(jì)具體流程，具有獨(dú)立完成視覺傳達(dá)設(shè)計(jì)的實(shí)踐與創(chuàng)新能力，具備對視覺傳達(dá)設(shè)計(jì)專業(yè)項(xiàng)目的設(shè)計(jì)能力、執(zhí)行能力以及管理能力。6.1熟悉視覺傳達(dá)設(shè)計(jì)具體流程，具有獨(dú)立完

5、成視覺傳達(dá)設(shè)計(jì)的實(shí)踐與創(chuàng)新能力，6.2具備對視覺傳達(dá)設(shè)計(jì)專業(yè)項(xiàng)目的設(shè)計(jì)能力、執(zhí)行能力以及管理能力。課程目標(biāo) 2、5、77. 具有較寬的設(shè)計(jì)視野，了解視覺傳達(dá)設(shè)計(jì)領(lǐng)域的方針、政策、行業(yè)標(biāo)準(zhǔn)及學(xué)科的理論前沿和發(fā)展動(dòng)態(tài)以及文化創(chuàng)意產(chǎn)業(yè)的發(fā)展?fàn)顩r，具有創(chuàng)新意識和對新產(chǎn)品、新工藝、新技術(shù)和新媒介進(jìn)行研究、開發(fā)和設(shè)計(jì)的能力。7.1具有較寬的設(shè)計(jì)視野，了解視覺傳達(dá)設(shè)計(jì)領(lǐng)域的方針、政策、行業(yè)標(biāo)準(zhǔn)及學(xué)科的理論前沿和發(fā)展動(dòng)態(tài)以及文化創(chuàng)意產(chǎn)業(yè)的發(fā)展?fàn)顩r，7.2具有創(chuàng)新意識和對新產(chǎn)品、新工藝、新技術(shù)和新媒介進(jìn)行研究、開發(fā)和設(shè)計(jì)的能力。課程目標(biāo) 6、7、88. 具備一定的就業(yè)技能，了解就創(chuàng)業(yè)的基本知識，具有能夠從事本專

6、業(yè)業(yè)務(wù)工作和適應(yīng)其它領(lǐng)域?qū)I(yè)工作的就業(yè)能力和創(chuàng)業(yè)能力。8.1具備一定的就業(yè)技能，了解就創(chuàng)業(yè)的基本知識。8.2具有能夠從事本專業(yè)業(yè)務(wù)工作和適應(yīng)其它領(lǐng)域?qū)I(yè)工作的就業(yè)能力和創(chuàng)業(yè)能力。課程目標(biāo)1、2、5、79. 具備良好的表達(dá)能力、人際交往溝通能力、跨文化交流能力，具備團(tuán)隊(duì)協(xié)作能力，能夠在多學(xué)科背景下的團(tuán)隊(duì)中承擔(dān)個(gè)體、團(tuán)隊(duì)成員以及負(fù)責(zé)人的角色。9.1具備良好的表達(dá)能力、人際交往溝通能力、跨文化交流能力。9.2具備團(tuán)隊(duì)協(xié)作能力，能夠在多學(xué)科背景下的團(tuán)隊(duì)中承擔(dān)個(gè)體、團(tuán)隊(duì)成員以及負(fù)責(zé)人的角色。課程目標(biāo)6、7三、教學(xué)內(nèi)容與預(yù)期學(xué)習(xí)成效知識單元對應(yīng)課程目標(biāo)知識點(diǎn)預(yù)期學(xué)習(xí)成效實(shí)現(xiàn)環(huán)節(jié)學(xué)時(shí)1.網(wǎng)頁制作概述課程目標(biāo)

7、1、21.網(wǎng)頁運(yùn)行環(huán)境介紹；2.相關(guān)術(shù)語介紹；3.網(wǎng)頁與網(wǎng)站的定義及相互關(guān)系；4.網(wǎng)頁基本構(gòu)成元素。1.了解網(wǎng)頁運(yùn)行環(huán)境所在的平臺及其歷史淵源；2.理解掌握站點(diǎn)及網(wǎng)頁相關(guān)術(shù)語及其含義；3.明確網(wǎng)頁頁面的基本構(gòu)成及站點(diǎn)的基本構(gòu)成。1.課堂講解2.課外實(shí)踐：選擇3-5組設(shè)計(jì)感較強(qiáng)的站點(diǎn)，并臨摹其頁面構(gòu)架及信息構(gòu)架，以手繪方式展示。理論2學(xué)時(shí)+實(shí)踐2課時(shí)2.網(wǎng)頁制作流程課程目標(biāo)21.常用制作軟件；2.網(wǎng)頁制作基本流程分布介紹；3.當(dāng)前實(shí)體公司中站點(diǎn)設(shè)計(jì)與網(wǎng)頁制作的基本流程。1.熟悉網(wǎng)頁制作相關(guān)軟件及其特點(diǎn)；2.明確網(wǎng)頁制作及其設(shè)計(jì)的基本步驟與流程；3.熟悉校外公司網(wǎng)頁制作的基本流程以及相關(guān)術(shù)語。1.

8、課堂講解2.課外實(shí)踐：根據(jù)之前站點(diǎn)頁面構(gòu)架及信息構(gòu)架，進(jìn)行互動(dòng)交流并點(diǎn)評。理論2學(xué)時(shí)+實(shí)踐2課時(shí)3.網(wǎng)頁制作基本原則與評價(jià)標(biāo)準(zhǔn)課程目標(biāo)3、5、6、71.布局是否合理 ；2.配色是否協(xié)調(diào)；3.瀏覽是否順暢；4.頁面元素的編排是否切題、美觀、具有較好的用戶體驗(yàn)；5.整體效果是否能較好的表達(dá)主題。1.具備一定的網(wǎng)頁審美評判力；2.熟知優(yōu)秀網(wǎng)頁設(shè)計(jì)的一般評價(jià)標(biāo)準(zhǔn)及其原則；3.對頁面具有良好的用戶體驗(yàn)具有一定的感知能力，并能提出自我改進(jìn)的大致建議與意見。1.課堂講解2.課外實(shí)踐：根據(jù)之前搜集的站點(diǎn)，挑選其中一組，并運(yùn)用PS或AI軟件臨摹其界面設(shè)計(jì)。理論2學(xué)時(shí)+實(shí)踐2課時(shí)4.常見網(wǎng)頁布局與色彩運(yùn)用課程目標(biāo)

9、5、61.PC+Mobile+Tablet界面尺寸設(shè)定；2.網(wǎng)頁界面的布局特性；3.跨屏常見網(wǎng)頁布局類型；4.網(wǎng)絡(luò)色彩及其象征寓意。1.熟知網(wǎng)頁界面在多種常規(guī)設(shè)備屏幕中的大致布局類型；2.了解當(dāng)下最新常規(guī)設(shè)備的基本屏幕分辨率及對應(yīng)的網(wǎng)頁界面規(guī)格；3.充分理解和掌握網(wǎng)頁界面的基本布局特性；4.熟知一般用色的基本象征及其對應(yīng)的寓意。1.課堂講解2.課外實(shí)踐：對之前臨摹的站點(diǎn)界面完成情況進(jìn)行點(diǎn)評。理論2學(xué)時(shí)+實(shí)踐2課時(shí)5. PS、AI網(wǎng)頁界面制作與輸出格式課程目標(biāo)1、71.PS網(wǎng)頁界面制作與輸出格式；2.AI網(wǎng)頁界面制作與輸出格式；3.GIF動(dòng)畫的制作與輸出。1.熟練掌握PS在網(wǎng)頁界面制作中對應(yīng)工具

10、操作及其對應(yīng)輸出格式；2.熟練掌握AI在網(wǎng)頁界面制作中對應(yīng)工具操作及其對應(yīng)輸出格式；3.熟練掌握GIF動(dòng)畫分別在PS及AI中的對應(yīng)操作及其對應(yīng)輸出方法。1.課堂教學(xué)2.課內(nèi)外實(shí)踐：學(xué)生參與近期設(shè)計(jì)比賽或個(gè)人站點(diǎn)，并選定主題，構(gòu)成創(chuàng)意草圖，老師給予輔導(dǎo)。理論2學(xué)時(shí)+實(shí)踐2課時(shí)6.DW站點(diǎn)創(chuàng)建、工具運(yùn)用與發(fā)布及HTML與CSS課程目標(biāo)1、2、3、71.DW本地站點(diǎn)的創(chuàng)建、文件調(diào)用與瀏覽；2.DW 常用工具介紹與實(shí)例制作；3.HTML概念、結(jié)構(gòu)組成、常用代碼釋義及代碼調(diào)用與修改；4.CSS概念、用途及實(shí)例制作與修改。1.熟練掌握DW站點(diǎn)文件夾創(chuàng)建的基本方法，并能規(guī)范命名；2.熟練掌握DW常用基礎(chǔ)工具

11、并熟悉其基本操作；3.掌握HTML常規(guī)結(jié)構(gòu)及其常用代碼名稱與含義，并具備一定的調(diào)用和修改代碼的能力；4.熟練掌握CSS的基本用法及其具體用途。1.課堂教學(xué)2.課內(nèi)外實(shí)踐：學(xué)生根據(jù)前期草圖完成正式電子稿細(xì)節(jié)制作，老師給予輔導(dǎo)。理論2學(xué)時(shí)+實(shí)踐2課時(shí)7.“行為”面板與聲音、視頻的添加與再編輯。課程目標(biāo)1、4、71.“行為”面板與實(shí)例制作；2.聲音、視頻的添加、預(yù)覽；3.聲音、視頻編輯軟件的介紹與存儲應(yīng)用。1.熟練掌握“行為”面板的部分內(nèi)容用法及其具體操作方法；2.能熟練運(yùn)用一般聲音及視頻編輯軟件的實(shí)踐操作能力。1.課堂教學(xué)2.課內(nèi)外實(shí)踐：學(xué)生繼續(xù)完成電子正稿，并就老師給出的修改意見予以改進(jìn)完善。理

12、論2學(xué)時(shí)+實(shí)踐2課時(shí)8.H5微單頁制作站點(diǎn)及其原理課程目標(biāo)7、81.H5概念及其用途；2.H5微單頁特征及其制作原理；3.H5相關(guān)制作站點(diǎn)推薦。1.了解H5的基本含義及其基本用途；2.了解H5微單頁的基本特征及其制作原理；3.具備初步的H5微單頁設(shè)計(jì)能力及較好的在線自學(xué)能力。1.課堂教學(xué)2.課內(nèi)點(diǎn)評：根據(jù)學(xué)生完成的最終稿給予作業(yè)點(diǎn)評。理論2學(xué)時(shí)+實(shí)踐2課時(shí) 四、教學(xué)目標(biāo)達(dá)成度評價(jià)1.教學(xué)目標(biāo)1、2的達(dá)成度通過課堂討論與提問形式進(jìn)行綜合考評；2.教學(xué)目標(biāo)3、4的達(dá)成度通過課堂練習(xí)與提問以及作業(yè)的完成情況進(jìn)行考評、檢驗(yàn)；3.教學(xué)目標(biāo)5、6、7的達(dá)成度通過課堂練習(xí)與實(shí)際案例的展示設(shè)計(jì)進(jìn)行綜合考評；4

13、.教學(xué)目標(biāo)8的達(dá)成度通過課堂引導(dǎo)及課外自學(xué)與課堂提問形式進(jìn)行考評；五、成績評定課程成績包括3個(gè)部分，分別為平時(shí)出勤、課程表現(xiàn)、課堂作業(yè)質(zhì)量。具體要求及成績評定方法如下：1平時(shí)出勤。平時(shí)出勤采用“只扣分，不加分”的方法計(jì)算成績，無故曠課一次，將在總評成績中扣除2分。曠課5次以上（含5次），取消本門課程的考核資格。2課程表現(xiàn)，占總成績的20%。（1）學(xué)習(xí)態(tài)度，要求每位學(xué)生能積極有效的學(xué)習(xí)專業(yè)理論和技能，認(rèn)真聽講，積極參與，勤于思考。（2）動(dòng)手能力，要求每位學(xué)生在理論指導(dǎo)下努力訓(xùn)練，掌握網(wǎng)頁制作相關(guān)技能，并體現(xiàn)在練習(xí)和作品中。（3）討論部分要求學(xué)生根據(jù)課程內(nèi)容，分組討論學(xué)習(xí)內(nèi)容，并闡述心得和認(rèn)識。3課程作業(yè)質(zhì)量，要求能夠體現(xiàn)課程目標(biāo)要求，并能夠體現(xiàn)一定的技術(shù)性和藝術(shù)性及創(chuàng)新性，充分體現(xiàn)網(wǎng)頁制作集技術(shù)含量與藝術(shù)審美相結(jié)合的課程特點(diǎn)。占總成績的80%。六、課程教材及主要參考書1. 建議教材：聶斌 主編.HTML+CSS+DIV網(wǎng)頁設(shè)計(jì)與布局，