【正文】 第一篇：《網(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文件算一頁）。請同學(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)爭與和平；求職；校園生活；誠信、傳統(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)作能力。要求每個(gè)網(wǎng)頁都使用表格布局。要求網(wǎng)頁中插入有Web組件，包括懸停按鈕、滾動(dòng)字幕、橫幅廣告管理器等。導(dǎo)航設(shè)計(jì)簡潔明了，不能有“死鏈接”，要保證能夠在網(wǎng)絡(luò)上瀏覽。自創(chuàng)內(nèi)容越多越好，得分越高。四、遞交方式：每個(gè)同學(xué)以自己的學(xué)號(hào)姓名建一個(gè)文件夾，上交時(shí)間為18周所有文件名和目錄名全部使用英文字母和數(shù)字，不得使用漢字或全角符號(hào)，否則，網(wǎng)絡(luò)將出現(xiàn)死鏈接。遞交時(shí)必須把網(wǎng)頁中所有用到的圖片、聲音、動(dòng)畫等都一起上傳到服務(wù)器。網(wǎng)頁的總?cè)萘恳话悴灰笥?MB建議將網(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)，得分較高。主題鮮明，有關(guān)主題的內(nèi)容豐富（30分）原創(chuàng)內(nèi)容豐富，能體現(xiàn)自己的想法，文字流利通順（30分）版面布局合理，整理效果美觀（20分）其他內(nèi)容如友情鏈接、相關(guān)資料等（5分）插入的圖片等素材恰當(dāng)、美觀（5分）技術(shù)含量（使用了各種效果、技術(shù)等）（10分）六、網(wǎng)頁制作特別注意事項(xiàng)：網(wǎng)頁文件名最好全部用英文字母或數(shù)字（不能包含漢字）；整理圖片和其他素材；在與網(wǎng)頁主文件（)同級(jí)的目錄中建立子目錄image(圖片）、wave(聲音）、?等，將取得的素材按類保存好，在制作網(wǎng)頁（即編輯HTM文件）時(shí)，必須從這些目錄中插入素材，以保證顯示正確，不能從其他目錄插入，提示另外保存圖片時(shí)，不要改變保存目錄，直接按[確定]即可。同學(xué)們要改變那種在編輯網(wǎng)頁時(shí)到處找圖片，找到了就往HTML文件中插的壞習(xí)慣(也不管這個(gè)文件在哪里）；作好筆記將對(duì)后期調(diào)試非常有利，從開始規(guī)劃起就記錄目錄名、文件名的分配，以便調(diào)試時(shí)節(jié)省時(shí)間。第二篇：《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書武漢商貿(mào)職業(yè)學(xué)院 信息工程學(xué)院《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書軟件教研室 2013年9月 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書目錄實(shí)訓(xùn)目的...........................................................................................................................................1 實(shí)訓(xùn)內(nèi)容及要求...............................................................................................................................1 實(shí)訓(xùn)性質(zhì)、實(shí)訓(xùn)地點(diǎn)、實(shí)習(xí)時(shí)間安排，適用專業(yè)班級(jí)...............................................................2 實(shí)訓(xùn)一 站點(diǎn)的規(guī)劃設(shè)計(jì)..................................................................................................................3 實(shí)訓(xùn)二 設(shè)計(jì)案例網(wǎng)站LOGO.........................................................................................................4 實(shí)訓(xùn)三 設(shè)計(jì)案例網(wǎng)站BANNER...................................................................................................5 實(shí)訓(xùn)四 設(shè)計(jì)案例網(wǎng)站導(dǎo)航條.........................................................................................................6 實(shí)訓(xùn)五 設(shè)計(jì)案例網(wǎng)站網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明.........................................................................7 實(shí)訓(xùn)六 對(duì)案例網(wǎng)站版面切圖.........................................................................................................8 實(shí)訓(xùn)七 制作完成案例網(wǎng)站首頁.....................................................................................................9 實(shí)訓(xùn)八 案例網(wǎng)站模板的制作.......................................................................................................10 實(shí)訓(xùn)九 案例網(wǎng)頁超級(jí)鏈接的添加...............................................................................................11 實(shí)訓(xùn)十 案例網(wǎng)站加入動(dòng)態(tài)元素...................................................................................................12第2頁 《網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書實(shí)訓(xùn)目的在前一階段，學(xué)生完成了《網(wǎng)頁設(shè)計(jì)與制作》、《圖形圖像處理》、《CSS設(shè)計(jì)》、等專業(yè)課程的學(xué)習(xí)，為了讓學(xué)生將前期的專業(yè)課程學(xué)以致用，融會(huì)貫通，特開設(shè)本系統(tǒng)化實(shí)訓(xùn)。本次綜合實(shí)訓(xùn)基于學(xué)生的興趣，選取專業(yè)建設(shè)網(wǎng)站開發(fā)為主題，基于網(wǎng)頁開發(fā)的流程，把實(shí)訓(xùn)周期當(dāng)做是一個(gè)項(xiàng)目的開發(fā)周期，嚴(yán)格把握項(xiàng)目進(jìn)度，最終要求學(xué)生完成網(wǎng)站的前臺(tái)設(shè)計(jì)。通過本次實(shí)訓(xùn)希望達(dá)到以下目的：； ； ； +DIV做網(wǎng)頁布局； 實(shí)訓(xùn)內(nèi)容及要求本實(shí)訓(xùn)的內(nèi)容簡述： （1）專業(yè)概況（2）專業(yè)建設(shè)規(guī)劃（3）展示最新動(dòng)態(tài)文章標(biāo)題（8條）（4）專業(yè)建設(shè)成效的文章標(biāo)題（8項(xiàng)）（5）專業(yè)建設(shè)特色文章標(biāo)題（8項(xiàng)）點(diǎn)擊項(xiàng)目概況，顯示相關(guān)文本 點(diǎn)擊項(xiàng)目申報(bào)書菜單，顯示flashpaper格式的申報(bào)書內(nèi)容 顯示專業(yè)建設(shè)特色的文章標(biāo)題列表，點(diǎn)擊標(biāo)題進(jìn)入內(nèi)容 顯示專業(yè)建設(shè)動(dòng)態(tài)的標(biāo)題列表，點(diǎn)擊標(biāo)題進(jìn)入成果詳細(xì)展示 顯示專業(yè)建設(shè)成效的標(biāo)題列表，點(diǎn)擊標(biāo)題進(jìn)入成果詳細(xì)展示。本實(shí)訓(xùn)的要求：（div+css）技術(shù)完成至少4個(gè)頁面，其中必須包括網(wǎng)