第一篇：動(dòng)漫設(shè)計(jì)與制作實(shí)訓(xùn)方案
動(dòng) 漫 設(shè) 計(jì) 實(shí) 訓(xùn) 方 案
實(shí)訓(xùn)項(xiàng)目簡(jiǎn)介
一、實(shí)訓(xùn)模式
1、以日本、中國(guó)動(dòng)漫設(shè)計(jì)對(duì)制作人員的職業(yè)要求為標(biāo)準(zhǔn)。
2、目標(biāo)：綜合職業(yè)能力 ●動(dòng)漫設(shè)計(jì)能力 ●動(dòng)漫制作工具
●無紙化動(dòng)畫片制作流程 ●團(tuán)隊(duì)合作及溝通能力 ●對(duì)動(dòng)漫項(xiàng)目的理解能力
二、師資：動(dòng)漫專家團(tuán)隊(duì)（導(dǎo)演）1、3年以上的動(dòng)漫制作經(jīng)驗(yàn)。
2、熟悉動(dòng)畫片制作流程和團(tuán)隊(duì)合作模式。
3、由在職專家團(tuán)隊(duì)（導(dǎo)演、分鏡師、后期導(dǎo)演）培訓(xùn)動(dòng)漫人才，優(yōu)勢(shì)不言而喻。
三、實(shí)訓(xùn)體系
1、動(dòng)畫片案例。
●描述工作場(chǎng)景、面臨的問題和要求，引導(dǎo)學(xué)員關(guān)注實(shí)際問題和涉及到的技術(shù)。
●學(xué)員扮演不同類型動(dòng)漫制作公司中工作的動(dòng)漫設(shè)計(jì)師?！駥W(xué)員4-6人一組，完成分鏡、動(dòng)畫、后期制作等流程制作，能制作動(dòng)畫短片。
2、水木項(xiàng)目實(shí)訓(xùn)。
●學(xué)員綜合應(yīng)用能學(xué)到動(dòng)畫片制作全部流程，并能承擔(dān)其中一個(gè)步驟的開發(fā)。
●在導(dǎo)演的指導(dǎo)下分組獨(dú)立完成任務(wù)，詳細(xì)學(xué)習(xí)動(dòng)漫制作?！駵?zhǔn)員工式的培訓(xùn)，項(xiàng)目制的教研體系，豐富的動(dòng)畫片開發(fā)管理經(jīng)驗(yàn)，使員工能夠在進(jìn)入企業(yè)之前，熟悉動(dòng)漫制作的規(guī)范流程，掌握人設(shè)、背景、場(chǎng)景設(shè)計(jì)等技能；培訓(xùn)結(jié)業(yè)的員工在進(jìn)入社會(huì)后，能夠勝任動(dòng)漫企業(yè)嚴(yán)格的動(dòng)漫制作的項(xiàng)目管理模式。
四、實(shí)訓(xùn)核心競(jìng)爭(zhēng)力
●獨(dú)家全部由在職專家團(tuán)隊(duì)提供的實(shí)訓(xùn)。●完善的實(shí)訓(xùn)體系?！駝?dòng)畫片實(shí)際案例。
●學(xué)員第一時(shí)間與動(dòng)漫企業(yè)接軌。
附件1：二維動(dòng)畫實(shí)訓(xùn)任務(wù)書
時(shí) 間：21天（6課時(shí)/天 共126課時(shí)）內(nèi) 容： 學(xué)員要求：
要求已系統(tǒng)學(xué)習(xí)過動(dòng)畫片制作或具備深厚的美術(shù)基礎(chǔ)，熟練掌握人設(shè)、動(dòng)作或背景、場(chǎng)景等知識(shí)，對(duì)二維動(dòng)畫制作有一定了解，能夠通過軟件簡(jiǎn)單實(shí)現(xiàn)動(dòng)畫片制作。有良好的團(tuán)隊(duì)精神。指導(dǎo)教師：
三年以上動(dòng)畫制作的導(dǎo)演。實(shí)訓(xùn)基本說明：
課程設(shè)計(jì)是對(duì)課堂教學(xué)的補(bǔ)充，是實(shí)踐性教學(xué)環(huán)節(jié)，通過強(qiáng)化的項(xiàng)目制模塊實(shí)踐環(huán)節(jié)，提高對(duì)該課程所涉及的專項(xiàng)軟件技術(shù)進(jìn)行深入的理解和熟練應(yīng)用。該環(huán)節(jié)不要求對(duì)動(dòng)畫片制作全流程有深入了解，關(guān)鍵在于通過短時(shí)間實(shí)踐提高某一項(xiàng)動(dòng)畫制作技術(shù)的熟練應(yīng)用。實(shí)訓(xùn)教學(xué)保障：
為保證教學(xué)和實(shí)踐的順利展開，實(shí)訓(xùn)基地應(yīng)充分利用信息學(xué)習(xí)的平臺(tái)，從多方面提供教學(xué)配置管理：
1、為每位學(xué)生提供獨(dú)立的教學(xué)電腦和手寫板。
2、提供學(xué)習(xí)日志系統(tǒng)，加強(qiáng)學(xué)習(xí)過程管理，并最終記錄到質(zhì)量跟蹤文檔。
3、提供教學(xué)考評(píng)系統(tǒng)，加強(qiáng)教師的教學(xué)指導(dǎo)管理。
4、提供已完成開發(fā)的教學(xué)實(shí)踐項(xiàng)目，和若干模塊的詳細(xì)劃分。
5、提供信息考勤管理模塊，加強(qiáng)學(xué)員考勤管理。
6、提供以教學(xué)質(zhì)量跟蹤文檔為表現(xiàn)形式的質(zhì)量保證體系，以質(zhì)量跟蹤文檔提供對(duì)教學(xué)過程的真實(shí)記錄。實(shí)訓(xùn)目標(biāo)：
1、學(xué)習(xí)動(dòng)畫綜合創(chuàng)作講解、動(dòng)畫理念、人物常規(guī)動(dòng)作、動(dòng)物動(dòng)畫、自然現(xiàn)象、分鏡頭的設(shè)計(jì)、動(dòng)畫的時(shí)間掌握（原畫）、動(dòng)畫綜合創(chuàng)作講解、動(dòng)畫綜合創(chuàng)作。
2、實(shí)戰(zhàn)制作動(dòng)畫片片段
考核：
1、通過評(píng)審，且在規(guī)定時(shí)間內(nèi)制作完畢，考核成績(jī)?yōu)閮?yōu)良。
2、通過評(píng)審，但未在規(guī)定時(shí)間內(nèi)制作完成，考核成績(jī)?yōu)橹谢蚣案瘛?/p>
3、未通過評(píng)審，且未完成制作，考核成績(jī)?yōu)椴患案?。注意事?xiàng)：
1、遲到3次或缺席1次，成績(jī)下降一個(gè)檔次，遲到6次或缺席2次，成績(jī)?cè)傧陆狄粋€(gè)檔次，依次類推。
2、上機(jī)時(shí)發(fā)現(xiàn)玩游戲1次，成績(jī)下降一個(gè)檔次，玩游戲2次，成績(jī)?cè)傧陆狄粋€(gè)檔次，依次類推。
附件2：三維動(dòng)畫實(shí)訓(xùn)任務(wù)書
周 期：21天（6課時(shí)/天 共126課時(shí)）內(nèi) 容： 學(xué)員要求：
要求已系統(tǒng)學(xué)習(xí)過三維動(dòng)畫制作或具備深厚的美術(shù)基礎(chǔ)，熟練3D、MAYA等知識(shí)，對(duì)三維動(dòng)畫制作有一定了解，能夠通過軟件簡(jiǎn)單實(shí)現(xiàn)動(dòng)畫片制作。有良好的團(tuán)隊(duì)精神。指導(dǎo)教師：
三年以上三維動(dòng)畫導(dǎo)演。實(shí)訓(xùn)基本說明：
課程設(shè)計(jì)是對(duì)課堂教學(xué)的補(bǔ)充，是實(shí)踐性教學(xué)環(huán)節(jié)，通過強(qiáng)化的項(xiàng)目制模塊實(shí)踐環(huán)節(jié)，提高對(duì)該課程所涉及的專項(xiàng)軟件技術(shù)進(jìn)行深入的理解和熟練應(yīng)用。該環(huán)節(jié)不要求對(duì)動(dòng)畫片制作全流程有深入了解，關(guān)鍵在于通過短時(shí)間實(shí)踐提高某一項(xiàng)動(dòng)畫制作技術(shù)的熟練應(yīng)用。實(shí)訓(xùn)教學(xué)保障：
為保證教學(xué)和實(shí)踐的順利展開，實(shí)訓(xùn)基地應(yīng)充分利用信息學(xué)習(xí)的平臺(tái)，從多方面提供教學(xué)配置管理：
1、為每位學(xué)生提供獨(dú)立的教學(xué)電腦和手寫板。
2、提供學(xué)習(xí)日志系統(tǒng)，加強(qiáng)學(xué)習(xí)過程管理，并最終記錄到質(zhì)量跟蹤文檔。
3、提供教學(xué)考評(píng)系統(tǒng)，加強(qiáng)教師的教學(xué)指導(dǎo)管理。
4、提供已完成開發(fā)的教學(xué)實(shí)踐項(xiàng)目，和若干模塊的詳細(xì)劃分。
5、提供信息考勤管理模塊，加強(qiáng)學(xué)員考勤管理。
6、提供以教學(xué)質(zhì)量跟蹤文檔為表現(xiàn)形式的質(zhì)量保證體系，以質(zhì)量跟蹤文檔提供對(duì)教學(xué)過程的真實(shí)記錄。實(shí)訓(xùn)目標(biāo)：
1、前期角色設(shè)定,前期場(chǎng)景設(shè)定、模型Modeling、專業(yè)場(chǎng)景建模規(guī)則、復(fù)雜場(chǎng)景建模實(shí)戰(zhàn)、人體Polygon建模、控制畫面效果、Maya燈光制作方案、生產(chǎn)流程中材質(zhì)規(guī)范及注意事項(xiàng)、三維動(dòng)作節(jié)奏設(shè)計(jì)。
2、實(shí)戰(zhàn)制作三維動(dòng)畫片片段 考核：
1、通過評(píng)審，且在規(guī)定時(shí)間內(nèi)制作完畢，考核成績(jī)?yōu)閮?yōu)良。
2、通過評(píng)審，但未在規(guī)定時(shí)間內(nèi)制作完成，考核成績(jī)?yōu)橹谢蚣案瘛?/p>
3、未通過評(píng)審，且未完成制作，考核成績(jī)?yōu)椴患案瘛Ｗ⒁馐马?xiàng)：
1、遲到3次或缺席1次，成績(jī)下降一個(gè)檔次，遲到6次或缺席2次，成績(jī)?cè)傧陆狄粋€(gè)檔次，依次類推。
2、上機(jī)時(shí)發(fā)現(xiàn)玩游戲1次，成績(jī)下降一個(gè)檔次，玩游戲2次，成績(jī)?cè)傧陆狄粋€(gè)檔次，依次類推。
3、學(xué)員在參加實(shí)訓(xùn)期間，應(yīng)自覺遵守馬鞍山水木數(shù)字培訓(xùn)學(xué)校的各項(xiàng)管理規(guī)定和獎(jiǎng)懲制度。
4、學(xué)員實(shí)訓(xùn)期間的日常表現(xiàn)將作為實(shí)訓(xùn)成績(jī)?cè)u(píng)定的依據(jù)之一，實(shí)訓(xùn)結(jié)束后一并報(bào)送學(xué)院備案。
第二篇：《網(wǎng)頁設(shè)計(jì)與制作》綜合實(shí)訓(xùn)
《網(wǎng)頁制作》期末大作業(yè)
一、概述：
要求設(shè)計(jì)并制作一個(gè)表達(dá)某個(gè)主題的網(wǎng)站，通過網(wǎng)站的制作，綜合運(yùn)用本課程各單元所學(xué)的知識(shí)。網(wǎng)站的內(nèi)容不能是一些素材如圖片、音樂等的堆積，必須有鮮明的主題?？梢詮木W(wǎng)上下載部分資料，但不能超過整個(gè)內(nèi)容的30%，更不要指望從網(wǎng)上下一個(gè)完整的網(wǎng)站應(yīng)付老師?？偟捻摂?shù)應(yīng)超過10頁（一個(gè)包含主題內(nèi)容的htm文件算一頁）。請(qǐng)同學(xué)們注意不要下載相同的資料，如果出現(xiàn)網(wǎng)頁內(nèi)容雷同，雙方都要扣分，嚴(yán)重的必須重做。
二、網(wǎng)站內(nèi)容：
自行選擇如下內(nèi)容：科普、科幻知識(shí)；公益形象宣傳；大、中、小學(xué)教學(xué)用動(dòng)畫形象；奧林匹克體育；環(huán)境保護(hù)；戰(zhàn)爭(zhēng)與和平；求職；校園生活；誠(chéng)信、傳統(tǒng)美德；交通安全；衛(wèi)生與健康；愛心；教育；新青年；管理；實(shí)用工具等。自己確定一個(gè)主題，整個(gè)網(wǎng)站要突出主題，信息分類合理，導(dǎo)航清晰。要求必須有自己創(chuàng)作的內(nèi)容，這些原創(chuàng)內(nèi)容可以是文字、圖片、動(dòng)畫等。
三、版面及格式：
l、要求圖文并茂，顏色搭配合理，但是圖片及聲音文件不要太大。如果能加入自己創(chuàng)作的動(dòng)態(tài)元素(如Flash，Gif動(dòng)畫等)將獲得加分。希望充分發(fā)揮自己的創(chuàng)作能力。
2、要求每個(gè)網(wǎng)頁都使用表格布局。
3、要求網(wǎng)頁中插入有Web組件，包括懸停按鈕、滾動(dòng)字幕、橫幅廣告管理器等。
4、導(dǎo)航設(shè)計(jì)簡(jiǎn)潔明了，不能有“死鏈接”，要保證能夠在網(wǎng)絡(luò)上瀏覽。
5、自創(chuàng)內(nèi)容越多越好，得分越高。
四、遞交方式：
1、每個(gè)同學(xué)以自己的學(xué)號(hào)姓名建一個(gè)文件夾，上交時(shí)間為18周2、所做網(wǎng)頁的首頁文件名必須為index.htm3、所有文件名和目錄名全部使用英文字母和數(shù)字，不得使用漢字或全角符號(hào)，否則，網(wǎng)絡(luò)將出現(xiàn)死鏈接。
4、遞交時(shí)必須把網(wǎng)頁中所有用到的圖片、聲音、動(dòng)畫等都一起上傳到服務(wù)器。網(wǎng)頁的總?cè)萘恳话悴灰笥?MB5、建議將網(wǎng)頁中的素材分類，建立不同的子目錄存放。
五、網(wǎng)頁評(píng)分標(biāo)準(zhǔn):
整個(gè)網(wǎng)頁的評(píng)分強(qiáng)調(diào)“自己的創(chuàng)意”，不管主題是什么，也不論是哪一個(gè)欄目的內(nèi)容，如果創(chuàng)意獨(dú)特，有自己鮮明的個(gè)性、觀點(diǎn)，得分較高。
1、主題鮮明，有關(guān)主題的內(nèi)容豐富（30分）
2、原創(chuàng)內(nèi)容豐富，能體現(xiàn)自己的想法，文字流利通順（30分）
3、版面布局合理，整理效果美觀（20分）
4、其他內(nèi)容如友情鏈接、相關(guān)資料等（5分）
5、插入的圖片等素材恰當(dāng)、美觀（5分）
6、技術(shù)含量（使用了各種效果、技術(shù)等）（10分）
六、網(wǎng)頁制作特別注意事項(xiàng)：
1、網(wǎng)頁文件名最好全部用英文字母或數(shù)字（不能包含漢字）；
2、整理圖片和其他素材；
3、在與網(wǎng)頁主文件（index.htm)同級(jí)的目錄中建立子目錄image(圖片）、wave(聲音）、?等，將取得的素材按類保存好，在制作網(wǎng)頁（即編輯HTM文件）時(shí)，必須從這些目錄中插入素材，以保證顯示正確，不能從其他目錄插入，提示另外保存圖片時(shí)，不要改變保存目錄，直接按[確定]即可。同學(xué)們要改變那種在編輯網(wǎng)頁時(shí)到處找圖片，找到了就往HTML文件中插的壞習(xí)慣(也不管這個(gè)文件在哪里）；
4、作好筆記將對(duì)后期調(diào)試非常有利，從開始規(guī)劃起就記錄目錄名、文件名的分配，以便調(diào)試時(shí)節(jié)省時(shí)間。
第三篇：網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告[范文]
《網(wǎng)頁設(shè)計(jì)與制作》
實(shí)習(xí)報(bào)告
指導(dǎo)老師：
實(shí)習(xí)地點(diǎn)：
實(shí)習(xí)時(shí)間：
實(shí)習(xí)班級(jí)：
學(xué)生姓名：
一、實(shí)習(xí)目的① 學(xué)會(huì)制作新聞發(fā)布系統(tǒng)。
② 學(xué)會(huì)制作在線調(diào)查系統(tǒng)。
③ 熟悉購(gòu)物網(wǎng)站的主要功能和欄目。
④ 學(xué)會(huì)購(gòu)物網(wǎng)站數(shù)據(jù)庫(kù)表的創(chuàng)建和數(shù)據(jù)庫(kù)連接的創(chuàng)建。
⑤ 學(xué)會(huì)購(gòu)物系統(tǒng)前臺(tái)頁面制作和后臺(tái)管理制作。
二、實(shí)訓(xùn)內(nèi)容
1.創(chuàng)建數(shù)據(jù)庫(kù)表
① 啟動(dòng)Microsoft Access，執(zhí)行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數(shù)據(jù)庫(kù)”。
② 彈出“文件新建數(shù)據(jù)庫(kù)”對(duì)話框，在對(duì)話框中選擇數(shù)據(jù)庫(kù)保存的路徑，“文件名”文本框中輸入shop。
③ 單擊“創(chuàng)建”按鈕，在對(duì)話框中雙擊“使用設(shè)計(jì)器創(chuàng)建表”選項(xiàng)。
④ 彈出“表1：表”對(duì)話框，在對(duì)話框中輸入“字段名稱”和字段所對(duì)應(yīng)的“數(shù)據(jù)類型”，將shopID字段設(shè)置為主鍵。
⑤ 執(zhí)行“文件”——“保存”命令，彈出“另存為”對(duì)話框，在對(duì)話框的“表名稱”文本框中輸入products。
⑥ 單擊“確定”按鈕，保存表。按以上步驟的方法，創(chuàng)建表fen和admin。
2.創(chuàng)建數(shù)據(jù)庫(kù)連接
新建一個(gè)網(wǎng)頁文件夾，打開IIS信息服務(wù)，創(chuàng)建IIS虛擬目錄，在文件夾安全性把來賓用戶的權(quán)限修改為完全控制，并導(dǎo)入數(shù)據(jù)庫(kù)。
3.制作購(gòu)物網(wǎng)系統(tǒng)頁面
① 用index.html創(chuàng)建zhanshi.asp商品分類展示頁，新建站點(diǎn)，導(dǎo)入shop.mdb數(shù)據(jù)庫(kù)文件建立數(shù)據(jù)庫(kù)連接。插入表格并插入圖片、文字，創(chuàng)建記錄集并在表格相應(yīng)位置綁定數(shù)據(jù)。在服務(wù)器行為里為表格設(shè)置重復(fù)區(qū)域，創(chuàng)建記錄集RS2并在左邊的商品分類表格里綁定
數(shù)據(jù)，在服務(wù)器行為里為左側(cè)的表格添加重復(fù)區(qū)域和轉(zhuǎn)到詳細(xì)頁，制作記錄集導(dǎo)航條。
② 用index.html創(chuàng)建xiangxi.asp商品詳細(xì)信息頁，首先創(chuàng)建記錄集并制作左側(cè)的商品分類表格，之后在中間區(qū)域插入表格，在表格中插入圖片、文字，創(chuàng)建記錄集RS2并將數(shù)據(jù)綁定在表格相應(yīng)位置。
③ 用index.html創(chuàng)建denglu.asp商品詳細(xì)信息頁,創(chuàng)建記錄集并制作左側(cè)的商品分類表格，在中間區(qū)域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設(shè)置檢查表單。創(chuàng)建記錄集RS2并在服務(wù)器行為里添加登錄用戶。
④ 用index.html創(chuàng)建fenlei.asp添加商品分類頁，插入表單，在表單里插入文字、文本域、表單按鈕，創(chuàng)建記錄集并在服務(wù)器行為里添加插入記錄和限制對(duì)頁的訪問。再用index.html創(chuàng)建fenleiok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
⑤ 用index.html創(chuàng)建tianjia.asp添加商品頁，創(chuàng)建記錄集，用插入記錄表單向?qū)?chuàng)建插入記錄表單，在服務(wù)器行為里添加限制對(duì)頁的訪問。再用index.html創(chuàng)建tianjiaok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
⑥ 用index.html創(chuàng)建guanli.asp商品管理頁，創(chuàng)建記錄集并制作左側(cè)的商品分類表格，在中間區(qū)域插入表格并插入文字，創(chuàng)建記錄集RS2并在表格相應(yīng)位置綁定數(shù)據(jù)，為該表格設(shè)置服務(wù)器行為的重復(fù)區(qū)域，制作修改和刪除鏈接，制作記錄集導(dǎo)航條。
⑦ 用tianjia.asp創(chuàng)建xiugai.asp修改頁面，創(chuàng)建記錄集在對(duì)應(yīng)的文本域中綁定數(shù)據(jù)，把服務(wù)器行為里的插入記錄刪除并添加更新記錄。在服務(wù)器行為里添加限制對(duì)頁的訪問。再用index.html創(chuàng)建xiugaiok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
⑧ 用index.html創(chuàng)建shanchu.asp刪除頁面,插入表格并插入文字，建立記錄集，在表格相應(yīng)位置綁定數(shù)據(jù)，插入表單和表單按鈕，創(chuàng)建服務(wù)器行為限制對(duì)頁的訪問和刪除記錄。再用index.html創(chuàng)建shanchuok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
三、疑難解惑
① 網(wǎng)頁不能正常打開，電腦用戶權(quán)限沒有修改，在文件夾安全性把來賓用戶的權(quán)限修改為完全控制。
② 創(chuàng)建重復(fù)區(qū)域時(shí)，總顯示相同的內(nèi)容，仔細(xì)閱讀教材，發(fā)現(xiàn)創(chuàng)建重復(fù)區(qū)域時(shí)要選中表格，而不是文字內(nèi)容。
③ 登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。
④ 創(chuàng)建添加商品頁面時(shí)，無法顯示商品分類。在插入記錄表單時(shí)，應(yīng)將feileiID“顯
示為”下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。
⑤ 修改頁面點(diǎn)進(jìn)去初始內(nèi)容都一樣，“唯一鍵列”下拉列表中應(yīng)選擇shpID。
⑥ 商品分類點(diǎn)進(jìn)去每個(gè)種類都一樣，查找原因，發(fā)現(xiàn)記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。
四、實(shí)訓(xùn)心得
經(jīng)過一周動(dòng)態(tài)網(wǎng)頁的實(shí)訓(xùn)，使我們對(duì)本學(xué)期的這門課進(jìn)行了整體的匯總。在這匯總期間，也算是對(duì)自己本學(xué)期的一個(gè)考核，此次實(shí)訓(xùn)暴露出了許多我自身存在的問題，同時(shí)也對(duì)自身有了很大的提高。
在這次實(shí)訓(xùn)中，我也有許多收獲。首先，我體會(huì)到了作為一個(gè)計(jì)算機(jī)專業(yè)的人，不會(huì)用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨(dú)自制作動(dòng)態(tài)網(wǎng)頁，難免會(huì)遇到過各種各樣的問題，同時(shí)在制作的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固。在此過程當(dāng)中彌補(bǔ)了我許多知識(shí)上的缺陷，弄清的以前沒有搞懂的知識(shí)點(diǎn)。經(jīng)過多番的努力和辛酸，我成功地完成了這次過程艱辛的實(shí)訓(xùn)，而且我從中體會(huì)到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會(huì)的。
在實(shí)訓(xùn)過程中，我更體會(huì)到了基礎(chǔ)知識(shí)的重要性，也許我們正在迷惘，我們是否學(xué)到了東西，但事實(shí)說明零零散散的知識(shí)，在項(xiàng)目開發(fā)當(dāng)中起到了非常關(guān)鍵的作用，我們不缺少時(shí)間和工具，我們只是缺少經(jīng)驗(yàn)和動(dòng)手能力，如果我們以后能更好的在各方面增長(zhǎng)自己的經(jīng)驗(yàn)，相信我們能在長(zhǎng)長(zhǎng)的就業(yè)隊(duì)伍中脫穎而出的！相信自己，相信未來。今后我將會(huì)更加努力的學(xué)習(xí)，不斷提高自身素質(zhì)，為我將來的就業(yè)打下良好的基礎(chǔ)
第四篇：網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告
《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作案例教程》
實(shí)訓(xùn)報(bào)告
專 業(yè)： 計(jì)算機(jī)網(wǎng)絡(luò)技術(shù) 年 級(jí)： 2013級(jí) 姓 名： 學(xué) 號(hào)： 輔導(dǎo)老師：
制作電子商務(wù)類網(wǎng)站首頁
一、網(wǎng)站建設(shè)的前期準(zhǔn)備工作
1、網(wǎng)站整體需求分析
網(wǎng)站整體需求主要包括以下幾個(gè)方面： 1)網(wǎng)站建設(shè)背景及目標(biāo) 2)網(wǎng)站建設(shè)現(xiàn)狀分析 3)網(wǎng)站建設(shè)目標(biāo)分解
4)網(wǎng)站建設(shè)資金及人員投入情況分析
2、確定網(wǎng)站風(fēng)格
根據(jù)電子商務(wù)網(wǎng)站的特點(diǎn)，確定網(wǎng)站的整體風(fēng)格，即網(wǎng)站的色彩和版式。網(wǎng)站風(fēng)格是在網(wǎng)站整體需求分析的基礎(chǔ)上，通過明確網(wǎng)站設(shè)計(jì)的目的和用戶需求、訪問者的特點(diǎn)等得出的結(jié)論。本實(shí)例是針對(duì)一個(gè)工業(yè)產(chǎn)品交易平臺(tái)的網(wǎng)站，網(wǎng)站與用戶交互性強(qiáng)，因此確定其主色調(diào)為暖色系的橘黃色給人以輕松愉快的瀏覽環(huán)境。如圖是電子商務(wù)網(wǎng)站的LOGO。
3、網(wǎng)站素材搜集
明確網(wǎng)站主題和劃分板塊后，接著要為后續(xù)的網(wǎng)站建設(shè)搜集素材。若想讓網(wǎng)站有聲有色，能夠吸引客戶注意，就要盡量搜集文字、圖片、音頻、視頻、動(dòng)畫等多媒體素材。對(duì)于一些通用素材，可以從網(wǎng)上搜集得到，也可以根據(jù)需求自行制作素材，比如，通過Photoshop圖像處理軟件對(duì)圖像進(jìn)行優(yōu)化處理，使用Flash制作動(dòng)畫等。如圖所示。
二、創(chuàng)建站點(diǎn)
1、網(wǎng)站建設(shè)的第一步是創(chuàng)建本地站點(diǎn)。
2、創(chuàng)建的站點(diǎn)信息將顯示在“文件”面板中。如果需要對(duì)站點(diǎn)參數(shù)進(jìn)行修改，可以單擊“站點(diǎn)→管理站點(diǎn)”對(duì)站點(diǎn)進(jìn)行重新設(shè)置。
三、網(wǎng)站主頁制作
1.使用Div+CSS布局頁面
使用Div+CSS實(shí)現(xiàn)頁面布局，具體操作如下：
4）為AP Div元素設(shè)置CSS樣式。由于網(wǎng)站首頁和子頁面采取相同的布局風(fēng)格，因此樣式表采用外部鏈接樣式表。
5）選中創(chuàng)建的AP元素“container”，在右側(cè)的“CSS樣式”面板中單擊鼠標(biāo)右鍵，選擇“新建”命令，打開“新建CSS規(guī)則”對(duì)話框，并作相應(yīng)設(shè)置，如圖所示。
6）單擊確定按鈕，彈出“#container的CSS規(guī)則定義”對(duì)話框，選擇分類列表框下的“背景”選項(xiàng)卡，設(shè)置文檔的“背景顏色”為#FFF；在分類列表框中，切換到“區(qū)塊”選項(xiàng)卡，設(shè)置“文本對(duì)齊”屬性為左對(duì)齊；在分類列表框中，切換到“方框”選項(xiàng)卡，設(shè)置Ap Div的“寬”為960 px，“上邊界”為1 px，“下邊界”為0 px；“邊框”和“列表”選項(xiàng)卡的屬性保持默認(rèn)設(shè)置；切換到“定位”選項(xiàng)卡，單擊確定按鈕，完成對(duì)“#container”元素樣式的定義。設(shè)置后的“CSS樣式”面板如圖所示。
/* ==整體布局定義開始== */ #Container { width:960px;/*定義頁面寬度*/ visibility:visible;/*設(shè)置可見度*/ margin:1px auto 0;/*設(shè)置外邊距*/ background-color: #FFF;/*定義背景顏色*/ } 2.設(shè)置頁面屬性
在style.css樣式表文件內(nèi)部設(shè)置網(wǎng)頁的頁面屬性。頁面屬性是對(duì)
標(biāo)簽屬性的設(shè)置。代碼如下所示： body{ font-size:12px;/*定義字號(hào)*/ color:#666;/*定義字體顏色*/ background:#FFF;/*定義背景顏色*/ text-align:center;/*定義文本位置*/ margin:0;/*定義外邊距*/ padding:0;/*定義外邊距*/ border:0;/*定義邊框粗細(xì)*/ background: transparent;/*定義背景透明*/ } 也可以打開index.html，選擇“修改→頁面屬性”菜單命令，在打開的“頁面屬性”對(duì)話框中進(jìn)行相應(yīng)設(shè)置。3.插入圖片
在頂部的“top”元素中插入一幅圖像。如圖所示。
4.添加導(dǎo)航條
網(wǎng)頁導(dǎo)航條是非常重要的網(wǎng)頁元素，網(wǎng)頁間的跳轉(zhuǎn)，需要通過導(dǎo)航條來完成。
1）將光標(biāo)定位在“nav” Div元素中，在其內(nèi)部輸入列表項(xiàng)，并為列表項(xiàng)的各個(gè)單元設(shè)置超鏈接。設(shè)置情況如圖所示。
2）添加CSS樣式，需要在style.css文件中輸入相關(guān)代碼。#nav { height:30px;/*定義高度*/ width:100%;/*定義寬度*/ background-color:#c00;/*定義背景顏色*/ overflow: hidden;/*定義溢出效果*/ } #nav ul { font-size:12px;/*定義字號(hào)*/ color:#FFF;/*定義字體顏色*/ line-height:30px;/*定義字體行高*/ white-space:nowrap;/*定義區(qū)塊空格*/ margin:0 0 0 30px;/*定義外邊距*/ padding:0;/*定義內(nèi)邊距*/ } #nav li { list-style-type:none;/*定義列表類型*/ display:inline;/*定義區(qū)塊顯示效果*/ } #nav li a { text-decoration:none;/*定義字體修飾*/ font-family:Arial, Helvetica, sans-serif;/*定義字體*/ color:#FFF;/*定義字體顏色*/ padding:7px 10px;/*定義內(nèi)邊距*/ } #nav li a:hover { color:#ff0;/*定義字體顏色*/ background-color:red;/*定義背景顏色*/ 該樣式表使用列表項(xiàng)實(shí)現(xiàn)導(dǎo)航菜單功能。效果如圖所示。
5.推薦廠家
1）把光標(biāo)置于DIV元素“l(fā)eft”中，創(chuàng)建新的DIV元素 sideBarLefta1，并定義相關(guān)樣式
2）在DIV元素“sideBarLefta1”的內(nèi)部插入推薦廠家標(biāo)志及說明文字等信息，定義相關(guān)樣式如圖所示。
3）在style.css樣式表中插入下面的代碼，#left { float:left;/*定義浮動(dòng)位置 */ width:640px;/*定義寬度 */ height:832px;/*定義高度 */ }.sideBarLeftb1 { width:238px;/*定義寬度 */ height:240px;/*定義高度*/ border:#ebcbb4 solid 1px;/*定義邊框的顏色、粗細(xì)、樣式*/ } 6.網(wǎng)頁廣告設(shè)計(jì)制作
1）將光標(biāo)置于div元素“#left”中，插入一個(gè)嵌套的div元素#sideBarLefta2，2）將光標(biāo)置于DIV元素“banner”中，插入一個(gè)已經(jīng)準(zhǔn)備好的SWF元素。
3）選中“banner”下面DIV元素，并定義類為“hot”，在4個(gè)小DIV元素中分別插入準(zhǔn)備好的廣告圖，效果如圖所示
style.css樣式表中插入的代碼如下： #sideBarLefta2 {
float:left;/*定義浮動(dòng)位置 */ width:390px;/*定義寬度 */ height:268px;/*定義高度*/ overflow: hidden;/*定義溢出效果*/ } #banner { margin-top:5px;/*定義頂端外邊距*/ border:#999 solid 1px;/*定義邊框的顏色、粗細(xì)、樣式*/ width:390px;/*定義寬度 */ }.hot{ display:inline;/*定義區(qū)塊顯示效果*/ border:#999 1px solid;/*定義邊框的顏色、粗細(xì)、樣式*/ width:91px;/*定義寬度 */ height:70px;/*定義高度*/ float:left;/*定義浮動(dòng)位置 */ margin:2px;/*定義外邊距*/ } 7.頁面右側(cè)欄目設(shè)計(jì)
1）將光標(biāo)置于DIV元素“right”中，插入已經(jīng)準(zhǔn)備好的圖片service.jpg。如圖所示。
2）在service.jpg下面插入兩個(gè)div，分別定義為.sideBarRightb3和.sideBarRightb4，在新建的div中插入準(zhǔn)備好的廣告圖像ad1.jpg和ad2.jpg并在屬性面板中定義超鏈接，效果如圖所示。
在style.css中添加的代碼如下： #right { float:left;/*定義浮動(dòng)位置 */ width:320px;/*定義寬度 */ height:832px;/*定義高度 */ }.sideBarRightb3 { height:60px;/*定義高度*/ margin-top:5px;/*定義頂端外邊距*/ border:#ebcbb4 1px solid;/*定義邊框的顏色、粗細(xì)、樣式*/ }.sideBarRightb4 { height:93px;/*定義高度*/ margin-top:5px;/*定義頂端外邊距*/
border:#ebcbb4 1px solid;/*定義邊框的顏色、粗細(xì)、樣式*/ margin-bottom:5px;/*定義底端外邊距*/ }.sideBarRightb3,.sideBarRightb4 img { text-align:center;/*定義文本位置 */ padding:5px;/*定義內(nèi)邊距*/ } 8.行業(yè)欄目設(shè)計(jì)
1）將光標(biāo)置于DIV元素“l(fā)eft”中，在其下側(cè)插入一個(gè)嵌套的DIV元素“sideBarLeftb2”。
2）選中Div元素“sideBarLeftb2”，將光標(biāo)定位在其內(nèi)部，創(chuàng)建多個(gè)新Div，為了方便日后的維護(hù)我們將新建Div單獨(dú)定義為.sideBarLeftb3。
3）選中DIV元素“sideBarLeftb3”，在style.css中添加的代碼如下：
sideBarLeftb3 { text-align:left;/*定義文本位置 */ float:left;/*定義浮動(dòng)位置 */ height:150px;/*定義高度*/ width:280px;/*定義寬度 */ padding:4px;/*定義內(nèi)邊距*/ } 4）將光標(biāo)移到sideBarLeftb3的DIV元素中，插入兩行列表并對(duì)列表設(shè)置相關(guān)CSS參數(shù)。在style.css中添加的代碼如下：.sideBarLeftb3 ul { font-size:12px;/*定義字號(hào)*/ line-height:6px;/*定義字體行高*/ float:left;/*定義浮動(dòng)位置 */ width:270px;/*定義寬度 */ margin:0 0 0 5px;/*定義外邊距*/ padding:0;/*定義內(nèi)邊距*/ } 5）在列表中添加列表內(nèi)容，代碼如下：
- 密封件
- 粉碎機(jī)
- 壓縮機(jī)
- 減速機(jī)
- 機(jī)械加工
- 焊機(jī)
- 風(fēng)機(jī)
- 機(jī)床
- 彈簧
- 齒輪
- 鍋爐
- 更多
第五篇：網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)十二
《網(wǎng)頁設(shè)計(jì)與制作》實(shí)訓(xùn)
表單設(shè)計(jì)
實(shí)訓(xùn)內(nèi)容：用戶注冊(cè)界面設(shè)計(jì)
操作提示：
第一步：制作“用戶注冊(cè)”界面
1）在Dreamweaver CS4中新建一個(gè)網(wǎng)頁文件，將網(wǎng)頁標(biāo)題設(shè)置為“用戶注冊(cè)”。2）選擇“插入→表單→表單”命令在文檔中插入一個(gè)表單，如圖12-1所示。
圖12-1 插入表單
3）將光標(biāo)置于創(chuàng)建的表單內(nèi)，插入一個(gè)12行2列的表格，并設(shè)置表格的寬度為530像素、間距為0像素、邊框?yàn)?像素。
4）選中第一行的兩個(gè)單元格，單擊“修改→表格→合并單元格”命令，將它們合并為一個(gè)單元格。用同樣的方法將最后一行的單元格合并為一個(gè)單元格，如圖12-2所示。
圖12-2
插入的表格 5）將光標(biāo)置于第一行的單元格中，輸入“用戶注冊(cè)”，在單元格“屬性”面板中設(shè)置文本居中對(duì)齊。
6）根據(jù)圖12-3提供的界面內(nèi)容，分別在表格第1列的其它單元格中輸入昵稱、真實(shí)姓名、密碼等文本。選中輸入的文本，并將它們?cè)O(shè)置為粗體、右對(duì)齊方式。
圖12-3
輸入文本
7）選中表格中所有的單元格，在單元格“屬性”面板中設(shè)置單元格的高為30。第二步：插入文本域
1）在圖12-2所顯示的表格中，將光標(biāo)置于“昵稱：”后面的單元格中，單擊“表單”標(biāo)簽中的“文本字段”按鈕，或者選擇“插入→表單→文本域”命令，均將打開“輸入標(biāo)簽輔助功能屬性”對(duì)話框，如圖12-4所示。
圖12-4
“輸入標(biāo)簽輔助功能屬性”對(duì)話框
2）單擊【確定】按鈕，在光標(biāo)處插入了一個(gè)單行的文本域。3）選中插入的文本域，其對(duì)應(yīng)的“屬性”面板如圖12-5所示。
圖12-5
文本域“屬性”面板
文本域“屬性”面板中各選項(xiàng)含義如下：
文本域：用于標(biāo)志該文本域的名稱。每個(gè)文本域的名稱都不能相同，它相當(dāng)于表單中的一個(gè)變量名，服務(wù)器通過這個(gè)變量名來處理用戶在該文本域中輸入的值。
字符寬度：設(shè)置文本域中最多可顯示的字符數(shù)。當(dāng)設(shè)置該選項(xiàng)后，若是多行文本域，標(biāo)簽中增加cols屬性，否則標(biāo)簽增加size屬性。如果用戶的輸入超過字符寬度，則超出的字條將不被表單指定的處理程序接收。
最多字符數(shù)：設(shè)置單行、密碼文本域中最多可輸入的字符數(shù)。當(dāng)設(shè)置該項(xiàng)后，標(biāo)簽增加maxlength屬性，如果用戶的輸入超過最大字符數(shù)，則表單產(chǎn)生警告聲。
類型：設(shè)置文本域的類型，可在單行、多行或密碼3個(gè)類型中任選一個(gè)。“單行”類型將產(chǎn)生一個(gè)標(biāo)簽，它的type屬性為text，這表示此文本域?yàn)閱涡形谋居?。“多行”類型將產(chǎn)生一個(gè)