網(wǎng)頁(yè)課程設(shè)計(jì)論文

1、 課課 程程 論論 文文 學(xué) 院： 計(jì) 算 機(jī) 學(xué) 院 題 目： 綜合性站點(diǎn)開(kāi)發(fā) 專(zhuān)業(yè)名稱(chēng)： 計(jì)算機(jī)科學(xué)與技術(shù) 學(xué) 號(hào)： 學(xué)生姓名： 指導(dǎo)教師： 2007 年 12 月 28 日 網(wǎng)頁(yè)設(shè)計(jì)（論文） 目 錄 目 錄.1 摘 要.1 引 言.2 網(wǎng)站設(shè)計(jì).3 總 結(jié).9 致 謝.10 參考文獻(xiàn).11 網(wǎng)頁(yè)設(shè)計(jì)（論文） 1 摘 要 我這次開(kāi)發(fā)的是一個(gè)小型的綜合性網(wǎng)站，為了符合廣大大學(xué)生需求，結(jié)合各 大網(wǎng)站內(nèi)容及形式而建，包括：導(dǎo)航板塊(首頁(yè))、學(xué)習(xí)天地、時(shí)尚流行、資源下 載、附屬板塊(關(guān)于我)5 大板塊。創(chuàng)建本站的使用工具主要為： dreamweaver、photoshop、fireworks 等，

2、部分建站素材來(lái)源于網(wǎng)絡(luò)。 關(guān) 鍵 詞 網(wǎng)頁(yè)設(shè)計(jì)html 語(yǔ)言dreamweaver photoshop 網(wǎng)頁(yè)設(shè)計(jì)（論文） 2 引 言 在 internet 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的 重要渠道，它在人們政治、經(jīng)濟(jì)、文化、科學(xué)、生活等各個(gè)方面發(fā)揮著重要的作 用。因此網(wǎng)站建設(shè)在 internet 應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單 位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。 我這次開(kāi)發(fā)的是一個(gè)小型的綜合性網(wǎng)站，為了符合廣大大學(xué)生需求，結(jié)合各 大網(wǎng)站內(nèi)容及形式而建，包括：導(dǎo)航板塊(首頁(yè))、學(xué)習(xí)天地、時(shí)尚流行、資源下 載、附屬板塊(關(guān)于我)5 大板塊。創(chuàng)

3、建本站的使用工具主要為： dreamweaver、photoshop、fireworks 等，部分建站素材來(lái)源于網(wǎng)絡(luò)。 由于我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)也只是初步的學(xué)習(xí)，從來(lái)沒(méi)用它開(kāi)發(fā)過(guò)一個(gè)具體的項(xiàng)目， 所以我在開(kāi)發(fā)本網(wǎng)站過(guò)程中是要不斷的翻閱一些書(shū)籍以及觀看教程來(lái)豐富我的這 方面的知識(shí)。有時(shí)也有很多的困難個(gè)人都無(wú)法解決，在此我很感謝何老師和同學(xué)， 是他們?cè)谖易钚枰獛椭鷷r(shí)給了我指導(dǎo)。另外因?yàn)樵陂_(kāi)發(fā)這個(gè)系統(tǒng)以前，網(wǎng)絡(luò)上已 經(jīng)有很多關(guān)于個(gè)人的站點(diǎn)了，上面的信息量也很大，所以這個(gè)為我做系統(tǒng)提供了 模板，但是現(xiàn)在的網(wǎng)站大多為動(dòng)態(tài)網(wǎng)頁(yè)(基于 asp 或 jsp)，而我所學(xué)的課程是基 于 html 語(yǔ)言的，對(duì)于 asp、

4、jsp 或 php 之類(lèi)的內(nèi)容并不了解；并且一個(gè)網(wǎng)站的完 成需要花費(fèi)不少工作和時(shí)間，由于這些工作需要我一個(gè)人來(lái)完成，所以我在設(shè)計(jì) 和實(shí)現(xiàn)時(shí)不能像其他的網(wǎng)站那樣功能強(qiáng)大，只能選擇幾個(gè)模塊來(lái)進(jìn)行。網(wǎng)站實(shí)現(xiàn) 過(guò)程以 html 語(yǔ)言為主，也使用了少量的 java 代碼。另外，網(wǎng)站域名為： 。 網(wǎng)頁(yè)設(shè)計(jì)（論文） 3 網(wǎng)站設(shè)計(jì) 要設(shè)計(jì)一個(gè)精美的網(wǎng)站前期工作必不可少，在網(wǎng)頁(yè)設(shè)計(jì)和制作課我認(rèn)真學(xué)習(xí) 了 html 語(yǔ)法和 dreamweaver 的一些深層次的知識(shí)，以及在多媒體課對(duì) photoshop 使用進(jìn)行了一段時(shí)間的學(xué)習(xí)。 在網(wǎng)站目標(biāo)的確定方面，我將網(wǎng)站定位符合大學(xué)生需求的綜合性網(wǎng)站，訪(fǎng)問(wèn) 者主要是大學(xué)生

5、。網(wǎng)頁(yè)的設(shè)計(jì)上盡可能保持頁(yè)面的簡(jiǎn)潔，使訪(fǎng)問(wèn)者不會(huì)感到雜亂。 在色調(diào)上采用藍(lán)色作為主色調(diào)、海浪為背景，寧?kù)o樸素。 在網(wǎng)站內(nèi)容上，網(wǎng)站根據(jù)大學(xué)生需求而建，包括：學(xué)習(xí)天地、時(shí)尚流行、資 源下載 3 大板塊。創(chuàng)建網(wǎng)站的工具主要為：dreamweaver、photoshop，另有部分 建站素材來(lái)源于網(wǎng)絡(luò)。 網(wǎng)站整體模板為：頂端為歡迎界面(flash)和導(dǎo)航條，下面中間為網(wǎng)站 logo(fireworks 制作)加海浪背景(photoshop 處理)，兩邊為黑白相間格子背景。 在“學(xué)習(xí)天地”板塊下包含了：考研動(dòng)態(tài)、cet4/6、軟件考試、高校介紹 4 個(gè)小的子板快。每個(gè)小板塊的內(nèi)容大多來(lái)源于網(wǎng)絡(luò)，轉(zhuǎn)載自其

6、他大型網(wǎng)站。我相 信“學(xué)習(xí)天地”中的每一條信息對(duì)大學(xué)生來(lái)說(shuō)都是有幫助的，雖然大家也可以到 其他大型網(wǎng)站上去搜索，但我還是把他們集結(jié)到一起，方便大家查閱。 在“時(shí)尚流行”板塊下包含了：本周熱點(diǎn)、流行時(shí)裝、網(wǎng)絡(luò)紅人、票房 top10 4 個(gè)小的子板塊。這些板塊里都是一些我收集的新聞，生活在一個(gè)信息的 時(shí)代能夠快速的了解當(dāng)前發(fā)生的時(shí)事是非常重要的，我創(chuàng)建了這一板塊就是為了 能讓大家及時(shí)了解社會(huì)、了解生活。 在“資源下載”板塊下包含了：常用軟件下載、游戲下載、影音下載、其他 下載 4 個(gè)小的板塊。這些板塊提供了一些下載的鏈接，主要是為了方便大家的學(xué) 習(xí)與生活。里面除了一些常用資源外還有些資源可以豐富大

7、家的課余生活。 在“關(guān)于我”板塊包含了：站點(diǎn)相關(guān)和個(gè)人相關(guān) 2 個(gè)子板塊。此板塊主要是 像大家介紹本網(wǎng)站制作的相關(guān)情況和我個(gè)人的相關(guān)的情況，首先可以給其他有興 趣的同學(xué)提供制作網(wǎng)站的模板同時(shí)也提供了和大家交流的機(jī)會(huì)。 網(wǎng)頁(yè)設(shè)計(jì)（論文） 4 網(wǎng)站結(jié)構(gòu)： 網(wǎng)站用了 flash 制作了一個(gè)動(dòng)畫(huà)，用來(lái)歡迎網(wǎng)友的光臨。 網(wǎng)站實(shí)現(xiàn)過(guò)程中在導(dǎo)航條下用了 java 代碼實(shí)現(xiàn)了一個(gè)當(dāng)前日期功能。代碼如 下： 首頁(yè)制作為導(dǎo)航頁(yè)的形式，關(guān)鍵代碼如下： 本站導(dǎo)航： 學(xué)習(xí)天地： 考研動(dòng)態(tài) cet4/6 軟件考試 高校介紹 其它. 網(wǎng)頁(yè)設(shè)計(jì)（論文） 6 時(shí)尚流行： 本周熱點(diǎn) 流行時(shí)裝 網(wǎng)絡(luò)紅人 票房 top10 其它.

8、資源下載： 常用軟件下載 游戲下載 影音下載 其它下載 關(guān)于我： 站點(diǎn) 相關(guān) 網(wǎng)頁(yè)設(shè)計(jì)（論文） 7 個(gè)人 相關(guān) 版權(quán)所有 翻版必究 網(wǎng)頁(yè)設(shè)計(jì)作業(yè) 網(wǎng)頁(yè)設(shè)計(jì)（論文） 8 首頁(yè)實(shí)際效果圖如下： 由于時(shí)間有限，除首頁(yè)外的其他各板塊大多以首頁(yè)為模板，各個(gè)模板根據(jù)其 特點(diǎn)，其內(nèi)容或排版方式各有不同。各板塊與首頁(yè)類(lèi)似由表格構(gòu)件其框架，內(nèi)容 均由超鏈接構(gòu)成。這樣做使網(wǎng)頁(yè)結(jié)構(gòu)清晰，質(zhì)樸大方，簡(jiǎn)約而不簡(jiǎn)單。 網(wǎng)頁(yè)設(shè)計(jì)（論文） 9 總 結(jié) 對(duì)于一個(gè)沒(méi)有學(xué)習(xí)過(guò)動(dòng)態(tài)網(wǎng)頁(yè)制作的人來(lái)說(shuō)，做一個(gè)靜態(tài)的網(wǎng)頁(yè)，只要充分 利用好表格，使網(wǎng)頁(yè)結(jié)構(gòu)清晰明了，內(nèi)容充實(shí)緊湊，這個(gè)網(wǎng)站就可以算得上是一 個(gè)合格的網(wǎng)站了。從這方面考慮，我相信

9、我的網(wǎng)站是一個(gè)合格的作品。當(dāng)然，我 還需要不斷學(xué)習(xí)，因?yàn)槟壳皠?dòng)態(tài)網(wǎng)頁(yè)構(gòu)成的網(wǎng)站才是主流的網(wǎng)站。學(xué)習(xí)的路還很 漫長(zhǎng)，今后要不斷的努力完善自己，用知識(shí)武裝自己。只有適應(yīng)社會(huì)發(fā)展的需求， 適應(yīng)時(shí)代發(fā)展的需求，才能在競(jìng)爭(zhēng)日益激烈的社會(huì)中立足。因此，我會(huì)嚴(yán)格要求 自己，希望在老師的幫助下，在自己的努力下，在生活中找到屬于自己的位置。 網(wǎng)頁(yè)設(shè)計(jì)（論文） 10 致 謝 感謝我的指導(dǎo)老師何軍華老師。在本次設(shè)計(jì)中,我從何老師身上學(xué)到了很多東 西。何老師的認(rèn)真負(fù)責(zé)的工作態(tài)度、嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神、深厚的理論知識(shí)和實(shí)踐經(jīng) 驗(yàn)都使我受益匪淺。她無(wú)論在理論上還是在實(shí)踐中,都給與我很大的幫助，使我得 到不少的提高。這對(duì)于我以后的學(xué)習(xí)和工作都有巨大的幫助,感謝她細(xì)心的教導(dǎo)。 另外，在網(wǎng)站開(kāi)發(fā)過(guò)程中我觀看了許多從 internet 下載下來(lái)的制作網(wǎng)站的教程， 同時(shí)其他同學(xué)也給了我很大的幫助，幫助我解決了不少的難點(diǎn)，使得網(wǎng)站能及時(shí) 開(kāi)發(fā)完成。同時(shí)也對(duì)教程發(fā)布者和同學(xué)表示感謝。 本次的課程設(shè)計(jì)可以說(shuō)是有了一個(gè)圓滿(mǎn)的結(jié)束。從中我也再次對(duì)自己的學(xué)習(xí) 方法有了更進(jìn)一步的提高，在此再次感謝何老師對(duì)我精心的指導(dǎo)，使得我對(duì)網(wǎng)站 開(kāi)