【正文】 要求...............................................................................................................................1 實(shí)訓(xùn)性質(zhì)、實(shí)訓(xùn)地點(diǎn)、實(shí)習(xí)時(shí)間安排，適用專(zhuān)業(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)頁(yè)內(nèi)容和網(wǎng)頁(yè)版權(quán)聲明.........................................................................7 實(shí)訓(xùn)六 對(duì)案例網(wǎng)站版面切圖.........................................................................................................8 實(shí)訓(xùn)七 制作完成案例網(wǎng)站首頁(yè).....................................................................................................9 實(shí)訓(xùn)八 案例網(wǎng)站模板的制作.......................................................................................................10 實(shí)訓(xùn)九 案例網(wǎng)頁(yè)超級(jí)鏈接的添加...............................................................................................11 實(shí)訓(xùn)十 案例網(wǎng)站加入動(dòng)態(tài)元素...................................................................................................12第2頁(yè) 《網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)》實(shí)訓(xùn)指導(dǎo)書(shū)實(shí)訓(xùn)目的在前一階段，學(xué)生完成了《網(wǎng)頁(yè)設(shè)計(jì)與制作》、《圖形圖像處理》、《CSS設(shè)計(jì)》、等專(zhuān)業(yè)課程的學(xué)習(xí)，為了讓學(xué)生將前期的專(zhuān)業(yè)課程學(xué)以致用，融會(huì)貫通，特開(kāi)設(shè)本系統(tǒng)化實(shí)訓(xùn)。提高了自己的鑒賞能力，綜合搭配能力，也對(duì)以前學(xué)過(guò)的內(nèi)容進(jìn)行了綜合的復(fù)習(xí)。網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)不算什么困難，真正困難的是網(wǎng)頁(yè)的設(shè)計(jì)創(chuàng)意，文字我覺(jué)得也很重要，有些人瀏覽你的網(wǎng)頁(yè)不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動(dòng)人心的，唯美的文字。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓?zhuān)o人以中立和高雅的感覺(jué)。在做CSS樣式表的時(shí)候，做字的顏色的時(shí)候，老是不知道用哪種顏色才搭配的起這個(gè)背景，后來(lái)，看到那個(gè)背景的鈕扣顏色與灰色配起來(lái)很好看就用吸管取了鈕扣的顏色了。關(guān)于頁(yè)面，也是簡(jiǎn)單的文字頁(yè)面，沒(méi)什么特別的，“個(gè)人簡(jiǎn)歷”文字鏈接到WORD文檔“個(gè)人簡(jiǎn)歷”(代碼：附錄：源代碼(1)狀態(tài)欄逐字出現(xiàn)的效果代碼：(2)首頁(yè)收藏代碼：onClick=“(39。第二個(gè)是光芒四射（代碼見(jiàn)附錄），要用到ActionScript語(yǔ)言，長(zhǎng)短不一的線(xiàn)條加上透明度的改變組成光芒四射。次首頁(yè)，就是進(jìn)入次頁(yè)面的第一個(gè)頁(yè)面。在所有的頁(yè)面導(dǎo)航條下面，插入層對(duì)象制作了一個(gè)層動(dòng)畫(huà)，來(lái)回移動(dòng)的層，里面存放日期，利用行為面板為此層添加了鼠標(biāo)行為，單擊此層，會(huì)出現(xiàn)對(duì)話(huà)框，“歡迎您訪(fǎng)問(wèn)我的個(gè)人主頁(yè)！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號(hào)，顏色都統(tǒng)一套用相應(yīng)的樣式。只好用了一張與次頁(yè)面一樣的背景圖片做背景，加上從下向上的滾動(dòng)字幕，背景圖片是用Firworks處理過(guò)的圖片，大片的灰色墻壁加上顏色艷麗的鈕扣圖案，首頁(yè)加了狀態(tài)欄逐字出現(xiàn)的效果，加了“加入收藏”、“設(shè)為首頁(yè)”等代碼。五、網(wǎng)站設(shè)計(jì)過(guò)程：把所有的素材都整理好（圖片，文章，相片），開(kāi)始布局。四、網(wǎng)站設(shè)計(jì)思路：本站應(yīng)該算是一個(gè)人主頁(yè)的小型網(wǎng)站。為一個(gè)頁(yè)面添加背景音樂(lè)。必須用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有合理的外觀(guān)和功能。建議使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對(duì)象制作層動(dòng)畫(huà)，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動(dòng)畫(huà)，使用CSS樣式統(tǒng)一網(wǎng)頁(yè)中文字樣式，插入Fireworks中的GIF 文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級(jí)鏈接。首頁(yè)中的動(dòng)畫(huà)不超過(guò)20M。設(shè)置圖片的GIF動(dòng)畫(huà)格式，制作標(biāo)題動(dòng)畫(huà)。下面是封面2010年10月20日第4頁(yè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)指導(dǎo)書(shū)湖北輕工職業(yè)技術(shù)學(xué)院課程設(shè)計(jì)題目___________________________________ 系部___________________________________ 班級(jí)___________________________________ 姓名___________________________________ 指導(dǎo)老師___________________________________****年**月**日第5頁(yè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)指導(dǎo)書(shū)網(wǎng)站的目錄結(jié)構(gòu)（樣圖）網(wǎng)站的鏈接結(jié)構(gòu)（樣圖）第6頁(yè)第三篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)網(wǎng)站名稱(chēng)：微言微語(yǔ)個(gè)人主頁(yè)班級(jí)：J09301班，J09302班學(xué)生姓名：指導(dǎo)老師：李向?qū)嵱?xùn)時(shí)間：—2010年下期網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)報(bào)告一、實(shí)習(xí)目的：通過(guò)教學(xué)實(shí)習(xí)掌握站點(diǎn)制作、站點(diǎn)測(cè)試與發(fā)布技術(shù)。不允許雷同報(bào)告，發(fā)現(xiàn)后所有雷同以零分記。例如：[1]郭誠(chéng)忠，電子商務(wù)發(fā)展與我國(guó)的電子商務(wù)總體框架 電子與信息化 2000（1）[2]EvanHirsh，How to TreatCustomer’s Right 2000,10 ：1)封面（樣張附后）2)引言3)系統(tǒng)開(kāi)發(fā)及運(yùn)行環(huán)境 4)制作本網(wǎng)站的設(shè)計(jì)思路5）繪制出網(wǎng)站的目錄結(jié)構(gòu)和網(wǎng)站的鏈接結(jié)構(gòu)圖（樣圖附后）6)敘述網(wǎng)站建設(shè)及各頁(yè)面設(shè)計(jì)的過(guò)程（要求各頁(yè)面以圖片的形式存放到文檔合適位置）7）自己對(duì)本網(wǎng)站作一個(gè)全面的評(píng)價(jià)：包括有何特點(diǎn)、存在的問(wèn)題、改進(jìn)意見(jiàn)等。9．測(cè)試與瀏覽網(wǎng)頁(yè)。5．制作首頁(yè)。（3）根據(jù)實(shí)訓(xùn)時(shí)間的長(zhǎng)短制定一個(gè)切實(shí)可行的網(wǎng)站開(kāi)發(fā)計(jì)劃。缺課節(jié)數(shù)達(dá)三分之一以上者，實(shí)訓(xùn)成績(jī)按不及格處理。6．在設(shè)計(jì)過(guò)程中，要嚴(yán)格要求自己，樹(shù)立嚴(yán)密、嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度，必須按時(shí)、保質(zhì)、保量完成實(shí)訓(xùn)任務(wù)。（7）選取個(gè)別頁(yè)面，可以適當(dāng)調(diào)用JavaScript程序，制作網(wǎng)頁(yè)特效。3．所創(chuàng)建的網(wǎng)站至少分為二層，包括5個(gè)頁(yè)面。（7）制作上海世博會(huì)網(wǎng)站。（3）制作班級(jí)網(wǎng)站。3．培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開(kāi)發(fā)過(guò)程中所遇到的實(shí)際問(wèn)題的能力及其基本工作素質(zhì)。（8）掌握表單網(wǎng)頁(yè)制作方法。（4）熟練掌握網(wǎng)頁(yè)頁(yè)面布局的各種方法。二、實(shí)訓(xùn)目的1．通過(guò)綜合實(shí)訓(xùn)進(jìn)一步鞏固、深化和擴(kuò)展學(xué)生的理論知識(shí)與專(zhuān)業(yè)技能。第3頁(yè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)指導(dǎo)書(shū)七、時(shí)間要求在2012年07月25日前提交，過(guò)期不再受理，不記成績(jī)。禁止直接抄襲網(wǎng)站或報(bào)刊內(nèi)容。文章名、作者、報(bào)刊名和期數(shù)、網(wǎng)址等。8．創(chuàng)建超級(jí)鏈接。4．創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。（2）選題：確定網(wǎng)站主題，各小組進(jìn)行分工。8．實(shí)訓(xùn)期間，嚴(yán)格遵守學(xué)校的規(guī)章制度，不得遲到、早退、曠課。5．實(shí)訓(xùn)過(guò)程中既要虛心接受老師的指導(dǎo)，又要充分發(fā)揮主觀(guān)能動(dòng)性、獨(dú)立思考、努力鉆研、勤于實(shí)踐、勇于創(chuàng)新。（6）各個(gè)頁(yè)面之間導(dǎo)航清晰、鏈接準(zhǔn)確無(wú)誤。2．制作網(wǎng)頁(yè)前，收集好所需的文字資料、圖像資料、flash動(dòng)畫(huà)和網(wǎng)頁(yè)特效。（6）制作旅游網(wǎng)站。三、實(shí)訓(xùn)要求1．實(shí)訓(xùn)參考題：第1頁(yè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)指導(dǎo)書(shū)（1）制作教學(xué)資源網(wǎng)站（2）制作個(gè)人網(wǎng)站。2．訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動(dòng)手能力，學(xué)會(huì)通過(guò)網(wǎng)站、書(shū)籍、素材光盤(pán)等方式收集所需的文字資料、圖像資料、flash動(dòng)畫(huà)和網(wǎng)頁(yè)特效等。（7）掌握建立各種形式超級(jí)鏈接的方法。（3）掌握頁(yè)面的整體控制和頭部?jī)?nèi)容設(shè)置的方法。因此，加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié)，搞好實(shí)訓(xùn)教學(xué)，對(duì)實(shí)現(xiàn)本專(zhuān)業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素有著重要的作用。它是根據(jù)專(zhuān)業(yè)教學(xué)計(jì)劃的要求，在教師指導(dǎo)下對(duì)學(xué)生進(jìn)行的網(wǎng)頁(yè)制作專(zhuān)業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問(wèn)題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的轉(zhuǎn)化，是對(duì)理論與實(shí)踐教學(xué)效果的檢驗(yàn)，也是對(duì)學(xué)生綜合分析能力與獨(dú)立工作能力的培養(yǎng)過(guò)程。（2）熟練掌握網(wǎng)頁(yè)制作軟件Dreamweaver 8的基本操作和使用技能。（6）熟練掌握在網(wǎng)頁(yè)中插入圖像、flash動(dòng)畫(huà)、背景音樂(lè)的方法。（10）掌握網(wǎng)站測(cè)試的方法。5．訓(xùn)練和培養(yǎng)團(tuán)隊(duì)協(xié)作精神和共同開(kāi)發(fā)網(wǎng)站的綜合能力。（5）制作體育網(wǎng)站。具體要求如下：1．動(dòng)手制作網(wǎng)頁(yè)之前，必須認(rèn)真做好網(wǎng)站的需求分析，策劃好網(wǎng)站的主題，規(guī)劃好網(wǎng)站的風(fēng)格和結(jié)構(gòu)，創(chuàng)建完善的目錄結(jié)構(gòu)。（4）適當(dāng)采用CSS樣式表修飾各個(gè)頁(yè)面內(nèi)容；（5）所有頁(yè)面要求內(nèi)容充實(shí)、布局合理、顏色搭配協(xié)調(diào)、美觀(guān)大方。4．網(wǎng)頁(yè)的版面尺寸應(yīng)用符合網(wǎng)頁(yè)設(shè)計(jì)的規(guī)范，網(wǎng)站中所有文件、文件夾的命名應(yīng)規(guī)范，盡量做到字母數(shù)量少，見(jiàn)名知意、容易理解。7．小組成員之間，既要分工明確，又要密切合作，培養(yǎng)良好的互助、協(xié)作精神。四、實(shí)訓(xùn)步驟1．實(shí)訓(xùn)準(zhǔn)備、制定實(shí)訓(xùn)計(jì)劃（1）分組：每一組選定一名組長(zhǎng)，組長(zhǎng)主要負(fù)責(zé)考勤以及與指導(dǎo)教師聯(lián)系。3．設(shè)計(jì)網(wǎng)站的