網(wǎng)站前臺(tái)設(shè)計(jì)與實(shí)現(xiàn)-資料下載頁(yè)
2025-08-11 08:36本頁(yè)面
【導(dǎo)讀】或集體已經(jīng)發(fā)表或撰寫過(guò)的作品成果。對(duì)本設(shè)計(jì)的研究做出重要。貢獻(xiàn)的個(gè)人和集體均已在文中以明確方式標(biāo)明。本聲明的法律結(jié)果由本人承擔(dān)。網(wǎng)站頁(yè)面的整體風(fēng)格必須根據(jù)網(wǎng)站所要表達(dá)思想表現(xiàn)一。通過(guò)連接代碼把網(wǎng)站前臺(tái)顯示系統(tǒng)與后臺(tái)管理系統(tǒng)連接起來(lái)。Logo、flash、banner、圖片、按鈕等；并實(shí)現(xiàn)各個(gè)功能模塊。網(wǎng)站任務(wù)，收集素材，但前臺(tái)整體框架的設(shè)計(jì)還有待改善。體框架，制作好效果圖，并制作好靜態(tài)頁(yè)面。方案條理欠缺清晰，前臺(tái)系統(tǒng)模塊的描述不夠。式要求調(diào)整規(guī)范。布自己想要公開的信息。Inter的迅速普及，正是依靠不計(jì)其數(shù)、豐富多彩的。關(guān)鍵字ASP技術(shù)?！?
【正文】 10 滾動(dòng)條 實(shí)現(xiàn) 代碼： div id=imgmarquee style=OVERFLOW: hidden。 WIDTH: 850px。 align: left。 div style=width:1800px !id=marquePic1 里面的寬度一定要大于 id=imgmarquee的寬度才能看到效果 width:600px。WIDTH: 580px。 大的 div 寬度要為 span的兩倍才可以，不然會(huì)換行 width:1200px zdz的作品，流風(fēng)的作品 span id=marquePic1 style=width:900px。 img src=images/dao/ alt=1 / img src=images/dao/ alt=2 / img src=images/dao/ alt=3 / img src=images/dao/ alt=4 / img src=images/dao/ alt=5 / /span span id=marquePic2 style=width:600px。/span/div /div script type=text/javascript var imgmarquee = (39。imgmarquee39。)。 var marquePic2 = (39。marquePic239。)。 var marquePic1 = (39。marquePic139。)。 var speed=10。//控制移動(dòng)的速度 ,數(shù)越大越慢 =。//把 marquePic1的內(nèi)容復(fù)制到 marquePic2里面 function Marquee(){ if(=){ =0。 }else{ //++。 ++。 } } var marqueetemp=setInterval(Marquee,speed)。 =function() {clearInterval(marqueetemp)} //鼠標(biāo)移到上面停止并清除計(jì)數(shù) =function() {marqueetemp=setInterval(Marquee,speed)} //鼠標(biāo)離開重新計(jì)數(shù) 第 16 頁(yè) 共 25 頁(yè) /script 投票系統(tǒng) 投票系統(tǒng)數(shù)據(jù)庫(kù)表 ， 如表 ： 表 數(shù)據(jù)庫(kù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 ID 自動(dòng)編號(hào) 編號(hào) Title 備注 標(biāo)題 select1 文本 xxx 的種類 answer1 數(shù)字 投票的人數(shù) Select2 文本 xxx 的種類 Answer2 數(shù)字 投票的人數(shù) Select3 文本 xxx 的種類 Answer3 數(shù)字 投票的人數(shù) Select4 文本 xxx 的種類 Answer4 數(shù)字 投票的人數(shù) Select5 文本 xxx 的種類 Answer5 數(shù)字 投票的人數(shù) DateAndTime 日期 /時(shí)間 添加的時(shí)間 IsChecked 數(shù)字 判斷是 對(duì)還是錯(cuò) 投票設(shè)計(jì)圖，如圖 41 …… 圖 41 投票 實(shí)現(xiàn)代碼： % set rs=(SELECT * from vote where IsChecked=1 ) if then 暫無(wú)投票 else% %=rs(Title)% % for i=1 to 5 if rs(Selectamp。i) then % %=rs(Selectamp。i)% % end if next % 投票結(jié)果，如圖 412 第 17 頁(yè) 共 25 頁(yè) …… 圖 412 投票結(jié)果 %dim options,total,sql,i,answer,action set rs=() sql=select * from vote sql,conn,3,3 if (stype)= then if (REMOTE_ADDR)=(IPAddress) then SCRIPT language=JavaScriptalert(39。感謝您的支持，您已經(jīng)投過(guò)票了，謝謝！ 39。)。 javascript:()。/SCRIPT else options=(options) (IPAddress)=(REMOTE_ADDR) (UPDATE vote set answeramp。optionsamp。=answeramp。optionsamp。+1 where IsChecked=1) end if end if % % total=0 set rs=() sql=select * from vote where IsChecked=1 sql,conn,3,3 % for i=1 to 5 if rs(Selectamp。i) then total=total+rs(answeramp。i) end if next % %for i=1 to 5 if rs(Selectamp。i) then if total=0 then answer=0 else answer=(rs(answeramp。i)/total)*100 end if % %=rs(selectamp。i)% %=round(answer,3)% 共有【 %=total%】人參加投票 第 18 頁(yè) 共 25 頁(yè) div align=center/div p align=center【 a href=javascript:()關(guān)閉窗口 /a】 % set rs=nothing set conn=nothing % 5 網(wǎng)站測(cè)試 網(wǎng)站做好后，接下來(lái)的工作就是進(jìn)行測(cè)試與發(fā)布，這是很關(guān)鍵的一個(gè)步驟。下面就介紹了如何測(cè)試網(wǎng)站做了簡(jiǎn)單介紹。 測(cè)試的目的 測(cè)試的主要目的 是保證各個(gè)頁(yè)面之見的連接沒有錯(cuò)誤，網(wǎng)頁(yè)中沒有亂碼，圖片， flash 能夠正常顯示 . 測(cè)試的方法 我用的測(cè)試方法是：把網(wǎng)站所有內(nèi)容放在本地磁盤，建立一個(gè)文件把內(nèi)容放 第 19 頁(yè) 共 25 頁(yè) 進(jìn)去，設(shè)置文件夾的權(quán)限為 everyone，不然瀏覽的時(shí)候因?yàn)闆]有相關(guān)權(quán)限而不能正確顯示。接著打開 Inter 信息服務(wù)其 IIS，在默認(rèn)網(wǎng)站屬性里，打開網(wǎng)站的主目錄，設(shè)置為網(wǎng)站所在的文件夾，接著設(shè)置權(quán)限為腳本資源訪問，讀取，目錄瀏覽，記錄訪問，索引資源等等，執(zhí)行權(quán)限為腳本和可執(zhí)行文件，如圖 51 圖 51 默認(rèn)網(wǎng)站設(shè)置 在打開默認(rèn)網(wǎng)站 的文檔，添加一個(gè) ,圖 52 所示。 第 20 頁(yè) 共 25 頁(yè) 圖 52 默認(rèn)網(wǎng)站設(shè)置 可以再 Inter 信息服務(wù)器中瀏覽，也可以再瀏覽器中輸入網(wǎng)站的網(wǎng)站進(jìn)行瀏覽。 測(cè)試用例 對(duì) ,, 這些頁(yè)面進(jìn)行測(cè)試。 測(cè)試總結(jié) 通過(guò)網(wǎng)站的系統(tǒng)測(cè)試，網(wǎng)站各個(gè)頁(yè)面之間連接都沒有發(fā)生錯(cuò)誤，頁(yè)面能夠調(diào)用數(shù)據(jù)庫(kù)的的數(shù)據(jù)，說(shuō)明該網(wǎng)站能夠成功發(fā)布，其基本功能以實(shí)現(xiàn)。 總結(jié) 從畢業(yè)設(shè)計(jì)到畢業(yè)設(shè)計(jì)的完成我學(xué)到了很多，在這 三 個(gè)多月里，我從開始搜集資料，到整個(gè)畢業(yè)設(shè)計(jì)的完成雖然遇到了很多的困難，但是也讓我學(xué)到了很多，畢業(yè)設(shè)計(jì)是一個(gè)把理論與實(shí)際相結(jié)合的過(guò)程。 在畢業(yè)設(shè)計(jì)的制作中開始總是有很多的不確定，對(duì)于設(shè)計(jì)方案也是一改在改，總是覺得有很多的地方不滿意，弄得自己有點(diǎn)浮躁，但是通過(guò)自己查找資料，聽取老師和同學(xué)的建議，我的思路逐漸清晰，網(wǎng)站的模板也在多次的修改總 算定稿。 在網(wǎng)站的制作過(guò)程中有的時(shí)候是一個(gè)忙碌的階段，不雖然在開始就做好了基本的框架，但是在實(shí)施的過(guò)程中還是遇到了很多的技術(shù)的問 題，比如：色彩的搭配，模塊功能的確定，數(shù)據(jù)庫(kù)的鏈接，問題有簡(jiǎn)單也有難的，但是都得到了解決。 這次的畢業(yè)設(shè)計(jì)是分組合作完成的，所以在三個(gè)月來(lái)的畢業(yè)設(shè)計(jì)的過(guò)程 第 21 頁(yè) 共 25 頁(yè) 中 ， 我不僅僅學(xué)到了知識(shí)，而且也學(xué)會(huì)了與人 合作 。 從開始的不確定到后面的問題解決，提高了我的自學(xué)能力，也讓我更加的 耐心 ，不會(huì)再面對(duì)自己不會(huì)的問題就浮躁不安。和同學(xué)的合作是我懂得了要如何與人合作，如何合理分工，如何互相幫助。畢業(yè)設(shè)計(jì)完成了，我覺得自己沒有白付出，還是看到了成果，雖然還有些地方不滿意，但是基本滿意的。 致謝 這 次畢業(yè)設(shè)計(jì)讓我更加熟悉了從理論到實(shí)踐的跨越。從 當(dāng)初的資料收集 ，到現(xiàn)在的網(wǎng)站成功運(yùn)行，這中間有很多值得回味的地方。 比如： 同學(xué)之間討論問題 ，共同解決 各種問題 ，老師悉心指導(dǎo)我們的設(shè)計(jì)，給我提供了很多很好的意見。 在此感謝我的指導(dǎo)老師和專業(yè)老師，在他們的細(xì)心指導(dǎo)和關(guān)懷下，我才能夠順利完成 畢業(yè)設(shè)計(jì)和 畢業(yè)論文的寫作。老師們嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、淵博的知識(shí)、無(wú)私的奉獻(xiàn)精神使我深受啟迪。 這三年中還得到眾多老師的關(guān)心支持和幫助。在此，謹(jǐn)向老師們致以衷心的感謝和崇高的敬意！ 參考文獻(xiàn) [1] 馮昊 . ASP 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與上機(jī)指導(dǎo) [M]北京：清華大學(xué)出版社 第 22 頁(yè) 共 25 頁(yè) [2] 楊冀川 . ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)實(shí)戰(zhàn) [M]北京：機(jī)械工業(yè)出版社 [3] 沈大林 . Dreamweaver Flash Fireworks 三合一教程 [M].北京：電子工業(yè)出版社 [4] Mike Morrison , Jonline Morrison. 數(shù)據(jù)庫(kù)的 WEB 站點(diǎn) [M] 北京：清華大學(xué)出版社 [5] 楊威 . 網(wǎng)絡(luò)開發(fā)技術(shù) [M].北京：人民郵電出版社 [6] 余雷，周松建 . 應(yīng)用開發(fā)百例 [M] 北京：清華大學(xué)出版社 [7] 李勁 . 精通 ASP 數(shù)據(jù)庫(kù) 設(shè)計(jì) [M].北京：科學(xué)出版社 [8] 黃斯偉，王瑋 . 使用祥解 [M].北京：人民郵電出版社 [9] 白鑒聰，王進(jìn) . JavaScript 網(wǎng)頁(yè)效果大師 [M]. 北京：機(jī)械工業(yè)出版社 [1] 源碼之家 [2] 網(wǎng)馨源碼 [3] 西部資料網(wǎng) [4] JSP 技術(shù)規(guī)范 [5] 中國(guó)站長(zhǎng)站 [6] 網(wǎng)馨源碼 [7] 西部資料網(wǎng)
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1