【正文】 頁設(shè)計的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒有想到的。在測試這個環(huán)節(jié)時，沒有特定的測試方法，就要做到細(xì)心，做到網(wǎng)站的順利運行。網(wǎng)站能夠正確運行首先要保證鏈接能夠連貫運行。首先我選擇在萬網(wǎng)上注冊一個域名然后申請租用空間建立個人網(wǎng)站。我的個人網(wǎng)站選擇100300MB的虛擬主機(jī)空間。有了自己的域名這個門牌號后，就需要一個空間來存放自己的網(wǎng)站，也就是虛擬主機(jī)。也就是說，為了保證網(wǎng)絡(luò)安全和有序性，網(wǎng)站建立后為其綁定一個全球獨一無二的域名或訪問地址，必須向全球統(tǒng)一管理域名的機(jī)構(gòu)或組織去注冊或者備檔方可使用的一種行為。3．網(wǎng)站的維護(hù)方案域名（Domain Name），是由一串用點分隔的名字組成的,Internet上提供用戶訪問某網(wǎng)站或網(wǎng)頁的路徑，用于在數(shù)據(jù)傳輸時標(biāo)識計算機(jī)的電子方位（有時也指地理位置）。完整的留言板具有發(fā)表留言和察看別人留言的功能，可由此進(jìn)入留言界面和察看留言界面。如下圖所示：網(wǎng)站說明界面如果網(wǎng)友不清楚網(wǎng)站的構(gòu)架，可以查看此版塊。音樂界面?zhèn)€人網(wǎng)站中又一亮點就是個人相冊的設(shè)置，在我的相冊里，放置了我自己的照片、班級照片和校園照片。此版塊的界面如圖所示： 文學(xué)欣賞界面進(jìn)入此版塊，界面如圖所示：通過在數(shù)據(jù)庫中存放音樂路徑，達(dá)到在網(wǎng)頁上播放的效果。我的網(wǎng)站主頁內(nèi)容簡單所以主要內(nèi)容再二級頁面里要有詳細(xì)的說明，具體說明如下：本模塊是個人簡介部分，每個個人網(wǎng)站都會有作者介紹。：如果訪客想在互聯(lián)網(wǎng)上查找東西，可以直接點擊這里。：這是每位訪客針對我的網(wǎng)站情況給我留言，這些留言會直接保存到數(shù)據(jù)庫里面，并且能夠輕松的讀取。更改照片的時候只要更新數(shù)據(jù)庫就可以了。：這里收錄了我平時搜集的一些文章和音樂，各位訪客可以根據(jù)自己的喜好進(jìn)行閱覽。：此版塊又分為主頁、發(fā)表意見、回復(fù)意見、顯示論壇內(nèi)容、版主后臺管理以及版主的回復(fù)界面。和大家進(jìn)行溝通。5．留言板：是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識我和了解我，讓一些美好的東西我們大家共同來欣賞。4．精品收藏：在其中展示我喜愛的東西，包括電影、歌曲和一些優(yōu)美的文章。在論壇中用戶可以發(fā)表意見，這些意見可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對留言的內(nèi)容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺對留言進(jìn)行管理，是否發(fā)表或刪除。2．網(wǎng)站的技術(shù)參數(shù)部分我所制作的個人網(wǎng)站的導(dǎo)航系統(tǒng)包括： 1．搜索引擎：根據(jù)瀏覽者的要求，使用主頁上的搜索引擎鏈接到百度，在整個Internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。在我設(shè)計我的個人網(wǎng)站的過程中，我選擇了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三種軟件。Fireworks cs4的最大優(yōu)勢就在于它在任何時候可以從任何階段開始設(shè)計工作，這樣既可以節(jié)約時間又可以對產(chǎn)品進(jìn)行擴(kuò)展。Fireworkscs4的獨特之處在于它能夠優(yōu)化、切分圖片映射圖，并提供了功能強(qiáng)大的翻滾圖工具。另外，還有一點值得說明的是，Dreamweaver cs5可以控制和刪除冗余代碼，減小網(wǎng)頁文件的大小。Dreamweaver cs5采用“所見即所得”的直觀設(shè)計模式，充分尊重設(shè)計人員的原始意識和想象力。 相關(guān)應(yīng)用軟件選用、技術(shù)采用在網(wǎng)頁的設(shè)計過程中，我選用的軟件包括DreamweavercsFireworks cs5和Photoshopcs5，其中，Dreamweaver 是網(wǎng)頁編輯軟件，F(xiàn)ireworks cs5是圖形/圖像處理軟件，photoshopcs5是圖片處理軟件。一個展示個人能力的網(wǎng)站與一個以花卉種植為主題的網(wǎng)站，以及一個大型門戶網(wǎng)站和一個小型企業(yè)網(wǎng)站，其出發(fā)點和建站目的都有所不同，在整個網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此如何更好地的了解、分析、明確需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)出來，保證開發(fā)過程按照個人需求為目的正確項目開發(fā)方向進(jìn)行。.2 個人網(wǎng)站建設(shè)的目的在我們的工作、日常生活中，能夠擁有一個自己的網(wǎng)站，一個已經(jīng)成為不少人的希望和驕傲。所以，在整個網(wǎng)站的設(shè)計過程中，我廣泛的聽取同學(xué)的意見和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。這是我這個網(wǎng)站選擇大學(xué)生主題的原因之一。第一篇：網(wǎng)頁制作論文個人網(wǎng)站設(shè)計網(wǎng)頁制作課程論文（個人網(wǎng)站設(shè)計論文）姓名：薛金鴿 學(xué)號：105031040025 班級：103212 專業(yè)：市場營銷（電子商務(wù)方向）學(xué)期：20112012學(xué)年第2學(xué)期 任課教師：劉新飛個人網(wǎng)站策劃書網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個很普遍的問題了，對于個人來說，建設(shè)好時間的個性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個個人網(wǎng)站的制作過程中，我選擇了我比較熟悉的大學(xué)生活中的許多內(nèi)容做為我的網(wǎng)站的重要組成部分，這樣相對于其他包括種類齊全的網(wǎng)站，我就有了一定的材料基礎(chǔ)。其次，做為在校大學(xué)生，我知道大學(xué)生現(xiàn)在對什么事物，內(nèi)容，活動等等感興趣，所以，我做起來的時候相對來說是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會捕捉到大學(xué)生的興趣點。在整個網(wǎng)站的設(shè)計過程中，我根據(jù)自己以往的設(shè)計經(jīng)驗和自己找來的資料，又經(jīng)過老師的指點，經(jīng)過了近一個月的努力，幾經(jīng)易稿，最終做成了我的這個個人主頁。一個網(wǎng)站項目的確立是建立在各種各樣的需求上面的，這是個人網(wǎng)站，所以這種需求往往來自于個人的實際需求，其中每個人的實際需求占了絕大部分[6]。不同的網(wǎng)站目的要求通過不同的方式來實現(xiàn)。因此在規(guī)劃我的這個網(wǎng)站時，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。它們是Macromedia公司專門為網(wǎng)頁設(shè)計、制作開發(fā)的系列軟件套件，三者之間可以無縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問題，是設(shè)計動畫網(wǎng)頁的最佳工具。她成功地將網(wǎng)頁設(shè)計功能中的技術(shù)實現(xiàn)部分和設(shè)計部分分離開來，使用戶只需專注于設(shè)計，而其余的工作由Dreamweavercs5自動完成。從而能夠快速上傳和下載。它是基于WEB應(yīng)用的圖形/圖象處理軟件，提供了一種革命性的新方法來創(chuàng)建WEB圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點。另外，F(xiàn)ireworks cs4中的諸多功能都是面向WEB應(yīng)用的，因此對于WEB設(shè)計新手來說也很容易學(xué)習(xí)的。因為自己向?qū)τ谄渌能浖碚f，這三個還算是比較熟悉的。2．論壇：主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺，也是網(wǎng)友給版主提出意見的主要渠道。3．發(fā)送電子郵件：網(wǎng)友可以通過“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子郵件。奇文共欣賞，疑義相與析。但我增加了管理權(quán)限，我以管理員的身份可以對加入的新內(nèi)容進(jìn)行管理，即允許加入和對其進(jìn)行刪除。就我們感興趣的話題展開討論。 首頁的設(shè)計 我的網(wǎng)站首頁主要采用簡單大方的設(shè)計方法，用的是色調(diào)一致的一組圖片做的LOGO和相關(guān)的背景圖片，主要頁面布局如下：1．個人簡介：介紹版主的一些基本信息，希望各位訪客能夠認(rèn)識版主。其中發(fā)表意見界面是所有訪客都可以在論壇里面發(fā)表自己的意見，這些意見可以是發(fā)表給所有的訪客，也可以是只發(fā)表給版主，如果只發(fā)表給版主，只有版主可以看到和回復(fù)；回復(fù)意見是所有訪客針對自己感興趣的話題進(jìn)行回復(fù)；這些發(fā)表的意見和回復(fù)可以在顯示論壇內(nèi)容的界面都顯示出來，供大家討論；那些只有版主才能看到的信息在版主的管理界面，這個界面需要登錄，設(shè)有用戶名和密碼，在這里版主可以對所有評論進(jìn)行發(fā)表或刪除的管理。：在這個板塊可以看到我的照片，班級照片和搜集的校園照片，如果大家喜歡可以收藏。：里面是我對整個網(wǎng)站的介紹，不太清楚網(wǎng)站構(gòu)架的訪客可以先到這里。：各位訪客可以通過outlook向版主或者其他人發(fā)送電子郵件。：收集了一些女生喜歡的東西，如果你是女生，可以進(jìn)來看看。這個版塊主要介紹我自己喜歡的相關(guān)文學(xué)作品。在音樂的首頁上放置了歌曲的名字，網(wǎng)友無需登錄，即可收聽自己喜歡的歌曲。相冊里面的這三個版塊具有相同的版面設(shè)計，如下圖所示：相冊界面此版塊是我根據(jù)自己的網(wǎng)站結(jié)構(gòu)對整個網(wǎng)站以及每個版塊所做的網(wǎng)站結(jié)構(gòu)和功能的說明，以及網(wǎng)站和作者版權(quán)說明。留言板是目前最為流行的網(wǎng)絡(luò)應(yīng)用之一，使用留言板，可以為留言者提供發(fā)言的機(jī)會，讓他們能夠及時、準(zhǔn)確地交換自己的觀點。留言主界面在主界面中存有全部留言的作者和主題，點擊你想察看的主題就會進(jìn)入察看留言界面，點擊 “發(fā)表帖子”進(jìn)入留言界面。域名申請的含義“域名申請”：為保證每個網(wǎng)站的域名或訪問地址是獨一無二的，需要向統(tǒng)一管理域名的機(jī)構(gòu)或組織注冊或備檔的一種行為。由于域名是網(wǎng)站必不可少的“門牌號”，域名可用于：網(wǎng)站地址訪問、電子郵箱、品牌保護(hù)等用途，所以很多企業(yè)或個人均會進(jìn)行域名申請。一般虛擬主機(jī)提供商都向用戶提供100MB、500MB、3GB等虛擬主機(jī)空間。購買虛擬主機(jī)主要考慮幾個方面：售后服務(wù)、穩(wěn)定性、訪問速度等。超級鏈接對于網(wǎng)站用戶而言意味著能不能流暢的使用整個網(wǎng)站提供的服務(wù)，因而鏈接將作為一個獨立的項目進(jìn)行測試。網(wǎng)站的運行中整個系統(tǒng)是否運行正常，我主要采用將測試網(wǎng)站長時間運轉(zhuǎn)進(jìn)行測試，派生出執(zhí)行程序所有功能需求的輸入條件，從而導(dǎo)出測試用例，進(jìn)行測試，網(wǎng)站中的每個版塊的每個頁面都出現(xiàn)了很多的鏈接，所以每個版塊要先進(jìn)行單獨測試，單獨測試完成后，根據(jù)個版塊之間的連接結(jié)構(gòu)再進(jìn)行總體測試，從而達(dá)到網(wǎng)站的整體的運營能夠順利地進(jìn)行?？偨Y(jié)：通過這次個人網(wǎng)站設(shè)計的制作，我學(xué)會了很多東西，也了解了很多關(guān)于個人網(wǎng)站的資料。在整個的學(xué)習(xí)過程中，我學(xué)習(xí)了Dreamwave、Firework、Html語言、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。雖然整個網(wǎng)頁的結(jié)構(gòu)還有很多不足，還有一些板塊沒有開通，但是我的確能夠感到在我們制作過程中技能的提高。希望以后可以自學(xué)動態(tài)網(wǎng)站的課程，從而彌補(bǔ)自己在動態(tài)網(wǎng)絡(luò)語言方面的不足。[參考文獻(xiàn)] [1] 袁曉紅.《網(wǎng)頁設(shè)計與制作》[M].高等教育出版社 2006 385頁~389頁 [2] 甘登岱.《我也能掌握Flash編程》[M].航空工業(yè)出版社 2000 [3] 趙更生.《Flash動畫制作培訓(xùn)實錄》[M].人民郵電出版社 2004 [4] 《Dreamweaver CS5網(wǎng)頁設(shè)計從入門到精髓》[M].中國電力出版社2010 [5] 張成龍.《網(wǎng)頁制作一點通》.延邊人民出版社[6] 劉瑞新，《ASP動態(tài)網(wǎng)站開發(fā)、畢業(yè)設(shè)計指導(dǎo)及實例》[M].機(jī)械工業(yè)出版社 2000 [7] 石曉燕、蘇萍《網(wǎng)頁設(shè)計基礎(chǔ)》[M].清華大學(xué)、交通出版社 20 04 [8] 王玉芬.《網(wǎng)站規(guī)劃與設(shè)計》[M].西北工業(yè)出版社 2003 [9] (第5版)[M].北京：電子工業(yè)出版社,2008第二篇：個人網(wǎng)站網(wǎng)頁制作論文個人網(wǎng)站網(wǎng)頁制 作 論 文學(xué)院： 專業(yè)： 姓名： 學(xué)號：摘要本文就個人網(wǎng)站的規(guī)劃與建設(shè)，以軟件工程的方法對全過程進(jìn)行了分析與研究。并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術(shù)作了簡要的介紹。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格。IP地址為了使互聯(lián)網(wǎng)上的電腦主機(jī)在通信時能夠相互識別，每臺主機(jī)都分配一個能表示其位置的IP（Internet Protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。IP地址具有惟一性，是由32位二進(jìn)制數(shù)組成，分為四組，每組8位，每組之間用小數(shù)點分隔，在實際之中常轉(zhuǎn)換成十進(jìn)制數(shù)表示。這時期，個人網(wǎng)站出現(xiàn)的條件還很不成熟，國內(nèi)上網(wǎng)的人數(shù)很少，也缺乏支持個人建站的環(huán)境，用戶很難找到理想的個人主頁存放地。同時，越來越多的商業(yè)網(wǎng)站開始免費提供個人主頁空間，這些良好的外部極大地促進(jìn)了個人網(wǎng)站的發(fā)展，涌現(xiàn)了一批很著名的個人網(wǎng)頁，從1998年下半年開始，隨著互聯(lián)網(wǎng)應(yīng)用的深入的普及，隨著眾多主頁制作工具的出現(xiàn)，使得建站成為一件非常容易的事，創(chuàng)建一個能充分體現(xiàn)自我風(fēng)格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。我的個人網(wǎng)站概貌因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點的同時，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)。功能劃分網(wǎng)站設(shè)計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認(rèn)證，管理員——我，可以對網(wǎng)站信息進(jìn)行管理。功能描述(1)新聞嵌入百度新聞每日更新代碼，使用在本站首頁顯示今日國內(nèi)國際新聞和體育新聞，供瀏覽者瀏覽。就我們感興趣的話題展開討論。(3)后臺管理頁面 是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設(shè)計了這個管理頁面，經(jīng)過身份認(rèn)證后我可以進(jìn)入網(wǎng)站對其中的信息進(jìn)行管理。奇文共欣賞，疑義相與析。(5)相冊在其中展示漂亮的圖片，包括我的照片、我的同學(xué)、風(fēng)景照片、妹眉帥哥欄目。(6)音樂在其中展示個人喜歡的歌曲，朋友們可以在里面點播自己喜歡的歌。建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。因此我將自己的個人網(wǎng)站分為五個欄目，分別是關(guān)于我、相冊、日記、音樂、留言。a、功能利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。站長基本信息顯示頁面 ： 數(shù)據(jù)庫連接頁面 (2)日記是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。(3)、音樂是一個音樂收藏和音樂欣賞的地方。b、組成結(jié)構(gòu)