沈陽(yáng)航空工業(yè)學(xué)院課程設(shè)計(jì)PAGEPAGE4《INTERNET網(wǎng)頁(yè)設(shè)計(jì)》課程設(shè)計(jì)——經(jīng)濟(jì)管理學(xué)院網(wǎng)頁(yè)設(shè)計(jì)樂(lè)園沈陽(yáng)航空工業(yè)學(xué)院2007年1月沈陽(yáng)航空工業(yè)學(xué)院課程設(shè)計(jì)任務(wù)書(shū)一、課程設(shè)計(jì)題目：Internet網(wǎng)頁(yè)設(shè)計(jì)二、課程設(shè)計(jì)工作自2008年12月17日起至2008年12月29日三、課程設(shè)計(jì)的內(nèi)容及要求：課程設(shè)計(jì)的目的：系統(tǒng)掌握網(wǎng)站/網(wǎng)頁(yè)設(shè)計(jì)的整個(gè)流程和方法；能夠初步規(guī)劃網(wǎng)站結(jié)構(gòu)；掌握網(wǎng)站設(shè)計(jì)規(guī)劃書(shū)的撰寫(xiě)（站點(diǎn)定位，欄目設(shè)計(jì)，任務(wù)分工，時(shí)間安排等）；掌握網(wǎng)站網(wǎng)頁(yè)材料的準(zhǔn)備工作；掌握網(wǎng)站材料的整理與處理方法；掌握制作網(wǎng)頁(yè)的整個(gè)步驟與過(guò)程；掌握網(wǎng)站的測(cè)試與上傳工作；掌握站點(diǎn)的建立，管理操作方法；牢固掌握并能靈活應(yīng)用HTML/XHTML標(biāo)記語(yǔ)言；熟練應(yīng)用網(wǎng)頁(yè)表格布局方法、超鏈接、樣式CSS、框架Frame和組件等的操作方法進(jìn)行頁(yè)面設(shè)計(jì)；掌握用Dreamweaver或FrontPage軟件工具的使用；掌握用Fireworks或photoshop軟件設(shè)計(jì)網(wǎng)頁(yè)美工或處理網(wǎng)頁(yè)圖片的使用方法；掌握用Flash或Fireworks軟件設(shè)計(jì)網(wǎng)頁(yè)動(dòng)畫(huà)的方法；掌握用制作一般網(wǎng)絡(luò)企業(yè)網(wǎng)站、多媒體課件、個(gè)人主頁(yè)等不同類(lèi)型站點(diǎn)實(shí)現(xiàn)步驟和方法。課程設(shè)計(jì)的內(nèi)容：從附件1中選擇選擇或自擬功能類(lèi)似的題目作為本小組（小組成員不多于3人）的設(shè)計(jì)題目完成一個(gè)所選主題網(wǎng)站的設(shè)計(jì)準(zhǔn)備所選主題網(wǎng)站所需要的材料設(shè)計(jì)一個(gè)有創(chuàng)意、動(dòng)感的主題網(wǎng)站的首頁(yè)（命名為index.html）設(shè)計(jì)該主題網(wǎng)站的的導(dǎo)航首頁(yè)（必須具備logo,Banner導(dǎo)航條,版權(quán)信息等）設(shè)計(jì)一個(gè)有動(dòng)畫(huà)或視頻的該主題網(wǎng)站的分頁(yè).設(shè)計(jì)若干個(gè)該主題網(wǎng)站的分頁(yè)（如公司網(wǎng)站的產(chǎn)品介紹的多個(gè)頁(yè)面）設(shè)計(jì)一個(gè)該主題網(wǎng)站留言板(選做)把該主題網(wǎng)站的主頁(yè)與分頁(yè)做鏈接并測(cè)試鏈接上傳所完主題網(wǎng)站網(wǎng)站到WEB服務(wù)器并測(cè)試。課程設(shè)計(jì)的要求：撰寫(xiě)所選命題的網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃書(shū)。規(guī)劃書(shū)內(nèi)容應(yīng)規(guī)范，內(nèi)容包括。在查閱資料，以調(diào)研等方式做好需求分析，要求調(diào)研充分，設(shè)計(jì)合理，功能完善，設(shè)計(jì)的業(yè)務(wù)流程符合實(shí)際企業(yè)運(yùn)作過(guò)程；每組所做主題必須分工明確，網(wǎng)站整體風(fēng)格一致。每組網(wǎng)站頁(yè)面應(yīng)不少于15個(gè)靜態(tài)頁(yè)面，層疊樣式表文件不少于2個(gè)，F(xiàn)lash動(dòng)畫(huà)不少于3個(gè)，原創(chuàng)圖片不少于6個(gè)，JavaScript腳本不少于2個(gè)。每組內(nèi)的每個(gè)組員所做網(wǎng)頁(yè)內(nèi)容不能少于5個(gè)靜態(tài)頁(yè)面（HTML），要盡量根據(jù)欄目劃分任務(wù)。網(wǎng)站網(wǎng)頁(yè)主頁(yè)應(yīng)包含logo,Banner,導(dǎo)航條等內(nèi)容，分頁(yè)全部要有導(dǎo)航條或者路徑指示。頁(yè)面設(shè)計(jì)應(yīng)美觀，設(shè)計(jì)合理，風(fēng)格獨(dú)特，無(wú)非法鏈接。課程設(shè)計(jì)結(jié)束應(yīng)撰寫(xiě)課程設(shè)計(jì)報(bào)告。課程設(shè)計(jì)報(bào)告要求按照所提供模版進(jìn)行撰寫(xiě)（不按照模版章節(jié)設(shè)置的，不予評(píng)分）。課程設(shè)計(jì)報(bào)告應(yīng)包括，網(wǎng)站規(guī)劃，網(wǎng)站結(jié)構(gòu)圖，工具簡(jiǎn)介，網(wǎng)站模塊劃分及其功能說(shuō)明，業(yè)務(wù)流程圖等；學(xué)生在提交課程設(shè)計(jì)報(bào)告的同時(shí)需要交完整的電子設(shè)計(jì)資料和電子作品，報(bào)告需要裝訂，格式請(qǐng)參照沈航課程設(shè)計(jì)報(bào)告模版進(jìn)行撰寫(xiě)（見(jiàn)附件），用16K紙打印；課程設(shè)計(jì)的時(shí)間安排：實(shí)習(xí)時(shí)間安排：2周W1第一天W1第二天W1第三天W1第四天W1第五天布置任務(wù)小組劃分選題調(diào)研相關(guān)系統(tǒng)提交劃分確定題目收集資料明確設(shè)計(jì)規(guī)范撰寫(xiě)規(guī)劃書(shū)設(shè)計(jì)網(wǎng)站主頁(yè)選定系統(tǒng)原型小組討論、分析提交規(guī)劃報(bào)告書(shū)(編號(hào)1)網(wǎng)站頁(yè)面設(shè)計(jì)階段檢查W2第一天W2第二天W2第三天W2第四天W2第五天CSS設(shè)計(jì)動(dòng)畫(huà)設(shè)計(jì)二級(jí)頁(yè)面設(shè)計(jì)網(wǎng)站頁(yè)面設(shè)計(jì)網(wǎng)站頁(yè)面設(shè)計(jì)網(wǎng)站自查自評(píng)網(wǎng)站頁(yè)面調(diào)試提交報(bào)告（編號(hào)1、2）演示原型系統(tǒng)（成績(jī)?cè)u(píng)定）提交電子作品和報(bào)告題目經(jīng)濟(jì)管理學(xué)院網(wǎng)頁(yè)設(shè)計(jì)樂(lè)園姓名仵辰強(qiáng)班級(jí)7408301學(xué)號(hào)200704083030設(shè)計(jì)日期2008年12月17日至2008年12月29日任務(wù)描述本次網(wǎng)頁(yè)設(shè)計(jì)，大體設(shè)計(jì)通過(guò)本系的主頁(yè)模板為基礎(chǔ)，設(shè)計(jì)一個(gè)以網(wǎng)頁(yè)設(shè)計(jì)素材和教程為主題的網(wǎng)站，大體任務(wù)有：1：素材的搜集2：網(wǎng)站的排版設(shè)計(jì)3：后期的調(diào)試和維護(hù)4：完成實(shí)驗(yàn)報(bào)告書(shū)答辯記錄指導(dǎo)教師評(píng)語(yǔ)指導(dǎo)教師簽字：年月平時(shí)表現(xiàn)文檔成績(jī)軟件成績(jī)答辯成績(jī)總成績(jī)

目錄第1章網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃 21.1站點(diǎn)標(biāo)題 21.2站點(diǎn)目標(biāo) 21.3目標(biāo)用戶 21.4網(wǎng)站的評(píng)估標(biāo)準(zhǔn) 21.5網(wǎng)站內(nèi)容 31.6網(wǎng)站設(shè)計(jì)原則 31.7網(wǎng)站采用的技術(shù)及特征 31.8受限因素 31.9測(cè)試計(jì)劃 41.10站點(diǎn)結(jié)構(gòu)圖 4第2章網(wǎng)站網(wǎng)頁(yè)的原型設(shè)計(jì) 52.1版面設(shè)計(jì) 52.3導(dǎo)航設(shè)計(jì) 52.4圖像設(shè)計(jì) 62.5色彩選擇 82.6動(dòng)態(tài)內(nèi)容設(shè)計(jì) 8第3章網(wǎng)站欄目（頻道）設(shè)計(jì) 133.1欄目的設(shè)計(jì)思路 13第4章網(wǎng)站頁(yè)面的部分代碼設(shè)計(jì) 144.1HTML頁(yè)面設(shè)計(jì) 144.3Flash/JavaScript頁(yè)面設(shè)計(jì) 15課程設(shè)計(jì)總結(jié) 17參考文獻(xiàn) 18沈陽(yáng)航空工業(yè)學(xué)院課程設(shè)計(jì)第1章網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃1.1站點(diǎn)標(biāo)題經(jīng)濟(jì)管理學(xué)院網(wǎng)頁(yè)設(shè)計(jì)技術(shù)交流網(wǎng)站1.2站點(diǎn)目標(biāo)提供網(wǎng)頁(yè)設(shè)計(jì)素材提供網(wǎng)頁(yè)設(shè)計(jì)教程與技巧1.3目標(biāo)用戶對(duì)網(wǎng)頁(yè)設(shè)計(jì)有濃厚的興趣的同學(xué)正在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程的同學(xué)1.4網(wǎng)站的評(píng)估標(biāo)準(zhǔn)1.是否能夠?yàn)閺V大同學(xué)提供方便的服務(wù)，為收費(fèi)用戶提供有價(jià)值的回報(bào)。2.能否為網(wǎng)頁(yè)設(shè)計(jì)這門(mén)技術(shù)或者課程，提供強(qiáng)大的在線教學(xué)與素材庫(kù)的能力。1.5網(wǎng)站內(nèi)容所屬單位沈陽(yáng)航空工業(yè)學(xué)院經(jīng)濟(jì)管理學(xué)院網(wǎng)站介紹網(wǎng)頁(yè)設(shè)計(jì)技術(shù)交流網(wǎng)站人才招聘需要1名站長(zhǎng)：負(fù)責(zé)整個(gè)網(wǎng)站的構(gòu)想和后期發(fā)展的策劃需要2名維護(hù)人員：要求有一定的網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)，能夠上傳最新的資料。需要多名服務(wù)人員：多名同學(xué)負(fù)責(zé)網(wǎng)站的在線服務(wù)功能，為同學(xué)們提供技術(shù)幫助。1.6網(wǎng)站設(shè)計(jì)原則本網(wǎng)站設(shè)計(jì)原則：為用戶提供最新的視頻教學(xué)。方便同學(xué)自主學(xué)習(xí)。為用戶提供豐富多彩的背景，圖片，圖標(biāo)，模板的素材，并提下載提供整站的搭建教程1.7網(wǎng)站采用的技術(shù)及特征本站采用CSS，javascript，flase插入技術(shù)，并且運(yùn)用了大量的圖標(biāo)文件，并且本站特別的有獨(dú)自的框架結(jié)構(gòu)的《在線觀看》模塊，簡(jiǎn)單直接，并且使用AWF文件格式，真正做到隨看隨點(diǎn)，無(wú)須緩沖。1.8受限因素首先條件：本站遇到最大的問(wèn)題就是，對(duì)于BBS，搜索功能和用戶收費(fèi)登陸的問(wèn)題，由于技術(shù)上的限制，雖然在網(wǎng)頁(yè)上搭建出來(lái)了按鈕與模塊但是功能仍然在學(xué)習(xí)與完善中。另外缺乏網(wǎng)頁(yè)的在線服務(wù)功能。另外由于，整個(gè)網(wǎng)站由本人一人完成，素材的收集工作一直受到阻礙，所以并不能讓整個(gè)網(wǎng)站充實(shí)起來(lái)。1.9測(cè)試計(jì)劃1：現(xiàn)在學(xué)校機(jī)房搭建一個(gè)網(wǎng)站，供同學(xué)們測(cè)試，并且在校園網(wǎng)經(jīng)管學(xué)院的FTP上開(kāi)設(shè)板塊，讓同學(xué)們上傳手上的網(wǎng)頁(yè)設(shè)計(jì)素材，和教程視頻。2：當(dāng)網(wǎng)頁(yè)完善和內(nèi)容豐富后，再在校園網(wǎng)內(nèi)開(kāi)設(shè)網(wǎng)頁(yè)，請(qǐng)廣大同學(xué)測(cè)試。并且開(kāi)設(shè)論壇，收集測(cè)試信息，與同學(xué)意見(jiàn)。3：當(dāng)網(wǎng)站已經(jīng)初見(jiàn)規(guī)模，可以自建服務(wù)器，打出自己的品牌，上傳到因特網(wǎng)，并且開(kāi)設(shè)收費(fèi)會(huì)員服務(wù)，成就大規(guī)模的網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)門(mén)店。1.10站點(diǎn)結(jié)構(gòu)圖層次網(wǎng)站結(jié)構(gòu)圖，例如：將網(wǎng)站用功能框圖表示出來(lái)（要求設(shè)計(jì)好框圖之后組合起來(lái)）主頁(yè)主頁(yè)設(shè)計(jì)教程矢量圖庫(kù)模板圖庫(kù)動(dòng)畫(huà)倉(cāng)庫(kù)軟件下載推薦縮略圖表清晰大圖列表在線觀看下載在線觀看下載模板下載FLASH軟件列表下載軟件網(wǎng)站框架圖第2章網(wǎng)站網(wǎng)頁(yè)的原型設(shè)計(jì)2.1版面設(shè)計(jì)圖表SEQ圖表\*ARABIC12.2導(dǎo)航設(shè)計(jì)圖表SEQ圖表\*ARABIC2<tr><tdheight="37"background="images/03.gif"><tablewidth="778"height="37"border="0"cellpadding="0"cellspacing="0"><tr> <tdwidth="15"> </td><tdwidth="110"class="nav_fontsize"><divclass="nav"><ahref="index.html">網(wǎng)站首頁(yè)</a></div></td><tdwidth="110"class="nav_fontsize"><divclass="nav"><ahref="sub.html">設(shè)計(jì)教程</a></div></td><tdwidth="110"class="nav_fontsize"><divclass="nav"><ahref="sub1.html">矢量圖庫(kù)</a></div></td><tdwidth="110"class="nav_fontsize"><divclass="nav"><ahref="sub2.html">模板圖庫(kù)</a></div></td><tdwidth="110"class="nav_fontsize"><divalign="center"><spanclass="nav"><ahref="sub3.html">動(dòng)畫(huà)倉(cāng)庫(kù)</a></span></div></td><tdwidth="110"class="nav_fontsize"><divclass="nav"><ahref="#">專(zhuān)業(yè)書(shū)籍推薦</a></div></td><tdwidth="110"class="nav_fontsize"><divclass="nav"><ahref="sub4.html">軟件下載</a></div><divclass="nav"></div></td><tdwidth="52"> </td></tr></table></td></tr>2.3圖像設(shè)計(jì)3.4.1本站模板本站并沒(méi)有使用網(wǎng)路上使用的成品模板，而是簡(jiǎn)單的背景和網(wǎng)頁(yè)標(biāo)題的模板，充分的使用后期自己設(shè)計(jì)的原創(chuàng)網(wǎng)頁(yè)。摒棄了只是簡(jiǎn)單的翻譯，或者修改文字的模板網(wǎng)站。圖表SEQ圖表\*ARABIC33.4.1站點(diǎn)Logo設(shè)計(jì)圖表SEQ圖表\*ARABIC4使用學(xué)校的圖標(biāo)和學(xué)校的校訓(xùn)設(shè)計(jì)了學(xué)校的LOGO。并且，我們以工作室的名義制作網(wǎng)站，并且設(shè)計(jì)了工作室的圖標(biāo)。威震網(wǎng)絡(luò)（WyeiGonnNetwork）圖表SEQ圖表\*ARABIC52.4色彩選擇本網(wǎng)站主題色彩選用的淺藍(lán)色和深藍(lán)色，因?yàn)樯蜿?yáng)航空工業(yè)學(xué)校是為航空事業(yè)提供人才，所以網(wǎng)站的主色調(diào)選擇的是藍(lán)色，并且主頁(yè)額標(biāo)題選擇了學(xué)校的前門(mén)，也體現(xiàn)出學(xué)院主頁(yè)的風(fēng)格。藍(lán)色的選擇也是主頁(yè)清新，爽朗的感覺(jué)，提高網(wǎng)頁(yè)的美觀。2.5動(dòng)態(tài)內(nèi)容設(shè)計(jì)圖表SEQ圖表\*ARABIC6本站在主頁(yè)部分，使用了一個(gè)動(dòng)態(tài)的FLASH相冊(cè)功能，提供了網(wǎng)站中矢量圖庫(kù)的一個(gè)連接內(nèi)容，能夠很好的體現(xiàn)出矢量圖庫(kù)第一時(shí)間展現(xiàn)給用戶，并且為用戶的下載提供快捷通道。2.6圖標(biāo)設(shè)計(jì)圖表SEQ圖表\*ARABIC7本站采用了大量的從網(wǎng)絡(luò)上采集到的圖標(biāo)文件，融入到了網(wǎng)頁(yè)中去，能夠很好的讓頁(yè)面生動(dòng)起來(lái)，并且提高了頁(yè)面的美化效果。也減小了頁(yè)面的設(shè)計(jì)中的工作量。也讓網(wǎng)頁(yè)真正的與網(wǎng)路上流傳的成功頁(yè)面減小了差距。比如一些動(dòng)態(tài)的HOT，SWF文件，還有最近更新的NEW。圖表SEQ圖表\*ARABIC8另外，頁(yè)面中一些HELP和跳躍閃爍的小圖標(biāo)，也可以提高網(wǎng)頁(yè)的美觀。圖表SEQ圖表\*ARABIC92.7在線觀看設(shè)計(jì)圖表SEQ圖表\*ARABIC10本站獨(dú)特的設(shè)計(jì)，本網(wǎng)站提供了用戶的學(xué)習(xí)視頻的下載與在線觀看，但是避免了傳統(tǒng)的一個(gè)標(biāo)題一個(gè)連接，觀看還要返回原界面的方式。我們選擇的是例如現(xiàn)在比較主流的播放軟件，框架式的，列表和播放窗口在同一頁(yè)面上。圖表SEQ圖表\*ARABIC11這樣就能夠很好的讓用戶選擇要觀看的視頻，并且減少了尋找的時(shí)間與不便。以下是觀看視頻時(shí)的界面。圖表SEQ圖表\*ARABIC12特點(diǎn)：本站的所有視頻均被轉(zhuǎn)化為SWF文件格式，可以在網(wǎng)頁(yè)上直接現(xiàn)實(shí)，不依托播放軟件。并且這種格式的視頻，非常的小，不影響速度。2.8網(wǎng)站素材本站的素材基本上囊括了網(wǎng)頁(yè)設(shè)計(jì)需要的幾大重要的元素，本站重點(diǎn)推薦的便是：網(wǎng)頁(yè)模板素材下載。擁有以下幾個(gè)特點(diǎn)：1：選材多樣本站的模板包括單純的PSD格式的平面模板，和動(dòng)態(tài)的FLASE成品網(wǎng)站模板，有先下流行的韓國(guó)模板，還有一些歐美大網(wǎng)的動(dòng)態(tài)網(wǎng)站，不僅提供用戶一系列的網(wǎng)頁(yè)模板（主頁(yè)面，分支頁(yè)面），也提供原網(wǎng)站的HTML文件CSS文件FLASH文件全套的打包下載，提供了便利，也避免了在網(wǎng)路上搜集的單純性和存壞嚴(yán)重。2：瀏覽方式本站也提供了動(dòng)態(tài)網(wǎng)頁(yè)的大圖瀏覽和具體的站點(diǎn)瀏覽，避免只用一個(gè)小圖來(lái)概括的失真性。3：緊跟流行更新了最近流行的17*19的顯示器下的寬屏，橫板網(wǎng)站，緊跟潮流，對(duì)于用戶的設(shè)計(jì)選材和方式上有一個(gè)新的突破。圖表SEQ圖表\*ARABIC13圖表SEQ圖表\*ARABIC14圖表SEQ圖表\*ARABIC15第3章網(wǎng)站欄目（頻道）設(shè)計(jì)3.1欄目的設(shè)計(jì)思路本站整個(gè)是以素材和教程為主線，提供了設(shè)計(jì)教程、矢量圖庫(kù)、模板圖庫(kù)、軟件下載、專(zhuān)業(yè)書(shū)籍推薦、動(dòng)畫(huà)倉(cāng)庫(kù)幾個(gè)大的模塊。為整個(gè)網(wǎng)頁(yè)設(shè)計(jì)，從軟件平臺(tái)的搭設(shè)，到網(wǎng)頁(yè)設(shè)計(jì)中遇到的問(wèn)題而引入了設(shè)計(jì)教程，并且大部分使用了視頻的教程模式，并且緊跟課程，加入了以教材為基礎(chǔ)的配套課件和完成效果。再到后期的模板使用，自定義的素材，動(dòng)態(tài)的FLASH動(dòng)畫(huà)，一整套的素材下載。讓所有的用戶可以在網(wǎng)站中找到自己想要的東西，為自己的網(wǎng)頁(yè)添枝加葉。并且欄目的設(shè)置中盡量提供便利與直觀，提供小圖列表，大圖表現(xiàn)，在線播放，軟件打包下載，并且使用“目標(biāo)另存為”的下載方式，方式某些地方限制多線程或者下載軟件下載。欄目的設(shè)置會(huì)在后續(xù)的維護(hù)和吸收用戶使用建議之后做新的調(diào)整和更新。第4章網(wǎng)站頁(yè)面的部分代碼設(shè)計(jì)4.1HTML頁(yè)面設(shè)計(jì)以下為框架“在線觀看”的HTML代碼：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>無(wú)標(biāo)題文檔</title></head><body><ahref="視頻/001.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(1-2)</a><br/><ahref="視頻/003.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(3-4)</a><br/><ahref="視頻/005.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(5-6)</a><br/><ahref="視頻/007.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(7-8)</a><br/><ahref="視頻/009.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(9-10)</a><br/><ahref="視頻/009.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(11-12)</a><imgsrc="test/gif-0242.gif"width="25"height="9"/><br/><ahref="視頻/0011.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(13-14)</a><imgsrc="test/gif-0242.gif"width="25"height="9"/><br/><ahref="視頻/0013.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(15-16)</a><imgsrc="test/gif-0242.gif"width="25"height="9"/><br/><ahref="視頻/0017.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(17-18)</a><imgsrc="test/gif-0242.gif"width="25"height="9"/><br/><ahref="視頻/0019.swf"target="mainFrame">薛新《網(wǎng)頁(yè)設(shè)計(jì)教程》(19-20)</a><imgsrc="test/gif-0242.gif"width="25"height="9"/><br/><br/><br/><br/><ahref="視頻/CSS的邊框?qū)傩?swf"target="mainFrame">《CSS的邊框?qū)傩浴?lt;/a><br/><ahref="視頻/CSS的單位.swf"target="mainFrame">《CSS的單位》</a><br/><ahref="視頻/CSS的定位屬性.swf"target="mainFrame">《CSS的定位屬性》</a><br/><ahref="視頻/CSS的方框?qū)傩?swf"target="mainFrame">《CSS的方框?qū)傩浴?lt;/a><br/><ahref="視頻/CSS的集體聲明.swf"target="mainFrame">《CSS的集體聲明》</a><br/><ahref="視頻/CSS的類(lèi)型.swf"target="mainFrame">《CSS的類(lèi)型》</a><br/><ahref="視頻/CSS的邊框?qū)傩?swf"target="mainFrame">《CSS的列表屬性》</a><br/><ahref="視頻/CSS的邊框?qū)傩?swf"target="mainFrame">《CSS的聲明》</a><br/><ahref="視頻/CSS的邊框?qū)傩?swf"target="mainFrame">《背景類(lèi)屬性》</a><br/><ahref="視頻/CSS的邊框?qū)傩?swf"target="mainFrame">《動(dòng)態(tài)CSS過(guò)濾器》</a><br/><br/><br/><imgsrc="test/gif-0044.gif"width="164"height="55"/></body></html>4.2Flash/JavaScript頁(yè)面設(shè)計(jì)以下是主頁(yè)自動(dòng)FLASH像框的代碼：<scripttype="text/javascript">imgUrl1="turn/images/01.jpg";imgtext1="矢量圖庫(kù)《宮》日歷美圖01"imgLink1=escape("sub1.html");imgUrl2="turn/images/02.jpg";imgtext2="矢量圖庫(kù)《宮》日歷美圖02"imgLink2=escape("sub1.html");imgUrl3="turn/images/03.jpg";imgtext3="矢量圖庫(kù)《宮》日歷美圖03"imgLink3=escape("sub1.html");imgUrl4="turn/images/04.jpg";imgtext4="矢量圖庫(kù)《宮》日歷美圖04"imgLink4=escape("sub1.html");imgUrl5="turn/images/05.jpg";imgtext5="矢量圖庫(kù)《宮》日歷美圖05"imgLink5=escape("sub1.html");imgUrl5="turn/images/06.jpg";imgtext5="矢量圖庫(kù)《宮》日歷美圖06"imgLink5=escape("sub1.html");varfocus_width=466varfocus_height=200vartext_height=18varswf_height=focus_height+text_heightvarpics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5varlinks=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5vartexts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5document.write('<objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"width="'+focus_width+'"height="'+swf_height+'">');document.write('<paramname="allowScriptAccess"value="sameDomain"><paramname="movie"value="turn/focus1.swf"><paramname="quality"value="high"><paramname="bgcolor"value="#F0F0F0">');document.write('<paramname="menu"value="false"><paramname=wmodevalue="opaque">');document.write('<paramname="FlashVars"value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');document.write('</object>');</script> 以下是網(wǎng)站的動(dòng)態(tài)滾動(dòng)通告代碼： <tdwidth