個(gè)人網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn) 文獻(xiàn)綜述

1、-范文最新推薦- 個(gè)人網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)+文獻(xiàn)綜述 摘要：在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，倍受人們的重視。為了樹(shù)立個(gè)人在網(wǎng)絡(luò)上的形象，通過(guò)設(shè)計(jì)一個(gè)個(gè)人網(wǎng)站，以達(dá)到個(gè)人推薦、展現(xiàn)自我的一個(gè)平臺(tái)，個(gè)人網(wǎng)站為交流提供綜合的網(wǎng)絡(luò)環(huán)境，同時(shí)也為個(gè)人的宣傳，發(fā)展，提供了一個(gè)平臺(tái)。個(gè)人網(wǎng)站的設(shè)計(jì)和內(nèi)容由于個(gè)人的喜好和看法而大不相同，本課題將設(shè)計(jì)一個(gè)具有特色的個(gè)人網(wǎng)站，希望能為忙碌的生活停下來(lái)有個(gè)休息的地方，享受一下輕松的環(huán)境，說(shuō)說(shuō)自己想說(shuō)的事，做做自己想做的

2、事。人們可以通過(guò)其他人的網(wǎng)站了解他，近而成為朋友，這是一個(gè)社交的新方式，也是未來(lái)的一個(gè)趨勢(shì)。8936關(guān)鍵詞：個(gè)人網(wǎng)站；網(wǎng)站規(guī)劃；網(wǎng)站設(shè)計(jì)；網(wǎng)站主題；社交方式Personal web site design and ImplementationAbstract: In the rapid development of Internet, the Internet become rapid access, publish and an important channel for transmission of information, it plays an important role in p

3、eoples political, economic, and other aspects of life. Therefore, the construction site on the Internet application Obviously, much of the attention. In order to establish the image of the inpidual on the network, through the design of a personal website, in order to achieve personal recommendation,

4、 to show themselves a platform for personal website for the exchange of integrated network environment, but also provides a platform for personal promotion, development,.The design and content of the Website is very different, because of personal preferences and views on the subject will design a un

5、ique personal website, hoping for a busy life to stop and have a place to rest, enjoy a relaxed environment to talk about he wanted to do, doing what he wanted. People can know him through the other persons website, nearly became friends, which is a new social model, which is the future of a trend.

6、4.1創(chuàng)建站點(diǎn)184.2創(chuàng)建站點(diǎn)內(nèi)容194.3設(shè)置首頁(yè)布局和屬性204.4插入圖像、文字和多媒體214.5建立個(gè)人網(wǎng)站網(wǎng)頁(yè)的鏈接225程序代碼實(shí)現(xiàn)235.1功能模塊的實(shí)現(xiàn)代碼236網(wǎng)站后續(xù)維護(hù)296.1網(wǎng)站的測(cè)試與維護(hù)296.1.1主要測(cè)試內(nèi)容：296.1.2主要的維護(hù)內(nèi)容有：297結(jié)論30致謝2參考文獻(xiàn)31緒論互聯(lián)網(wǎng)是社會(huì)發(fā)展的必然趨勢(shì)，很多人已經(jīng)意識(shí)到網(wǎng)絡(luò)的強(qiáng)大生命力和它在未來(lái)將處于的重要地位。他們鉆研并且努力進(jìn)入到這一個(gè)新的空間，新的領(lǐng)域。以個(gè)人為中心，淡化了傳統(tǒng)中心地位，使得我們的世界向多元化加速發(fā)展，人人都有話語(yǔ)權(quán)，人人都是中心?；ヂ?lián)網(wǎng)是一個(gè)互動(dòng)性極強(qiáng)的平臺(tái)，它自由、寬容、平等、共享

7、，并使來(lái)自民間的聲音參與到了構(gòu)建主流話語(yǔ)的行動(dòng)中來(lái)。計(jì)算機(jī)技術(shù)的發(fā)展，特別是網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，給文檔的保存和管理提供極大的方便1。本論文中，將軟件工程的基本原理和方法應(yīng)用到整個(gè)網(wǎng)站系統(tǒng)，并對(duì)其進(jìn)行需求分析，提出了解決問(wèn)題的具體方法。在具體制作中，用ASP技術(shù)來(lái)實(shí)現(xiàn)B/S系統(tǒng)，ASP技術(shù)與數(shù)據(jù)庫(kù)技術(shù)結(jié)合，用戶在瀏覽器端可以隨意查詢自己需要的標(biāo)本，這樣提高了網(wǎng)頁(yè)的互動(dòng)性，使整個(gè)系統(tǒng)能更好的為用戶服務(wù)。 個(gè)人網(wǎng)站包括：博客，個(gè)人論壇，個(gè)人主頁(yè)等等 網(wǎng)絡(luò)的大發(fā)展趨勢(shì)就是向個(gè)人網(wǎng)站發(fā)展。個(gè)人網(wǎng)站是一個(gè)可以發(fā)布個(gè)人信息及相關(guān)內(nèi)容。通俗理解個(gè)人網(wǎng)站：就是指網(wǎng)站內(nèi)容是介紹自己的或是以自己的信息為中心的網(wǎng)站，

8、不一定是自己做的網(wǎng)站，但強(qiáng)調(diào)的是以個(gè)人信息為中心。個(gè)人網(wǎng)站是指?jìng)€(gè)人或團(tuán)體因某種興趣、擁有某種專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷(xiāo)售而制作的具有獨(dú)立空間域名的網(wǎng)站。1.2.2個(gè)人網(wǎng)站的現(xiàn)狀個(gè)人網(wǎng)站一直是多元化互聯(lián)網(wǎng)世界的一支重要力量，由于個(gè)人網(wǎng)站多屬于草根類(lèi)型的，缺乏資金關(guān)照和專業(yè)團(tuán)隊(duì)的運(yùn)作，因此眾多的個(gè)人網(wǎng)站只能一點(diǎn)點(diǎn)地摸索著前進(jìn)。根據(jù)對(duì)國(guó)內(nèi)多個(gè)有特色的個(gè)人網(wǎng)站的調(diào)查，得出了當(dāng)下個(gè)人網(wǎng)站生存現(xiàn)狀的一個(gè)縮影。個(gè)人網(wǎng)站發(fā)展的三個(gè)新現(xiàn)象：（1）廣告收入下滑通過(guò)對(duì)多個(gè)網(wǎng)站的調(diào)查發(fā)現(xiàn)，很多個(gè)人網(wǎng)站的收入都出現(xiàn)了下滑趨勢(shì)。目前個(gè)人網(wǎng)站的盈利模式還比較單一，大部分仍然通過(guò)廣告盈利，而廣告又是借助

9、于包括Google Adsense、百度聯(lián)盟、阿里媽媽等在內(nèi)的廣告聯(lián)盟進(jìn)行投放，它們占了很大一部分收入來(lái)源。由于經(jīng)濟(jì)出現(xiàn)低迷帶來(lái)的廣告主投放廣告單價(jià)的降低，目前的盈利現(xiàn)狀不容樂(lè)觀。廣告收入的下滑會(huì)影響到網(wǎng)站的發(fā)展，尤其是眾多剛剛起步的網(wǎng)站。但從另一方面來(lái)看，這會(huì)加速網(wǎng)站的優(yōu)勝劣汰，對(duì)于那些專注的站點(diǎn)來(lái)說(shuō)，更容易在競(jìng)爭(zhēng)激烈的條件下顯現(xiàn)出自己的優(yōu)勢(shì)。（2）建站門(mén)檻不斷降低由于出現(xiàn)了越來(lái)越多的免費(fèi)建站程序，現(xiàn)在制作一個(gè)網(wǎng)站并不需要復(fù)雜的技術(shù)。如使用開(kāi)源的PHPCMS、DedeCMS等建站程序代碼，只需要有一個(gè)支持PHP程序的網(wǎng)站空間和數(shù)據(jù)庫(kù)，就能夠像開(kāi)通博客一樣輕松制作出一個(gè)功能齊全的網(wǎng)站，再加上目

10、前CN域名第一年的注冊(cè)費(fèi)用仍然只需要1元，建設(shè)一個(gè)新網(wǎng)站的成本變的非常低廉。 （4）個(gè)人網(wǎng)站的發(fā)展規(guī)劃個(gè)人網(wǎng)站應(yīng)該如何發(fā)展？首先，應(yīng)該做好定位。由于個(gè)人網(wǎng)站在資金、技術(shù)、人力等方面的不足，個(gè)人網(wǎng)站一定要避免去與大型的商業(yè)網(wǎng)站競(jìng)爭(zhēng)。而要從自身的優(yōu)勢(shì)、長(zhǎng)處出發(fā)，做出自己的特色。為一小部分特定的人群帶去最有價(jià)值的服務(wù)和信息。這是大型的商業(yè)網(wǎng)站所不能觸及到的。因此，個(gè)人網(wǎng)站的定位應(yīng)突出小而精、要有自己的特色，要保證網(wǎng)站內(nèi)容的質(zhì)量。其次，應(yīng)定位好網(wǎng)站受眾。要分析你的網(wǎng)站主要是給哪一群體提供信息和服務(wù)。會(huì)得到哪一群體的歡迎的青睞。這些群體分布在哪里，通常在哪些地方或網(wǎng)絡(luò)聚集。最有做好這樣的定位，才能做出相

11、應(yīng)的推廣方案。再次，要規(guī)劃好網(wǎng)站的發(fā)展方向和策略。你的網(wǎng)站現(xiàn)在是什么樣子，服務(wù)群體是誰(shuí)，下一步會(huì)是什么樣子，服務(wù)群體是誰(shuí)。第一步是爭(zhēng)取那部分人群，下一步是爭(zhēng)取哪部分人群。我認(rèn)為，一個(gè)新的小站的比較合理的發(fā)展策略應(yīng)該是先爭(zhēng)取那部分新誕生的網(wǎng)民，然后再去爭(zhēng)取那些老網(wǎng)民，同其他同類(lèi)網(wǎng)站競(jìng)爭(zhēng)。據(jù)統(tǒng)計(jì)，我國(guó)每年新誕生的網(wǎng)民接近一億。所以，如果能在這些新網(wǎng)民中爭(zhēng)取一部分市場(chǎng)對(duì)網(wǎng)站的發(fā)展則是非常有利的。而且新網(wǎng)民對(duì)網(wǎng)絡(luò)更有新鮮感，如果你能在第一時(shí)間向這些新網(wǎng)民呈現(xiàn)你的網(wǎng)站，那么很可能他以后上網(wǎng)就會(huì)認(rèn)準(zhǔn)你的站。就像百度作為中國(guó)最早的中文搜索引擎，其市場(chǎng)地位一直難以被技術(shù)資金方面都有絕對(duì)優(yōu)勢(shì)的google取代。

12、我覺(jué)得，重要的原因就在于他在第一時(shí)間搶占了最新的搜索市場(chǎng)。1.3選題的目的和意義隨著Internet的迅速普及，我們已經(jīng)不再滿足于僅僅瀏覽網(wǎng)頁(yè)，而是希望更深入地參預(yù)到網(wǎng)絡(luò)中去，Internet的開(kāi)放性使個(gè)人建立自己的網(wǎng)站成為可能，擁有自己的網(wǎng)站也越來(lái)越成為一種時(shí)尚，同時(shí)創(chuàng)建一個(gè)能充分體現(xiàn)自我風(fēng)格和特色的個(gè)人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。 動(dòng)態(tài)頁(yè)面是通過(guò)執(zhí)行.asp、.php、.jsp、.net等程序生成客戶端網(wǎng)頁(yè)代碼的網(wǎng)頁(yè)。動(dòng)態(tài)頁(yè)面通?？梢酝ㄟ^(guò)網(wǎng)站后臺(tái)管理系統(tǒng)對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新管理。發(fā)布新聞，發(fā)布公司產(chǎn)品，交流互動(dòng)，博客，網(wǎng)上調(diào)查等，這都是動(dòng)態(tài)網(wǎng)站的一些功能，也是我們常見(jiàn)的。動(dòng)態(tài)網(wǎng)頁(yè)是需要

13、語(yǔ)言環(huán)境支持的，動(dòng)態(tài)頁(yè)面常見(jiàn)的擴(kuò)展名有：.asp、 .php、 .jsp 、.cgi 等。動(dòng)態(tài)頁(yè)面的“動(dòng)態(tài)”是網(wǎng)站與客戶端用戶互動(dòng)的意思，而非網(wǎng)頁(yè)上有動(dòng)畫(huà)的就是動(dòng)態(tài)頁(yè)面4。動(dòng)態(tài)網(wǎng)頁(yè)是最常用的網(wǎng)站建設(shè)的一種表達(dá)形式，其優(yōu)點(diǎn)在于可以根據(jù)先前所制定好的程序界面，根據(jù)用戶的不同請(qǐng)求返回相應(yīng)的數(shù)據(jù)?？梢哉f(shuō)是一對(duì)多的關(guān)系。從而達(dá)到資源的最大利用和節(jié)省服務(wù)器上的物理資源。如果今后需要改變站點(diǎn)風(fēng)格，只需要重新制作前臺(tái)所訪問(wèn)的數(shù)據(jù)即可。只要數(shù)據(jù)庫(kù)結(jié)構(gòu)不變，可以很快的進(jìn)行改版的。2.1開(kāi)發(fā)工具的介紹和選擇當(dāng)今世界，設(shè)計(jì)制造網(wǎng)站的軟件層出不窮，這次我選擇的是由Macromedia公司所開(kāi)發(fā)的

14、著名網(wǎng)站開(kāi)發(fā)工具—Dreamweaver，Dreamweaver是創(chuàng)建和管理網(wǎng)頁(yè)的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺(tái)、跨瀏覽器的頁(yè)面。Macromedia的Roundtrip HTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無(wú)需重新設(shè)置代碼格式。Dreamweaver可以為用戶做到：使用動(dòng)態(tài)HTML功能（例如具有動(dòng)態(tài)效果的層和行為）而不用寫(xiě)一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。Dreamweaver還是一個(gè)可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對(duì)象和命令修改菜單和快捷鍵，甚至編寫(xiě)JavaScript代碼擴(kuò)展Dr

15、eamweaver的行為和屬性檢查器。 2.2.3超級(jí)鏈接網(wǎng)頁(yè)中的超級(jí)鏈接分為文本超鏈接和圖像超鏈接兩種，只要訪問(wèn)者用鼠標(biāo)單擊帶有鏈接的文字或者圖像，就可以自動(dòng)連接到對(duì)應(yīng)的其他文件，從而使網(wǎng)頁(yè)鏈接成為一個(gè)整體，因此，超鏈接也是整個(gè)網(wǎng)絡(luò)的基礎(chǔ)。2.2.4導(dǎo)航欄導(dǎo)航欄是一組超級(jí)鏈接，用來(lái)方便地瀏覽站點(diǎn)。導(dǎo)航欄一般由多個(gè)按鈕或者多個(gè)文本超級(jí)鏈接組成。2.2.5動(dòng)畫(huà)動(dòng)畫(huà)是網(wǎng)頁(yè)中最活躍的元素，創(chuàng)意出眾、制作精致的動(dòng)畫(huà)是吸引瀏覽者眼球的最有效方法之一。但是如果網(wǎng)頁(yè)動(dòng)畫(huà)太多，也會(huì)物極必反，使人眼花繚亂，進(jìn)而產(chǎn)生視覺(jué)疲勞。2.2.6表格表格是HTML語(yǔ)言中的一種元素，主要用于網(wǎng)頁(yè)內(nèi)容的布局，組織整個(gè)網(wǎng)頁(yè)的外觀

16、，通過(guò)表格可以精確地控制各網(wǎng)頁(yè)元素在網(wǎng)頁(yè)中的位置。2.2.7框架框架是網(wǎng)頁(yè)的一種組織形式，將相互關(guān)聯(lián)的多個(gè)網(wǎng)頁(yè)的內(nèi)容組織在一個(gè)瀏覽器窗口中顯示。例如在一個(gè)框架內(nèi)放置導(dǎo)航欄，另一個(gè)框架中的內(nèi)容可以隨單擊導(dǎo)航欄中的鏈接而改變。2.3Dreamweaver的操作環(huán)境介紹在制造網(wǎng)站過(guò)程中，必須學(xué)會(huì)的就是如何操作Dreamweaver這款軟件，下面就是對(duì) 這款軟件編輯環(huán)境的一個(gè)簡(jiǎn)單介紹：圖2-1 DW首次啟動(dòng)畫(huà)面2.3.1工作布局在Windows中首次啟動(dòng)DreamweaverMX時(shí)，會(huì)出現(xiàn)“工作區(qū)設(shè)置”窗口，從中可以選擇一種工作區(qū)布局，提供的三種不同的工作界面,分別是&ldqu

17、o;DreamweaverMX工作區(qū)”“Dreamweaver 工作區(qū)”和“Homesite/Coder-Style代碼編者樣式”. 設(shè)計(jì)：包含網(wǎng)頁(yè)設(shè)計(jì)中所需要的面版，分別為CSS樣式、HTML樣式和行為。代碼：包含代碼編輯所需要的面版，分別為標(biāo)簽檢查器、代碼片段和參考。應(yīng)用程序：包含動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)所需要的面版，分別為數(shù)據(jù)庫(kù)綁定、服務(wù)器行為和組件。文件：包含站點(diǎn)內(nèi)資源管理所需要的面版，分別為站點(diǎn)和資源。3個(gè)人網(wǎng)站設(shè)計(jì)分析每個(gè)網(wǎng)站都是一項(xiàng)龐大的工程。好比造高樓，沒(méi)有設(shè)計(jì)圖紙，規(guī)劃好結(jié)構(gòu)，盲目的建造，結(jié)果往往是倒塌；也好比寫(xiě)文章，構(gòu)思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細(xì)規(guī)劃架構(gòu)好自己網(wǎng)站，不要急于求成。規(guī)劃一個(gè)網(wǎng)站，可以用樹(shù)狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái)，尤其當(dāng)要制作一個(gè)很大的網(wǎng)站 (有很多頁(yè)面) 的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好。3.1個(gè)人網(wǎng)站的布局技術(shù)網(wǎng)頁(yè)的布局有表格布局，框架布局，CSS布局等，本網(wǎng)站采用的是表格布局，表格布局被廣泛使用，已經(jīng)成為一個(gè)潛在的標(biāo)準(zhǔn)。隨便瀏覽一個(gè)站點(diǎn)，它們一定是用表格布局的。表格布局的優(yōu)勢(shì)在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)你用了過(guò)多表格時(shí)，頁(yè)面下載速度受到影響8。對(duì)于表格布局，