1、軟件學(xué)院實(shí)踐教學(xué)環(huán)節(jié)實(shí)施方案填表人：王玥 填表時(shí)間：2013年11月22 日實(shí)踐環(huán)節(jié)名稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)實(shí) 施 時(shí) 間16周實(shí)施地點(diǎn)15號(hào)教學(xué)樓實(shí)驗(yàn)室班級(jí)11網(wǎng)絡(luò)工程學(xué)生人數(shù)200指導(dǎo)老師王玥實(shí)踐環(huán)節(jié)性質(zhì)和目的：1. 課程設(shè)計(jì)為學(xué)生提供了一個(gè)既動(dòng)手又動(dòng)腦，獨(dú)立實(shí)踐的機(jī)會(huì)。2. 將課本上的理論知識(shí)和實(shí)際應(yīng)用有機(jī)的結(jié)合起來(lái)，鍛煉學(xué)生解決實(shí)際應(yīng)用問(wèn)題的能力。3. 提高學(xué)生的靜態(tài)網(wǎng)頁(yè)技術(shù)的實(shí)際應(yīng)用能力。4. 鞏固學(xué)生的靜態(tài)網(wǎng)頁(yè)技術(shù)方面的知識(shí)。.實(shí)踐環(huán)節(jié)內(nèi)容：1動(dòng)手制作網(wǎng)頁(yè)之前：1) 必須認(rèn)真做好網(wǎng)站的需求分析，包括市場(chǎng)調(diào)查，定位網(wǎng)站目的，策劃好網(wǎng)站的主題及功能定位，創(chuàng)意出網(wǎng)站的風(fēng)格和亮點(diǎn)，確定網(wǎng)頁(yè)色彩

2、基調(diào)。2) 規(guī)劃好網(wǎng)站的風(fēng)格和結(jié)構(gòu)，網(wǎng)站主要內(nèi)容及板塊，各板塊的具體內(nèi)容及功能。3) 根據(jù)指定的網(wǎng)站主題書(shū)編寫(xiě)*網(wǎng)站策劃書(shū)2創(chuàng)建完善的目錄結(jié)構(gòu)。站點(diǎn)文件夾為班級(jí)學(xué)號(hào)組號(hào)(如：11網(wǎng)絡(luò)工程1班01組) 站點(diǎn)文件夾中所包含文件夾：Images （存放圖片文件） Swf（存放動(dòng)畫(huà)文件） Templates（存放模版文件） Library （存放庫(kù)文件） other（存放其它文件） 源文件 （存放自己設(shè)計(jì)的圖形、動(dòng)畫(huà)文件） 其余視文件夾需要而添加，全部用英文命名 站點(diǎn)文件夾中所包含文件： index.html（首頁(yè)） *.css （樣式表文件）其余文件名視需要而添加，全部用英文命名3制作網(wǎng)頁(yè)前，收集好

3、所需的文字資料、圖像資料、網(wǎng)頁(yè)特效。4所創(chuàng)建的網(wǎng)站至少包括8個(gè)以上頁(yè)面，分為三層，第一層為首頁(yè)，第二層為4個(gè)二級(jí)子頁(yè)，第三層為2-3個(gè)內(nèi)容頁(yè)。網(wǎng)頁(yè)中必須要用到CSS以及DIV技術(shù)實(shí)現(xiàn)網(wǎng)頁(yè)元素的修飾及布局。首頁(yè)采用表格或CSS+DIV進(jìn)行布局，必須包含導(dǎo)航欄；1) 4個(gè)二級(jí)子頁(yè)分別為框架網(wǎng)頁(yè)、表單網(wǎng)頁(yè)，利用模板制作的網(wǎng)頁(yè)、利用布局表格制作的網(wǎng)頁(yè)。2) 內(nèi)容頁(yè)分別為表格或CSS+DIV布局的網(wǎng)頁(yè)。3) 網(wǎng)站頁(yè)面中特效要求實(shí)現(xiàn)包含至少使用任何1種以上特殊效果：滾動(dòng)字幕和圖片、flash按鈕、浮動(dòng)廣告、特效菜單等。各個(gè)頁(yè)面根據(jù)需要插入合適的圖像和Falsh動(dòng)畫(huà)，首頁(yè)要求插入背景音樂(lè)。4) 所有頁(yè)面要求

4、內(nèi)容充實(shí)、布局合理、顏色搭配協(xié)調(diào)、美觀大方。5) 各個(gè)頁(yè)面之間導(dǎo)航清晰、鏈接準(zhǔn)確無(wú)誤。5網(wǎng)頁(yè)的版面尺寸應(yīng)用符合網(wǎng)頁(yè)設(shè)計(jì)的規(guī)范，網(wǎng)站中所有文件、文件夾的命名應(yīng)規(guī)范，盡量做到字母數(shù)量少，見(jiàn)名知意、容易理解。6實(shí)訓(xùn)過(guò)程中既要虛心接受老師的指導(dǎo)，又要充分發(fā)揮主觀能動(dòng)性、獨(dú)立思考、努力鉆研、勤于實(shí)踐、勇于創(chuàng)新。7在設(shè)計(jì)過(guò)程中，要嚴(yán)格要求自己，樹(shù)立嚴(yán)密、嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度，必須按時(shí)、保質(zhì)、保量完成實(shí)訓(xùn)任務(wù)。要求獨(dú)立完成規(guī)定的實(shí)訓(xùn)內(nèi)容，不得弄虛作假，不準(zhǔn)抄襲或拷貝他人的網(wǎng)頁(yè)或其他內(nèi)容。8小組成員之間，既要分工明確，又要密切合作，培養(yǎng)良好的互助、協(xié)作精神。9實(shí)訓(xùn)期間，嚴(yán)格遵守學(xué)校的規(guī)章制度，不得遲到、早退、曠課。

5、缺課節(jié)數(shù)達(dá)三分之一以上者，實(shí)訓(xùn)成績(jī)按不及格處理。10實(shí)訓(xùn)環(huán)境為Windows XP及以上版本的操作系統(tǒng)，網(wǎng)頁(yè)制作軟件為Dreamweaver CS5本次課程設(shè)計(jì)周數(shù)：1周進(jìn)度安排：題目提前兩周布置，使學(xué)生作好準(zhǔn)備（1）實(shí)訓(xùn)準(zhǔn)備、制定實(shí)訓(xùn)計(jì)劃，書(shū)寫(xiě)*網(wǎng)站策劃書(shū)（1天）（2）設(shè)計(jì)網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計(jì)網(wǎng)站層次結(jié)構(gòu)圖，設(shè)計(jì)首頁(yè)及其頁(yè)面的版式結(jié)構(gòu)圖。創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。（1天）（3）制作首頁(yè)。制作二級(jí)子頁(yè)。制作內(nèi)容頁(yè)。（1天）（4）測(cè)試與瀏覽網(wǎng)頁(yè)。（1天）（5）考核階段（1天）實(shí)踐要求：1) 網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)采用以“項(xiàng)目小組”為單位進(jìn)行，項(xiàng)目小組根據(jù)選定的項(xiàng)目，按計(jì)劃進(jìn)

6、度完成項(xiàng)目的分析與設(shè)計(jì)及實(shí)現(xiàn)任務(wù)。2) 每個(gè)班級(jí)每五人作為一組，每組選出組長(zhǎng)一名，負(fù)責(zé)考勤、作業(yè)的收集上交。3) 題目可以自定（須經(jīng)指導(dǎo)老師同意）或采用參考附錄中的參考題目，每組選擇一個(gè)題目成績(jī)考核和評(píng)定辦法：通過(guò)設(shè)計(jì)答辯方式，并結(jié)合學(xué)生的動(dòng)手能力，獨(dú)立分析解決問(wèn)題的能力和創(chuàng)新精神，總結(jié)報(bào)告和答辯水平以及學(xué)習(xí)態(tài)度綜合考評(píng)。成績(jī)分優(yōu)、良、中、及格和不及格五等?？己藰?biāo)準(zhǔn)包括：序號(hào)考核項(xiàng)目評(píng)分比例1網(wǎng)站策劃書(shū)網(wǎng)站策劃書(shū)寫(xiě)認(rèn)真、完整、字跡清楚、頁(yè)面整潔，內(nèi)容充實(shí)。10%2網(wǎng)站效果（1）內(nèi)容方面：主題明確，內(nèi)容健康、具體，各個(gè)頁(yè)面的文字、圖像、動(dòng)畫(huà)能夠清晰地表達(dá)主題，各級(jí)內(nèi)容層次清晰，同級(jí)頁(yè)面格式統(tǒng)一。

7、50%（2）版面結(jié)構(gòu)：版面結(jié)構(gòu)合理，頁(yè)面色調(diào)和諧，每個(gè)頁(yè)面都有返回上一級(jí)或鏈接到其他頁(yè)面的文字或按鈕。（3）視覺(jué)感受：色彩搭配協(xié)調(diào)、美觀，頁(yè)面設(shè)計(jì)規(guī)范，沒(méi)有出現(xiàn)亂碼、空鏈接和錯(cuò)誤鏈接。（4）CSS以及DIV技術(shù)實(shí)現(xiàn)的網(wǎng)頁(yè)元素的修飾及布局準(zhǔn)確。（5）網(wǎng)站風(fēng)格：網(wǎng)站具有特色，主題、文字、圖像、動(dòng)畫(huà)有創(chuàng)新。3紀(jì)律考核實(shí)訓(xùn)期間組織紀(jì)律性強(qiáng)，無(wú)遲到、早退、缺課現(xiàn)象5%4創(chuàng)新情況制作的網(wǎng)頁(yè)具有獨(dú)創(chuàng)性，構(gòu)思巧妙、有新意5%5成員協(xié)作小組成員協(xié)作精神強(qiáng)，所有的成員在規(guī)定時(shí)間內(nèi)完成實(shí)訓(xùn)任務(wù)，無(wú)雷同現(xiàn)象或抄襲現(xiàn)象。10%6答辯情況回答問(wèn)題準(zhǔn)確無(wú)誤10%7實(shí)訓(xùn)報(bào)告實(shí)訓(xùn)報(bào)告書(shū)寫(xiě)認(rèn)真、完整、字跡清楚、頁(yè)面整潔，實(shí)訓(xùn)收獲

8、較大。10%合計(jì)100%研究室主任（簽字）： 系/院教學(xué)主任（簽字）： 系/院（簽章）簽字時(shí)間： 簽字時(shí)間：注：（1）指導(dǎo)教師一欄中，責(zé)任教師填寫(xiě)在第一位；（2）每個(gè)課程設(shè)計(jì)每個(gè)班級(jí)填寫(xiě)一份。附表*網(wǎng)站策劃書(shū)（2號(hào)、加粗、宋體、居中）一、網(wǎng)站分析與定位：（4號(hào)、加粗、宋體）1、建設(shè)網(wǎng)站目的主題、及功能定位。（5號(hào)、宋體、1.5倍行距）2、建設(shè)網(wǎng)站前的市場(chǎng)分析。3、網(wǎng)站的風(fēng)格和亮點(diǎn)。4、網(wǎng)站技術(shù)解決方案。二、網(wǎng)站內(nèi)容規(guī)劃（4號(hào)、加粗、宋體）1、網(wǎng)站主要內(nèi)容及板塊（5號(hào)、宋體、1.5倍行距）2、各板塊的具體內(nèi)容及功能3、網(wǎng)頁(yè)色彩基調(diào)三、網(wǎng)站的層次結(jié)構(gòu)（4號(hào)、加粗、宋體）1、網(wǎng)站層次結(jié)構(gòu)圖 見(jiàn)附表1-1（5號(hào)、宋