個(gè)人網(wǎng)站畢業(yè)論文

1、<p>　　NORTHEASTERN UNIVERSITY</p><p>　　遼寧省高等教育自學(xué)考試 軟件技術(shù) 專業(yè)(本科段)</p><p><b>　　畢業(yè)設(shè)計(jì)(論文)</b></p><p>　　GRADUATE DESIGN (THESIS)</p><p>　　設(shè)計(jì)(論文)題目 個(gè)

2、 人 網(wǎng) 站 設(shè) 計(jì)</p><p>　　學(xué) 生 鄭 婷</p><p>　　指導(dǎo)教師 李 萍</p><p>　　準(zhǔn)考證號(hào) 011311300584</p><p>　　2012 年 月 日</p><p>　　個(gè) 人 網(wǎng) 站 設(shè) 計(jì)</p><p

3、><b>　　摘 要</b></p><p>　　計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)和信息技術(shù)的飛速發(fā)展帶來(lái)的影響迅速波及到教育界，作為信息資源的數(shù)據(jù)庫(kù)、遠(yuǎn)程教學(xué)以及新型學(xué)習(xí)方式的支撐環(huán)境，因特網(wǎng)的作用越來(lái)越受到教育界人士的關(guān)注。無(wú)論是教育界的專家、學(xué)者還是置身教育改革浪潮中的教師和學(xué)生都在嘗試著基于網(wǎng)絡(luò)的全新的教育理念、教育方法和學(xué)習(xí)方式。教學(xué)網(wǎng)站正是在這種背景下孕育和產(chǎn)生的。教學(xué)網(wǎng)站既是網(wǎng)絡(luò)教育信息

4、資源的重要組成部分，又是新型教育、學(xué)習(xí)方式的支撐平臺(tái)。教學(xué)網(wǎng)站是利用現(xiàn)代的網(wǎng)絡(luò)技術(shù)建立起來(lái)的、具有一定教學(xué)功能的網(wǎng)站系統(tǒng)。</p><p>　　隨著教學(xué)網(wǎng)站的誕生，教學(xué)網(wǎng)站的設(shè)計(jì)問(wèn)題應(yīng)運(yùn)而生，商業(yè)網(wǎng)站的設(shè)計(jì)和分析的理論指導(dǎo)，其中商業(yè)網(wǎng)站的設(shè)計(jì)中要點(diǎn)尤為重要，從商業(yè)網(wǎng)站設(shè)計(jì)中的點(diǎn)仙和面視覺(jué)心理因素的運(yùn)用，以及在商業(yè)網(wǎng)站設(shè)計(jì)中色彩視覺(jué)心理因素的運(yùn)用，商業(yè)網(wǎng)站在現(xiàn)在的網(wǎng)絡(luò)上比較普遍，商業(yè)網(wǎng)站設(shè)計(jì)中動(dòng)態(tài)性原則和交互性的原

5、則，商業(yè)網(wǎng)站中視覺(jué)流程心理因素的運(yùn)用也很重要，還有頁(yè)面的立體感以及細(xì)節(jié)的處理，能更清楚商業(yè)網(wǎng)站界面的設(shè)計(jì)與分析。</p><p>　　關(guān)鍵詞：本文的關(guān)鍵詞：asp、dreamweaver、flash、菜苑、個(gè)人網(wǎng)站</p><p>　　英文摘要前的論文題目用三號(hào)Times New Roman字體</p><p><b>　　Abstract</b&g

6、t;</p><p>　　Computer network technology and the rapid development of information technology, the impact of rapid spread to the education sector, as a database of information resources, distance learning and

7、new ways of supporting learning environment, the role of the Internet more and more attention to the education sector. Both education experts, scholars and the wave of exposure to educational reform for teachers and stud

8、ents are trying a new web-based educational philosophy, teaching methods and learning</p><p>　　With the birth of teaching sites and teaching web site design came into being, business website design and analy

9、sis of theoretical guidance in the design of commercial websites which is particularly important points, from the point of commercial website design and surface visual cents psychological factors Use, and commercial site

10、 design psychological factors in the use of color vision, business website in today's network is relatively common, commerce dynamic Web site design principles and the </p><p><b>　　Keywords：</b&

11、gt;</p><p><b>　　目 錄</b></p><p>　　摘要………………………………………………………………………2英文摘要…………………………………………………………………3第一章 緒論 ……………………………………………………………5第二章 網(wǎng)站總體設(shè)計(jì) ……………………………………………… 6 2.1網(wǎng)站系統(tǒng)分析 ……………………………………

12、…………………6 2.2網(wǎng)站功能設(shè)計(jì) ………………………………………………………62．3網(wǎng)站構(gòu)架……………………………………………………………6第三章 網(wǎng)站詳細(xì)設(shè)計(jì) ………………………………………………7 3.1主頁(yè)設(shè)計(jì)…………………………………………………………… 73.2計(jì)數(shù)器的設(shè)計(jì)………………………………………………………103.3在線聽(tīng)音樂(lè)的設(shè)計(jì) ………………………………………………10第四章 網(wǎng)站系統(tǒng)的實(shí)現(xiàn)…

13、……………………………………………12第五章 緒論 …………………………………………………………15參考文獻(xiàn) ………………………………………………………………17致謝 ……………………………………………………………………18</p><p><b>　　第一章 緒論</b></p><p><b>　　課題的研究背景</b></p>

14、<p>　　課題研究的目的和意義</p><p><b>　　課題采用的技術(shù)手段</b></p><p>　　隨著計(jì)算機(jī)軟硬件的極速發(fā)展，人類已經(jīng)進(jìn)入了信息社會(huì)，網(wǎng)絡(luò)已和報(bào)紙、電視、廣播齊明成為四大媒休之一，網(wǎng)絡(luò)也成了現(xiàn)在人們生活中信息來(lái)源的一個(gè)重要的來(lái)源。而獲取信息需要通過(guò)internet在網(wǎng)站上搜索、瀏覽、下載等方式獲得。網(wǎng)站的建設(shè)也成為信息的源頭，

15、能為大家提供學(xué)習(xí)的平臺(tái)，給大家一個(gè)交流、學(xué)習(xí)的機(jī)會(huì)，是大部分制作個(gè)人網(wǎng)站的初衷，同時(shí)也是大型商業(yè)網(wǎng)站的起步雛形。現(xiàn)在社會(huì)上很多人也把網(wǎng)絡(luò)看成是學(xué)習(xí)的重要途徑之一，所以在網(wǎng)上搭建一個(gè)供大家學(xué)習(xí)交流的平臺(tái)是構(gòu)建本站的目的。</p><p><b>　　開(kāi)發(fā)工具的介紹：</b></p><p>　　asp Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)

16、頁(yè)”，一般簡(jiǎn)稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來(lái)設(shè)計(jì)程序，客戶端（client）在ＩＥ瀏覽器中

17、可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（client）若使用Netscape瀏覽器就無(wú)法顯示VBScript的執(zhí)行結(jié)果.ＡＳＰ具備有面向?qū)ο螅ǎ蟧bject-Oriented）功能，學(xué)習(xí)容易，ＡＳＰ提供了五種方便能力強(qiáng)大的內(nèi)建對(duì)象：Request、Response、Sever、Application以及Session，同時(shí)，若使用ＡＳＰ內(nèi)建的“Application”對(duì)象或”Session”對(duì)象所撰寫(xiě)出來(lái)的ＡＳＰ程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)

18、保存必要的信息。 </p><p>　　dreamweaver Dreamweaver 是Macromedia公司最新推出的可視化的網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、HomeSite/BBEdit捆綁、可視化網(wǎng)頁(yè)設(shè)計(jì)、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動(dòng)態(tài)HTML、基于團(tuán)隊(duì)的Web創(chuàng)

19、作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。forntpage Frontpage是較好的網(wǎng)頁(yè)制作工具，基本上實(shí)現(xiàn)了所見(jiàn)即所得的工作方式，即使你不懂HTML語(yǔ)言，也能制作出專業(yè)效果的網(wǎng)頁(yè)。如果你是高手，也可以在HTML窗口里直接寫(xiě)入代碼，再切換到preview窗口看效果。    Frontpage 提供了許多先進(jìn)技術(shù)，如主題，共享邊界，層疊樣式單，動(dòng)態(tài)HTML，框架，推與頻道定義，

20、ActiveX，Java applet等. 由于是office中的一個(gè)組件，簡(jiǎn)單易用且與其它office組件聯(lián)系緊密可以直接插入表格及WORD文檔等。</p><p>　　第二章 網(wǎng)站總體設(shè)計(jì)</p><p>　　2.1網(wǎng)站系統(tǒng)分析 根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開(kāi)發(fā)的程序?qū)W(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站作如下劃分：主頁(yè)及六大板塊分頁(yè)。其中主頁(yè)中包含有計(jì)數(shù)器，以計(jì)算本

21、站的訪問(wèn)量。分頁(yè)為flash欣賞、音樂(lè)轉(zhuǎn)盤、影視星空、電腦技巧、給我留言、技術(shù)論壇六大版塊。由于申請(qǐng)的主頁(yè)空間不支持ASP,所以做好網(wǎng)頁(yè)后，只能改為后綴為html的文件。</p><p><b>　　2.2網(wǎng)站功能設(shè)計(jì)</b></p><p>　　由于本網(wǎng)站建站初衷就是給業(yè)余愛(ài)好者一個(gè)學(xué)習(xí)的平臺(tái)，所以在模塊設(shè)計(jì)上除了學(xué)習(xí)方面，在娛樂(lè)方面也占了很大的篇幅：</p&

22、gt;<p>　　電腦技巧：針對(duì)電腦常發(fā)生的故障排除方法及一些Windows的內(nèi)部命令介紹</p><p>　　Flash欣賞：現(xiàn)時(shí)比較好看流行的經(jīng)典FLASH，點(diǎn)擊即可觀看，并上傳了一些畫(huà)面。</p><p>　　音樂(lè)轉(zhuǎn)盤：主是對(duì)學(xué)習(xí)之余聽(tīng)聽(tīng)現(xiàn)在比較流行的歌曲。</p><p>　　影視星空：對(duì)近期網(wǎng)上流行的經(jīng)典大片做描述及放置連接，點(diǎn)擊可下載。&l

23、t;/p><p>　　給我留言：為增進(jìn)交流可以多提建議及留下觀后感。</p><p>　　技術(shù)論壇：是為愛(ài)好者提供另一個(gè)更完善的平臺(tái)，由于時(shí)間有限，只做了一個(gè)“外形”</p><p>　　2.3網(wǎng)站構(gòu)架 本站在制作時(shí)采用統(tǒng)一的模版，用表格進(jìn)行了分區(qū)，頂部設(shè)置統(tǒng)一的圖版及本站的圖標(biāo)。正頁(yè)部分可根據(jù)內(nèi)容的不同再進(jìn)行分格處理。但因申請(qǐng)的免費(fèi)空較小，因此不能把大型文件傳

24、至空間，特別音樂(lè)轉(zhuǎn)盤、影視星空這兩個(gè)欄目只能做文字介紹及貼上其它網(wǎng)站的聯(lián)接來(lái)給大家。</p><p>　　第三章 網(wǎng)站詳細(xì)設(shè)計(jì)（詳細(xì)介紹各頁(yè)面具體實(shí)現(xiàn)哪些功能，各個(gè)頁(yè)面之間的鏈接） 3.1主頁(yè)設(shè)計(jì) 網(wǎng)站主頁(yè)采用靜、動(dòng)相結(jié)合的方式，即靜態(tài)的主畫(huà)面和動(dòng)態(tài)的圖片相結(jié)合，體現(xiàn)網(wǎng)站的勃勃生氣，靜態(tài)主頁(yè)方式介紹六大版塊的主要內(nèi)容，因?yàn)橹兄黜?yè)放至計(jì)數(shù)器就得利用ＡＳＰ或用forontpage的插入計(jì)數(shù)

25、器的方法。 3.1.1：用dreamweaver創(chuàng)建一個(gè)空白檔，另存為index.html的網(wǎng)頁(yè)作為主頁(yè)。</p><p>　　a、啟動(dòng)dreamweaver，點(diǎn)擊文件 新建 動(dòng)態(tài)頁(yè) asp vbscript</p><p>　　3.1.2：設(shè)置背景色為#009999。</p><p>　　點(diǎn)擊修改—頁(yè)面設(shè)置—背景顏色---#00999

26、9</p><p>　　3.1.3用表格布局整個(gè)文檔，分別在上方添加兩張圖片，分別用photoshop進(jìn)行制作修改，其中一張來(lái)自網(wǎng)絡(luò)。</p><p>　　先用表格進(jìn)行整網(wǎng)頁(yè)的布局。分為圖標(biāo)部分、導(dǎo)向欄、主體內(nèi)容三大部分，其中導(dǎo)向欄部分拆分六個(gè)單元格，以放置各導(dǎo)向文字及小圖標(biāo)。主體內(nèi)容部分又分為五大部分，并在內(nèi)部嵌套表格。如圖：</p><p>　　3.1.4：分別

27、用文字及超級(jí)聯(lián)接關(guān)聯(lián)主頁(yè)和分頁(yè)，在底部放置一張F(tuán)LASH圖片以增加整個(gè)網(wǎng)站的生動(dòng)性。 3.1.5主頁(yè)簡(jiǎn)圖</p><p>　　3.2 計(jì)數(shù)器的設(shè)計(jì) 如果用frontpage直接插入計(jì)數(shù)器的方法，上傳到空間后，顯示不出，原因是由于此申請(qǐng)的免費(fèi)空間不支持frontpage擴(kuò)展，因此采用ASP編程的方式實(shí)現(xiàn)訪問(wèn)者第幾次光臨本站。首先在代碼的起始部分寫(xiě)如下代碼：<%Response.buffe

28、r=true%>，意為先將頁(yè)面先輸出到緩沖區(qū)。然后在底部計(jì)數(shù)器部分寫(xiě)下如下代碼：<%dim num ’先定義一個(gè)變量num=request.cookies("num") ’從客戶端獲取COOKIES變量并賦值給num變量if num="" then ’判斷如果客戶端COOKIES變量為空，則賦值1，

29、否則加 num=1 ’1。 else num=num+1end ifresponse.write"你是第"&num&"次訪問(wèn)本站" ’利用response.write語(yǔ)句向客戶瑞輸出response.cookies("num")=num </p>

30、<p>　　3.3.1首先打開(kāi)百度搜出所需歌曲如下圖：</p><p>　　3.3.2 點(diǎn)擊歌曲名得到此歌的鏈接，如下圖：</p><p>　　3.3.3 右擊網(wǎng)頁(yè)中的歌曲名字，點(diǎn)擊超級(jí)連接，在網(wǎng)址處粘貼上面復(fù)制的網(wǎng)址。如下圖：</p><p>　　第四章 網(wǎng)站系統(tǒng)功能的實(shí)現(xiàn)</p><p>　　一、系統(tǒng)功能實(shí)現(xiàn)遵循原則</p

31、><p>　　為確保能為企業(yè)制作高性能、高性價(jià)比的網(wǎng)絡(luò)產(chǎn)品,我公司在系統(tǒng)開(kāi)發(fā)環(huán)境、系統(tǒng)實(shí)現(xiàn)技術(shù)等軟硬件環(huán)境均嚴(yán)格貫徹以下原則：</p><p>　?。?）技術(shù)的先進(jìn)性和易升級(jí)性</p><p>　　系統(tǒng)采用當(dāng)今先進(jìn)的、主流的技術(shù)，能夠很好地保障若干年后仍是主流技術(shù)，同時(shí)可以對(duì)諸如操作系統(tǒng)、數(shù)據(jù)庫(kù)管理系統(tǒng)實(shí)現(xiàn)平穩(wěn)升級(jí)。</p><p><b&

32、gt;　?。?）系統(tǒng)的穩(wěn)定性</b></p><p>　　系統(tǒng)選用可靠的硬件設(shè)備、操作系統(tǒng)及數(shù)據(jù)庫(kù)系統(tǒng)，采用目前使用最廣的數(shù)據(jù)庫(kù)開(kāi)發(fā)工具，確保系統(tǒng)的穩(wěn)定。</p><p>　　（3）系統(tǒng)的標(biāo)準(zhǔn)性與開(kāi)放性</p><p>　　系統(tǒng)設(shè)計(jì)將采用統(tǒng)一的國(guó)際標(biāo)準(zhǔn)和工業(yè)標(biāo)準(zhǔn)，同時(shí)提供與外部系統(tǒng)的接口（比如企業(yè)ERP系統(tǒng)），滿足與其它相關(guān)系統(tǒng)相連接的不同需求。<

33、/p><p>　　（4）可擴(kuò)充性與易維護(hù)性</p><p>　　系統(tǒng)設(shè)計(jì)時(shí)將充分考慮以后的擴(kuò)展和維護(hù)上的簡(jiǎn)便及無(wú)風(fēng)險(xiǎn)性。</p><p><b>　　（5）安全保密性</b></p><p>　　放在數(shù)據(jù)庫(kù)中的數(shù)據(jù)的安全以及交換數(shù)據(jù)時(shí)的安全一致性在該系統(tǒng)中將給予高度重視，同時(shí)網(wǎng)絡(luò)互聯(lián)后對(duì)各自的數(shù)據(jù)采取必要的保密措施。<

34、/p><p>　?。?）實(shí)用性及經(jīng)濟(jì)性</p><p>　　該系統(tǒng)的最終目的是增強(qiáng)企業(yè)競(jìng)爭(zhēng)能力和取得一定的社會(huì)經(jīng)濟(jì)效益。既能實(shí)現(xiàn)最終目的又能投資小也是該系統(tǒng)設(shè)計(jì)的原則之一。系統(tǒng)具有與原有系統(tǒng)數(shù)據(jù)格式的兼容性，并且可以通過(guò)與現(xiàn)有系統(tǒng)并行，在短時(shí)間內(nèi)取代老系統(tǒng)，而且可以在不斷使用中與企業(yè)管理共同優(yōu)化進(jìn)步。</p><p><b>　?。?）系統(tǒng)開(kāi)發(fā)環(huán)境</b

35、></p><p>　　針對(duì)企業(yè)的具體需求，在開(kāi)發(fā)該系統(tǒng)時(shí)選用了以下開(kāi)發(fā)環(huán)境：</p><p><b>　?。?）平臺(tái)選擇</b></p><p>　　系統(tǒng)采用Client/Server結(jié)合Browser/Server的體系結(jié)構(gòu)，支持各種網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)及多種網(wǎng)絡(luò)協(xié)議，包括TCP/IP等。</p><p><b&

36、gt;　?。?）服務(wù)器</b></p><p>　　硬件環(huán)境：根據(jù)企業(yè)信息量大小選擇相應(yīng)的網(wǎng)絡(luò)服務(wù)器或小型機(jī)。</p><p>　　軟件環(huán)境：風(fēng)格WindowsNT、UNIX等</p><p><b>　?。?0）客戶端</b></p><p>　　硬件環(huán)境：PC586以上，建議64M內(nèi)存或以上；</p

37、><p>　　軟件環(huán)境：中文Windows98/2000/XP/，IE4.0以上瀏覽器。</p><p><b>　?。?1）編程語(yǔ)言</b></p><p>　　網(wǎng)站采用了當(dāng)今流行的所見(jiàn)即所得的網(wǎng)頁(yè)制作三劍客（即Dreamweaver、Fireworks和Flash）及ASP服務(wù)器腳本技術(shù)。</p><p><b&g

38、t;　?。?2）后臺(tái)數(shù)據(jù)庫(kù)</b></p><p>　　鑒于公司網(wǎng)站極高的數(shù)據(jù)庫(kù)安全需求,該系統(tǒng)采用大型的SQL Server 數(shù)據(jù)庫(kù)。</p><p>　　二、網(wǎng)站具體功能的實(shí)現(xiàn)</p><p>　　我公司是家專業(yè)為企業(yè)量身策劃制作網(wǎng)站的互聯(lián)網(wǎng)企業(yè)（我公司已成功策劃制作了諸如寧夏紅、華星影院、、三江金客汽車銷售公司、北京駿寶威汽車銷售公司、中國(guó)尋醫(yī)尋藥

39、等大型企業(yè)的網(wǎng)站），其具體網(wǎng)絡(luò)功能均已實(shí)現(xiàn)功能模塊化設(shè)計(jì)?；谫F公司網(wǎng)上商城的整體架構(gòu)，其可采用以下功能模塊實(shí)現(xiàn)：</p><p><b>　　·智能網(wǎng)站系統(tǒng)</b></p><p><b>　　·新聞發(fā)布系統(tǒng)</b></p><p><b>　　·產(chǎn)品數(shù)據(jù)庫(kù)系統(tǒng)</b>

40、</p><p><b>　　·會(huì)員系統(tǒng)</b></p><p><b>　　·人才招聘系統(tǒng)</b></p><p><b>　　·站內(nèi)搜索系統(tǒng)</b></p><p><b>　　·權(quán)限管理系統(tǒng)</b></p

41、><p><b>　　·數(shù)據(jù)備份系統(tǒng)</b></p><p><b>　　·流量分析系統(tǒng)</b></p><p><b>　　·廣告系統(tǒng)</b></p><p><b>　　·留言板</b></p><

42、;p><b>　　·網(wǎng)上調(diào)查系統(tǒng)</b></p><p>　　第五章 結(jié)論網(wǎng)頁(yè)制作注意事項(xiàng)：</p><p>　　1、網(wǎng)頁(yè)制作的原則　　通常遵循的三個(gè)基本原則：內(nèi)容、速度和美觀?！　?nèi)容是最重要的，一個(gè)成功的網(wǎng)頁(yè)首先在內(nèi)容上有吸引力。所以首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和用戶需求。整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來(lái)進(jìn)行。　　在確定內(nèi)容的基礎(chǔ)上，盡

43、量提高速度十分必要，以免影響網(wǎng)站的訪問(wèn)量。要提高速度有時(shí)必須犧牲頁(yè)面美觀，拋棄太大的圖片或者動(dòng)畫(huà)?！　≡谝陨蟽牲c(diǎn)為前提的情況下，再考慮頁(yè)面的美觀性，提高網(wǎng)頁(yè)的親和力。這要求設(shè)計(jì)者有較高的創(chuàng)意，懂得使用眾多的工具軟件。2、關(guān)于網(wǎng)頁(yè)導(dǎo)航　　主頁(yè)的一個(gè)很重要的功能就是導(dǎo)航，指引用戶查閱信息?；谇逦鞔_和速度的考慮，主頁(yè)上的超級(jí)鏈接應(yīng)限于幾個(gè)大的類別?！　〈送?，超級(jí)鏈接的層數(shù)不能太多，不能超過(guò)4層。應(yīng)在廣度和深度之間求取平衡。3、關(guān)

44、于網(wǎng)頁(yè)布局　　網(wǎng)頁(yè)的布局一定要簡(jiǎn)潔清晰，以最少的元素表達(dá)最多的信息。一個(gè)頁(yè)面應(yīng)該只有一個(gè)重點(diǎn)的屏幕元素作為頁(yè)面的主體，它可以是文字塊或圖像，具體隨內(nèi)容而定。其他屏幕元素不應(yīng)比主體元素更醒目，而應(yīng)該圍繞主體，突出主體。4、關(guān)于表格　　現(xiàn)在許多門戶網(wǎng)站的布局方式往往應(yīng)用表格，使網(wǎng)頁(yè)內(nèi)容整齊合一。不要將網(wǎng)站內(nèi)容簡(jiǎn)單的羅列</p><p><b>　　參考文獻(xiàn)</b></p>&

45、lt;p>　　互聯(lián)網(wǎng)天地。2008年第01期</p><p>　　商界導(dǎo)刊。2011年第11期</p><p>　　信息網(wǎng)絡(luò)安全。2008年第85期</p><p>　　電腦愛(ài)好者。2008年第07期</p><p>　　計(jì)算機(jī)應(yīng)用文摘。2007年</p><p>　　江曉明。李玲。電子商務(wù)。2011年12期&l

46、t;/p><p>　　計(jì)算機(jī)系統(tǒng)應(yīng)用。中國(guó)科學(xué)院主辦</p><p>　　劉浩．在NT網(wǎng)中組建自己的Web站點(diǎn)</p><p>　　精美網(wǎng)頁(yè)特效設(shè)計(jì)技巧精粹 2006年出版</p><p>　　動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)教程 2008年出版</p><p>　　JavaScript基礎(chǔ)與實(shí)踐教程 2008年</p>&

47、lt;p>　　網(wǎng)頁(yè)樣式設(shè)計(jì)――CSS使用詳解</p><p><b>　　網(wǎng)站翻譯書(shū)籍</b></p><p><b>　　英語(yǔ)沙龍</b></p><p><b>　　瘋狂英語(yǔ)</b></p><p><b>　　致謝</b></p>

48、<p>　　通過(guò)這次個(gè)人網(wǎng)站設(shè)計(jì)，使我增加了很多的知識(shí)，也掌握了很多網(wǎng)頁(yè)設(shè)計(jì)的操作技巧，由于工作量太大，因此只做了主頁(yè)及一個(gè)分頁(yè)。雖然仍有很多不足之處，有在改良和增進(jìn)，但這以不重要，重要的是我對(duì)網(wǎng)頁(yè)的設(shè)計(jì)又有了更深的了解。這次畢業(yè)設(shè)計(jì)過(guò)程中，得到了很多的網(wǎng)絡(luò)設(shè)計(jì)朋友的幫助和老師的指點(diǎn)，才得以完成，他們給我提供了很多有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的書(shū)和材料，并抽出時(shí)間幫我修改與糾正，在此表示衷心的感謝！</p><p>

49、;<b>　　附 錄</b></p><p><b>　　Flash:</b></p><p><b>　　</tr></b></p><p>　　<tr style='mso-yfti-irow:3;mso-yfti-lastrow:yes;height:228.75pt&

50、#39;></p><p>　　<td colspan=3 valign=top style='border:inset #5CA539 1.0pt;mso-border-alt:</p><p>　　inset #5CA539 .75pt;padding:.75pt .75pt .75pt .75pt;height:228.75pt'></p>

51、;<p>　　<div align=center></p><p>　　<table class=MsoNormalTable border=1 cellpadding=0 width=773</p><p>　　style='width:579.75pt;mso-cellspacing:1.5pt;mso-yfti-tbllook:1184'

52、;</p><p>　　height=298></p><p>　　<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes;height:30.0pt'></p><p>　　<td colspan=3 style='padding:.75pt .75pt .75pt .75p

53、t;height:30.0pt'></p><p>　　<h1 align=center style='text-align:center'><span lang=EN-US><span</p><p>　　style='color:#B80DA7;mso-no-proof:yes'><!--[if g

54、te vml 1]><v:shape id="_x0000_i1030"</p><p>　　type="#_x0000_t75" style='width:15pt;height:15pt;visibility:visible'></p><p>　　<v:imagedata src="more3.

55、gif"/></p><p>　　</v:shape><![endif]--><![if !vml]><img border=0 width=20 height=20</p><p>　　src=more3.gif v:shapes="_x0000_i1030"><![endif]></s

56、pan></span><span</p><p>　　style='color:#B80DA7'>超級(jí)精典<span lang=EN-US>flash<o:p></o:p></span></span></h1></p><p><b>　　</td>&

57、lt;/b></p><p><b>　　</tr></b></p><p>　　<tr style='mso-yfti-irow:1;height:84.75pt'></p><p>　　<td width=168 style='width:126.0pt;padding:.75pt

58、 .75pt .75pt .75pt;</p><p>　　height:84.75pt'></p><p>　　<p class=MsoNormal><span lang=EN-US><span style='color:#B80DA7;</p><p>　　mso-no-proof:yes'>&l

59、t;!--[if gte vml 1]><v:shape id="_x0000_i1029" type="#_x0000_t75"</p><p>　　alt="大話李白" style='width:126pt;height:84.75pt;visibility:visible'></p><p>

60、;　　<v:imagedata src="libai1.jpg"/></p><p>　　</v:shape><![endif]--><![if !vml]><img border=0 width=168 height=113</p><p>　　src=libai1.jpg alt=大話李白 v:shapes=&q

61、uot;_x0000_i1029"><![endif]></span><span</p><p>　　style='color:#B80DA7'><o:p></o:p></span></span></p></p><p><b>　　</td>

62、;</b></p><p>　　<td width=168 style='width:126.0pt;padding:.75pt .75pt .75pt .75pt;</p><p>　　height:84.75pt'></p><p>　　<p class=MsoNormal><span lang=EN-U

63、S><span style='color:#B80DA7;</p><p>　　mso-no-proof:yes'><!--[if gte vml 1]><v:shape id="_x0000_i1028" type="#_x0000_t75"</p><p>　　alt="大話李白&qu

64、ot; style='width:126pt;height:84.75pt;visibility:visible'></p><p>　　<v:imagedata src="libai2.jpg"/></p><p>　　</v:shape><![endif]--><![if !vml]><im

65、g border=0 width=168 height=113</p><p>　　src=libai2.jpg alt=大話李白 v:shapes="_x0000_i1028"><![endif]></span><span</p><p>　　style='color:#B80DA7'><o:p>&

66、lt;/o:p></span></span></p></p><p><b>　　</td></b></p><p>　　<td width=415 rowspan=2 style='width:311.25pt;padding:.75pt .75pt .75pt .75pt;</p>

67、<p>　　height:84.75pt'></p><p>　　<p><span lang=EN-US style='color:#B80DA7'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span</p><p>　　class=style91>

68、<span lang=EN-US style='font-size:10.5pt'> </span></span><span</p><p>　　class=style91><span style='font-size:10.5pt'>一段未了的情<span lang=EN-US>,</span>使

69、得李白慘遭惡勢(shì)力的打擊<span</p><p>　　lang=EN-US>,</span>身處絕境的他能否擺脫命運(yùn)<span lang=EN-US>,</span>王維的出現(xiàn)真的可以改變故事的發(fā)展嗎<span</p><p>　　lang=EN-US>?</span>敬請(qǐng)關(guān)注《大話李白》</span>&l

70、t;/span><span lang=EN-US</p><p>　　style='color:#B80DA7'><o:p></o:p></span></p></p><p>　　<p><span lang=EN-US style='color:#B80DA7'>&am

71、p;nbsp;&nbsp;&nbsp; </span><span</p><p>　　style='color:#B80DA7'>第一話<span lang=EN-US>:<a</p><p>　　href="http://tech.163.com/06/0117/11/27LPGFD000091OM1.h

72、tml"><span</p><p>　　lang=EN-US><span lang=EN-US>之天各一方</span></span></a><o:p></o:p></span></span></p></p><p>　　<p><spa

73、n lang=EN-US style='color:#B80DA7'>&nbsp;&nbsp;&nbsp; </span><span</p><p>　　style='color:#B80DA7'>第二話：<span lang=EN-US><a</p><p>　　href="

74、http://tech.163.com/special/000915SN/stlibai.html"><span</p><p>　　lang=EN-US><span lang=EN-US>移情別巒</span></span></a><br></p><p><b>　　<br>&

75、lt;/b></p><p><b>　　<br></b></p><p><b>　　<br></b></p><p>　　&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>注：請(qǐng)安裝本頁(yè)提示的

76、安裝：<span</p><p>　　lang=EN-US>adobe flashpleyer <o:p></o:p></span></span></p></p><p><b>　　</td></b></p><p><b>　　</tr>

77、;</b></p><p>　　<tr style='mso-yfti-irow:2;mso-yfti-lastrow:yes;height:87.75pt'></p><p>　　<td width=168 style='width:126.0pt;padding:.75pt .75pt .75pt .75pt;</p>

78、<p>　　height:87.75pt'></p><p>　　<p class=MsoNormal><span lang=EN-US><span style='color:#B80DA7;</p><p>　　mso-no-proof:yes'><!--[if gte vml 1]><v:s

79、hape id="_x0000_i1027" type="#_x0000_t75"</p><p>　　alt="大話李白" style='width:126pt;height:84.75pt;visibility:visible'></p><p>　　<v:imagedata src="l

80、ibai3%5d.jpg"/></p><p>　　</v:shape><![endif]--><![if !vml]><img border=0 width=168 height=113</p><p>　　src="libai3%5d.jpg" alt=大話李白 v:shapes="_x0000_i

81、1027"><![endif]></span><span</p><p>　　style='color:#B80DA7'><o:p></o:p></span></span></p></p><p><b>　　</td></b>&

82、lt;/p><p>　　<td width=168 style='width:126.0pt;padding:.75pt .75pt .75pt .75pt;</p><p>　　height:87.75pt'></p><p>　　<p class=MsoNormal><span lang=EN-US><spa

83、n style='color:#B80DA7;</p><p>　　mso-no-proof:yes'><!--[if gte vml 1]><v:shape id="_x0000_i1026" type="#_x0000_t75"</p><p>　　alt="大話李白" style=&#

84、39;width:126pt;height:84.75pt;visibility:visible'></p><p>　　<v:imagedata src="libai4.jpg"/></p><p>　　</v:shape><![endif]--><![if !vml]><img border=0 w

85、idth=168 height=113</p><p>　　src=libai4.jpg alt=大話李白 v:shapes="_x0000_i1026"><![endif]></span><span</p><p>　　style='color:#B80DA7'><o:p></o:p>&

86、lt;/span></span></p></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p>&l