《個人網(wǎng)站畢業(yè)論文》由會員分享，可在線閱讀，更多相關《個人網(wǎng)站畢業(yè)論文（25頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、NORTHEASTERN UNIVERSITY 遼寧省高等教育自學考試 軟件技術 專業(yè)(本科段) 畢業(yè)設計(論文) GRADUATE DESIGN (THESIS) 設計(論文)題目 個 人 網(wǎng) 站 設 計 學 生 鄭 婷 指導教師 李 萍 準考證號 011311300584 2012 年 月 日 個 人 網(wǎng) 站 設 計 摘 要 計算機網(wǎng)絡技術和信息技術的飛速發(fā)展帶來的影響迅速波及到教育界，作為信息資源的數(shù)據(jù)庫

2、、遠程教學以及新型學習方式的支撐環(huán)境，因特網(wǎng)的作用越來越受到教育界人士的關注。無論是教育界的專家、學者還是置身教育改革浪潮中的教師和學生都在嘗試著基于網(wǎng)絡的全新的教育理念、教育方法和學習方式。教學網(wǎng)站正是在這種背景下孕育和產(chǎn)生的。教學網(wǎng)站既是網(wǎng)絡教育信息資源的重要組成部分，又是新型教育、學習方式的支撐平臺。教學網(wǎng)站是利用現(xiàn)代的網(wǎng)絡技術建立起來的、具有一定教學功能的網(wǎng)站系統(tǒng)。 隨著教學網(wǎng)站的誕生，教學網(wǎng)站的設計問題應運而生，商業(yè)網(wǎng)站的設計和分析的理論指導，其中商業(yè)網(wǎng)站的設計中要點尤為重要，從商業(yè)網(wǎng)站設計中的點仙和面視覺心理因素的運用，以及在商業(yè)網(wǎng)站設計中色彩視覺心理因素的運用，商業(yè)網(wǎng)站在現(xiàn)在的

3、網(wǎng)絡上比較普遍，商業(yè)網(wǎng)站設計中動態(tài)性原則和交互性的原則，商業(yè)網(wǎng)站中視覺流程心理因素的運用也很重要，還有頁面的立體感以及細節(jié)的處理，能更清楚商業(yè)網(wǎng)站界面的設計與分析。 關鍵詞：本文的關鍵詞：asp、dreamweaver、flash、菜苑、個人網(wǎng)站 英文摘要前的論文題目用三號Times New Roman字體 Abstract Computer network technology and the rapid development of information technology, the impact of rapid spread to the e

4、ducation sector, as a database of information resources, distance learning and 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 stude

5、nts are trying a new web-based educational philosophy, teaching methods and learning styles. Teaching Website is in this context bred and produced. Teaching is both a network of educational information resource site an important part, but also a new type of education, learning support platform. Teac

6、hing site is the use of modern network technology to build up, has a teaching function of the website system. With the birth of teaching sites and teaching web site design came into being, business website design and analysis of theoretical guidance in the design of commercial websites which is

7、particularly important points, from the point of commercial website design and surface visual cents psychological factors Use, and commercial site design psychological factors in the use of color vision, business website in todays network is relatively common, commerce dynamic Web site design princi

8、ples and the principles of interaction, business website, use of visual process of psychological factors are also important , There are three-dimensional page and the details of the deal, commercial web interface more clearly the design and analysis. Keywords關鍵詞沒有？ ： 目 錄目錄是自動生成的，先對論文的頁腳加頁碼

9、，然后根據(jù)標題生成目錄。 摘要………………………………………………………………………2英文摘要…………………………………………………………………3第一章 緒論 ……………………………………………………………5第二章 網(wǎng)站總體設計 ……………………………………………… 6 2.1網(wǎng)站系統(tǒng)分析 ………………………………………………………6 2.2網(wǎng)站功能設計 ………………………………………………………6 2．3網(wǎng)站構(gòu)架……………………………………………………………6第三章 網(wǎng)站詳細設計 ………………………………………………7 3.1主頁設計……………………………………………………

10、……… 7 3.2計數(shù)器的設計………………………………………………………10 3.3在線聽音樂的設計 ………………………………………………10 第四章 網(wǎng)站系統(tǒng)的實現(xiàn)………………………………………………12第五章 緒論 …………………………………………………………15參考文獻 ………………………………………………………………17致謝 ……………………………………………………………………18 第一章 緒論 1.1 課題的研究背景二級標題后面沒有內(nèi)容嗎？這些內(nèi)容開題報告里不是有嗎。 1.2 課題研究的目的和意義 1.3 課題采用的技術手段 隨著計算機軟硬件的極速發(fā)展，

11、人類已經(jīng)進入了信息社會，網(wǎng)絡已和報紙、電視、廣播齊明成為四大媒休之一，網(wǎng)絡也成了現(xiàn)在人們生活中信息來源的一個重要的來源。而獲取信息需要通過internet在網(wǎng)站上搜索、瀏覽、下載等方式獲得。網(wǎng)站的建設也成為信息的源頭，能為大家提供學習的平臺，給大家一個交流、學習的機會，是大部分制作個人網(wǎng)站的初衷，同時也是大型商業(yè)網(wǎng)站的起步雛形。現(xiàn)在社會上很多人也把網(wǎng)絡看成是學習的重要途徑之一，所以在網(wǎng)上搭建一個供大家學習交流的平臺是構(gòu)建本站的目的。 開發(fā)工具的介紹： asp Active Server Pages：“動態(tài)服務器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使

12、用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標準的HTML格式，而且這些程序是在網(wǎng)絡服務端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設計程序，客戶端（client）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（client）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果.ＡＳＰ具備有面向?qū)ο螅ǎ蟧bject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的

13、內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。 dreamweaver Dreamweaver 是Macromedia公司最新推出的可視化的網(wǎng)頁設計和網(wǎng)站管理工具，支持最新的Web技術，包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態(tài)HTML

14、、基于團隊的Web創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。 forntpage Frontpage是較好的網(wǎng)頁制作工具，基本上實現(xiàn)了所見即所得的工作方式，即使你不懂HTML語言，也能制作出專業(yè)效果的網(wǎng)頁。如果你是高手，也可以在HTML窗口里直接寫入代碼，再切換到preview窗口看效果。 Frontpage 提供了許多先進技術，如主題，共享邊界，層疊樣式單，動態(tài)HTML，框架，推與頻道定義，ActiveX，Java applet等. 由于是office中的一個組件，簡單易用且與其它office組件聯(lián)系緊密可以直接插入表格及WORD文檔等。 第二章

15、網(wǎng)站總體設計每章另起一頁。格式問題還要我說幾遍啊！二級標題是黑體三號字，居左。 2.1網(wǎng)站系統(tǒng)分析 根據(jù)前面的設計思想進行分析，按照系統(tǒng)開發(fā)的程序?qū)W(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：主頁及六大板塊分頁。其中主頁中包含有計數(shù)器，以計算本站的訪問量。分頁為flash欣賞、音樂轉(zhuǎn)盤、影視星空、電腦技巧、給我留言、技術論壇六大版塊。由于申請的主頁空間不支持ASP,所以做好網(wǎng)頁后，只能改為后綴為html的文件。 2.2網(wǎng)站功能設計 由于本網(wǎng)站建站初衷就是給業(yè)余愛好者一個學習的平臺，所以在模塊設計上除了學習方面，在娛樂方面也占了很大的篇幅： 電腦技巧：針對電腦常發(fā)生的

16、故障排除方法及一些Windows的內(nèi)部命令介紹 Flash欣賞：現(xiàn)時比較好看流行的經(jīng)典FLASH，點擊即可觀看，并上傳了一些畫面。 音樂轉(zhuǎn)盤：主是對學習之余聽聽現(xiàn)在比較流行的歌曲。 影視星空：對近期網(wǎng)上流行的經(jīng)典大片做描述及放置連接，點擊可下載。 給我留言：為增進交流可以多提建議及留下觀后感。 技術論壇：是為愛好者提供另一個更完善的平臺，由于時間有限，只做了一個“外形” 2.3網(wǎng)站構(gòu)架 本站在制作時采用統(tǒng)一的模版，用表格進行了分區(qū)，頂部設置統(tǒng)一的圖版及本站的圖標。正頁部分可根據(jù)內(nèi)容的不同再進行分格處理。但因申請的免費空較小，因此不能把大型文件傳至空間，特別音樂轉(zhuǎn)盤、影視星

17、空這兩個欄目只能做文字介紹及貼上其它網(wǎng)站的聯(lián)接來給大家。 第三章 網(wǎng)站詳細設計（詳細介紹各頁面具體實現(xiàn)哪些功能，各個頁面之間的鏈接） 這句話是給你的論文修改意見，你怎么不按修改意見改呢？ 3.1主頁設計 網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)網(wǎng)站的勃勃生氣，靜態(tài)主頁方式介紹六大版塊的主要內(nèi)容，因為中主頁放至計數(shù)器就得利用ＡＳＰ或用forontpage的插入計數(shù)器的方法。 3.1.1：用dreamweaver創(chuàng)建一個空白檔，另存為index.html的網(wǎng)頁作為主頁。 a、啟動dreamweaver，點擊文件

18、 新建 動態(tài)頁 asp vbscript 3.1.2：設置背景色為#009999。 點擊修改—頁面設置—背景顏色---#009999 3.1.3用表格布局整個文檔，分別在上方添加兩張圖片，分別用photoshop進行制作修改，其中一張來自網(wǎng)絡。 先用表格進行整網(wǎng)頁的布局。分為圖標部分、導向欄、主體內(nèi)容三大部分，其中導向欄部分拆分六個單元格，以放置各導向文字及小圖標。主體內(nèi)容部分又分為五大部分，并在內(nèi)部嵌套表格。如圖： 3.1.4：分別用文字及超級聯(lián)接關聯(lián)主頁和分頁，在底部放置一張FLASH圖片以增加整個網(wǎng)站的生動性。 3.1.5主頁簡圖

19、 3.2 計數(shù)器的設計 如果用frontpage直接插入計數(shù)器的方法，上傳到空間后，顯示不出，原因是由于此申請的免費空間不支持frontpage擴展，因此采用ASP編程的方式實現(xiàn)訪問者第幾次光臨本站。首先在代碼的起始部分寫如下代碼：<%Response.buffer=true%>，意為先將頁面先輸出到緩沖區(qū)。然后在底部計數(shù)器部分寫下如下代碼： <% dim num ’先定義一個變量 num=request.cookies("num") ’從客戶端獲取COOKIES變量并賦值給num變量 if num=""

20、 then ’判斷如果客戶端COOKIES變量為空，則賦值1，否則加 num=1 ’1。 else num=num+1 end if response.write"你是第"&num&"次訪問本站" ’利用response.write語句向客戶瑞輸出response.cookies("num")=num ’把變量num賦值給cookies response.cookies("num").expires=#2030-1-1# ’設定cookies過期日期

21、 %> 當然此網(wǎng)頁也必須保存為index.asp。只是由于上傳的空間不支持asp所以只能在本地機上試看。 3.3在線音樂試聽的編輯 由于空間小，所以只能通過鏈接其它網(wǎng)站的在線視聽，通過百度的MP3鏈接后把主頁上的音樂轉(zhuǎn)盤中的各文字超級鏈接上即可。點擊后直接調(diào)用Windows media player來進行播放。 3.3.1首先打開百度搜出所需歌曲如下圖： 3.3.2 點擊歌曲名得到此歌的鏈接，如下圖： 3.3.3 右擊網(wǎng)頁中的歌曲名字，點擊超級連接，在網(wǎng)址處粘貼上面復制的網(wǎng)址。如下圖： 第四章 網(wǎng)站系統(tǒng)功能的實現(xiàn) 一、系統(tǒng)功能實現(xiàn)遵循原則 為確保能為企業(yè)制

22、作高性能、高性價比的網(wǎng)絡產(chǎn)品,我公司在系統(tǒng)開發(fā)環(huán)境、系統(tǒng)實現(xiàn)技術等軟硬件環(huán)境均嚴格貫徹以下原則： （1）技術的先進性和易升級性 系統(tǒng)采用當今先進的、主流的技術，能夠很好地保障若干年后仍是主流技術，同時可以對諸如操作系統(tǒng)、數(shù)據(jù)庫管理系統(tǒng)實現(xiàn)平穩(wěn)升級。 （2）系統(tǒng)的穩(wěn)定性 系統(tǒng)選用可靠的硬件設備、操作系統(tǒng)及數(shù)據(jù)庫系統(tǒng)，采用目前使用最廣的數(shù)據(jù)庫開發(fā)工具，確保系統(tǒng)的穩(wěn)定。 （3）系統(tǒng)的標準性與開放性 系統(tǒng)設計將采用統(tǒng)一的國際標準和工業(yè)標準，同時提供與外部系統(tǒng)的接口（比如企業(yè)ERP系統(tǒng)），滿足與其它相關系統(tǒng)相連接的不同需求。 （4）可擴充性與易維護性 系統(tǒng)設計時將充分考慮以后的擴展和維護

23、上的簡便及無風險性。 （5）安全保密性 放在數(shù)據(jù)庫中的數(shù)據(jù)的安全以及交換數(shù)據(jù)時的安全一致性在該系統(tǒng)中將給予高度重視，同時網(wǎng)絡互聯(lián)后對各自的數(shù)據(jù)采取必要的保密措施。 （6）實用性及經(jīng)濟性 該系統(tǒng)的最終目的是增強企業(yè)競爭能力和取得一定的社會經(jīng)濟效益。既能實現(xiàn)最終目的又能投資小也是該系統(tǒng)設計的原則之一。系統(tǒng)具有與原有系統(tǒng)數(shù)據(jù)格式的兼容性，并且可以通過與現(xiàn)有系統(tǒng)并行，在短時間內(nèi)取代老系統(tǒng)，而且可以在不斷使用中與企業(yè)管理共同優(yōu)化進步。 （7）系統(tǒng)開發(fā)環(huán)境 針對企業(yè)的具體需求，在開發(fā)該系統(tǒng)時選用了以下開發(fā)環(huán)境： （8）平臺選擇 系統(tǒng)采用Client/Server結(jié)合Browser/Serv

24、er的體系結(jié)構(gòu)，支持各種網(wǎng)絡拓撲結(jié)構(gòu)及多種網(wǎng)絡協(xié)議，包括TCP/IP等。 （9）服務器 硬件環(huán)境：根據(jù)企業(yè)信息量大小選擇相應的網(wǎng)絡服務器或小型機。 軟件環(huán)境：風格WindowsNT、UNIX等 （10）客戶端 硬件環(huán)境：PC586以上，建議64M內(nèi)存或以上； 軟件環(huán)境：中文Windows98/2000/XP/，IE4.0以上瀏覽器。 （11）編程語言 網(wǎng)站采用了當今流行的所見即所得的網(wǎng)頁制作三劍客（即Dreamweaver、Fireworks和Flash）及ASP服務器腳本技術。 （12）后臺數(shù)據(jù)庫 鑒于公司網(wǎng)站極高的數(shù)據(jù)庫安全需求,該系統(tǒng)采用大型的SQL Server 數(shù)

25、據(jù)庫。 二、網(wǎng)站具體功能的實現(xiàn) 我公司是家專業(yè)為企業(yè)量身策劃制作網(wǎng)站的互聯(lián)網(wǎng)企業(yè)（我公司已成功策劃制作了諸如寧夏紅、華星影院、、三江金客汽車銷售公司、北京駿寶威汽車銷售公司、中國尋醫(yī)尋藥等大型企業(yè)的網(wǎng)站），其具體網(wǎng)絡功能均已實現(xiàn)功能模塊化設計。基于貴公司網(wǎng)上商城的整體架構(gòu)，其可采用以下功能模塊實現(xiàn)： 智能網(wǎng)站系統(tǒng) 新聞發(fā)布系統(tǒng) 產(chǎn)品數(shù)據(jù)庫系統(tǒng) 會員系統(tǒng) 人才招聘系統(tǒng) 站內(nèi)搜索系統(tǒng) 權(quán)限管理系統(tǒng) 數(shù)據(jù)備份系統(tǒng) 流量分析系統(tǒng) 廣告系統(tǒng) 留言板 網(wǎng)上調(diào)查系統(tǒng) 第五章 結(jié)論 網(wǎng)頁制作注意事項： 1、網(wǎng)頁制作的原則 　　通常遵循的三個基本原則：內(nèi)容、速度和美觀。 　

26、　內(nèi)容是最重要的，一個成功的網(wǎng)頁首先在內(nèi)容上有吸引力。所以首先應該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和用戶需求。整個設計都應該圍繞這些方面來進行。 　　在確定內(nèi)容的基礎上，盡量提高速度十分必要，以免影響網(wǎng)站的訪問量。要提高速度有時必須犧牲頁面美觀，拋棄太大的圖片或者動畫。 　　在以上兩點為前提的情況下，再考慮頁面的美觀性，提高網(wǎng)頁的親和力。這要求設計者有較高的創(chuàng)意，懂得使用眾多的工具軟件。 2、關于網(wǎng)頁導航 　　主頁的一個很重要的功能就是導航，指引用戶查閱信息?；谇逦鞔_和速度的考慮，主頁上的超級鏈接應限于幾個大的類別。 　　此外，超級鏈接的層數(shù)不能太多，不能超過4層。應在廣度和深度之間

27、求取平衡。 3、關于網(wǎng)頁布局 　　網(wǎng)頁的布局一定要簡潔清晰，以最少的元素表達最多的信息。一個頁面應該只有一個重點的屏幕元素作為頁面的主體，它可以是文字塊或圖像，具體隨內(nèi)容而定。其他屏幕元素不應比主體元素更醒目，而應該圍繞主體，突出主體。 4、關于表格 　　現(xiàn)在許多門戶網(wǎng)站的布局方式往往應用表格，使網(wǎng)頁內(nèi)容整齊合一。不要將網(wǎng)站內(nèi)容簡單的羅列，要注意多用表格把內(nèi)容的層次性和空間性突出顯示出來，以便重點突出，結(jié)構(gòu)分明。 5、關于圖形 　　圖形是WWW網(wǎng)站的特色之一，是兩大網(wǎng)頁元素之一，它帶有醒目、吸引人以及傳達訊息形象的功能，應用好的圖形可以使網(wǎng)頁增色不少，但圖形應用不當則會帶來反效果。

28、 使用圖形時應盡量縮小或省略圖形，且一定要考慮傳輸時間的問題。一般超過90秒鐘的傳輸會使瀏覽者放棄打開頁面。因此必須依據(jù)HTML文件、圖形文件的大小，考慮傳輸速率、延遲時間、網(wǎng)絡交通狀況，以及服務端與客戶端的軟硬件條件，估算網(wǎng)頁的傳輸與顯示時間。 在圖形使用上，盡量采用瀏覽器支持的壓縮圖形格式，目前因特網(wǎng)上大多使用Gif和Jpeg格式的圖象。在這兩種圖像中JPEG的壓縮效果較好，適合中大型的圖形，以節(jié)省傳輸時間。給圖像加上替代文字及低分辨率圖像替代也很重要。 6、關于背景 　　在頁面上添加背景圖案，雖可增加美觀，但卻會耗費傳輸時間，且有時影響視覺，反而給人不好的印象。若沒有絕對必要，最

29、好避免，保持干凈清爽的背景。 7、關于動畫 　　動畫很耗費系統(tǒng)資源，使操作較困難，網(wǎng)頁中應使用盡量少的動畫，F(xiàn)lash動畫雖然有許多優(yōu)點，但需要瀏覽者的電腦安裝插件，多采用Gif動畫，其文件格式要小得多。 閃爍的文字也不能應用太多，以免給人眼花繚亂的感覺。 8、關于頁面 　　頁面的長度要適中，因為長頁面的傳輸時間明顯比短頁面的傳輸時間長。而且長文本的頁面閱讀不便，單頁不易放置過多的文字。且不要把重要的內(nèi)容放到頁尾，訪問者注重頁面頭部，尾部可能來不及看就跳轉(zhuǎn)啦。 　　整個頁面的風格要統(tǒng)一，網(wǎng)頁上所有的圖像、文字，包括背景色、分隔線、字體、標題、注腳等，要統(tǒng)一風格，貫穿全站，給瀏覽者一

30、個專業(yè)的 參考文獻 1. 互聯(lián)網(wǎng)天地。2008年第01期 2. 商界導刊。2011年第11期 3. 信息網(wǎng)絡安全。2008年第85期 4. 電腦愛好者。2008年第07期 5. 計算機應用文摘。2007年 6. 江曉明。李玲。電子商務。2011年12期 7. 計算機系統(tǒng)應用。中國科學院主辦 8. 劉浩．在NT網(wǎng)中組建自己的Web站點 9. 精美網(wǎng)頁特效設計技巧精粹 2006年出版 10. 動態(tài)網(wǎng)頁設計培訓教程 2008年出版 11. JavaScript基礎與實踐教程 2008年 12. 網(wǎng)頁樣式設計――CSS使用詳解 13. 網(wǎng)站翻譯書籍 14. 英

31、語沙龍 15. 瘋狂英語 致謝 通過這次個人網(wǎng)站設計，使我增加了很多的知識，也掌握了很多網(wǎng)頁設計的操作技巧，由于工作量太大，因此只做了主頁及一個分頁。雖然仍有很多不足之處，有在改良和增進，但這以不重要，重要的是我對網(wǎng)頁的設計又有了更深的了解。這次畢業(yè)設計過程中，得到了很多的網(wǎng)絡設計朋友的幫助和老師的指點，才得以完成，他們給我提供了很多有關網(wǎng)頁設計的書和材料，并抽出時間幫我修改與糾正，在此表示衷心的感謝！ 附 錄 Flash:

32、row:yes;height:228.75pt>