個人網(wǎng)站畢業(yè)論文終稿
遼寧省高等教育自學考試 軟件技術(shù) 專業(yè)(本科段)N ORTHEASTERN UNIVERSITY畢業(yè)設計(論文) G RADUATE D ESIGN (T HESIS)設計(論文) 題目
遼寧省高等教育自學考試 軟件技術(shù) 專業(yè)(本科段)
N ORTHEASTERN UNIVERSITY
畢業(yè)設計(論文) G RADUATE D ESIGN (T HESIS)
設計(論文) 題目 個 人 網(wǎng) 站 設 計
準考證號 011311300584
學 生 鄭 婷 指導教師 李 萍
2012 年 日 月
,個 人 網(wǎng) 站 設 計
摘 要
計算機網(wǎng)絡技術(shù)和信息技術(shù)的飛速發(fā)展帶來的影響迅速波及到教育界，作為信息資源的數(shù)據(jù)庫、遠程教學以及新型學習方式的支撐環(huán)境，因特網(wǎng)的作用越來越受到教育界人士的關(guān)注。無論是教育界的專家、學者還是置身教育改革浪潮中的教師和學生都在嘗試著基于網(wǎng)絡的全新的教育理念、教育方法和學習方式。教學網(wǎng)站正是在這種背景下孕育和產(chǎn)生的。教學網(wǎng)站既是網(wǎng)絡教育信息資源的重要組成部分，又是新型教育、學習方式的支撐平臺。教學網(wǎng)站是利用現(xiàn)代的網(wǎng)絡技術(shù)建立起來的、具有一定教學功能的網(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)在的網(wǎng)絡上比較普遍，商業(yè)網(wǎng)站設計中動態(tài)性原則和交互性的原則，商業(yè)網(wǎng)站中視覺流程心理因素的運用也很重要，還有頁面的立體感以及細節(jié)的處理，能更清楚商業(yè)網(wǎng)站界面的設計與分析。
關(guān)鍵詞：本文的關(guān)鍵詞：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 education 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 students 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. Teaching 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 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 today's network is relatively common, commerce dynamic Web site design principles 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 ：
,目 錄
摘要………………………………………………………………………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主頁設計??????????????????????? 7
3.2計數(shù)器的設計?????????????????????10
3.3在線聽音樂的設計 ??????????????????10
第四章 網(wǎng)站系統(tǒng)的實現(xiàn)??????????????????12
第五章 緒論 ??????????????????????15參考文獻 ????????????????????????17致謝 ??????????????????????????18
,第一章 緒論
1.1 課題的研究背景
1.2 課題研究的目的和意義
1.3 課題采用的技術(shù)手段
隨著計算機軟硬件的極速發(fā)展，人類已經(jīng)進入了信息社會，網(wǎng)絡已和報紙、電視、廣播齊明成為四大媒休之一，網(wǎng)絡也成了現(xiàn)在人們生活中信息來源的一個重要的來源。而獲取信息需要通過internet 在網(wǎng)站上搜索、瀏覽、下載等方式獲得。網(wǎng)站的建設也成為信息的源頭，能為大家提供學習的平臺，給大家一個交流、學習的機會，是大部分制作個人網(wǎng)站的初衷，同時也是大型商業(yè)網(wǎng)站的起步雛形?，F(xiàn)在社會上很多人也把網(wǎng)絡看成是學習的重要途徑之一，所以在網(wǎng)上搭建一個供大家學習交流的平臺是構(gòu)建本站的目的。
開發(fā)工具的介紹：
asp
Active Server Pages ：“動態(tài)服務器網(wǎng)頁”，一般簡稱為“ASP”，ASP 之所以能受到大家的重視與使用的原因，主要在于所產(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ū)ο螅ǎ?/p>
object-Oriented ）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內(nèi)建對象：Request 、Response 、Sever 、Application 以及Session ，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。
,dreamweaver
Dreamweaver 是Macromedia 公司最新推出的可視化的網(wǎng)頁設計和網(wǎng)站管理工具，支持最新的Web 技術(shù)，包含HTML 檢查、HTML 格式控制、HTML 格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash 和Shockwave 等富媒體格式和動態(tài)HTML 、基于團隊的Web 創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。
forntpage
Frontpage是較好的網(wǎng)頁制作工具，基本上實現(xiàn)了所見即所得的工作方式，即使你不懂HTML 語言，也能制作出專業(yè)效果的網(wǎng)頁。如果你是高手，也可以在HTML 窗口里直接寫入代碼，再切換到preview 窗口看效果。
Frontpage 提供了許多先進技術(shù)，如主題，共享邊界，層疊樣式單，動態(tài)HTML ，框架，推與頻道定義，ActiveX ，Java applet等.
由于是office 中的一個組件，簡單易用且與其它office 組件聯(lián)系緊密可以直接插入表格及WORD 文檔等。
第二章 網(wǎng)站總體設計
2.1網(wǎng)站系統(tǒng)分析
根據(jù)前面的設計思想進行分析，按照系統(tǒng)開發(fā)的程序?qū)W(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：主頁及六大板塊分頁。其中主頁中包含有計數(shù)器，以計算本站的訪問量。分頁為flash 欣賞、音樂轉(zhuǎn)盤、影視星空、電腦技巧、給我留言、技術(shù)論壇六大版塊。由于申請的主頁空間不支持ASP, 所以做好網(wǎng)頁后，只能改為后綴為html 的文件。
2.2網(wǎng)站功能設計
由于本網(wǎng)站建站初衷就是給業(yè)余愛好者一個學習的平臺，所以在模塊設計上除了學習方面，在娛樂方面也占了很大的篇幅：
電腦技巧：針對電腦常發(fā)生的故障排除方法及一些Windows 的內(nèi)部命令介紹 Flash 欣賞：現(xiàn)時比較好看流行的經(jīng)典FLASH ，點擊即可觀看，并上傳了一些畫面。
音樂轉(zhuǎn)盤：主是對學習之余聽聽現(xiàn)在比較流行的歌曲。
影視星空：對近期網(wǎng)上流行的經(jīng)典大片做描述及放置連接，點擊可下載。
,給我留言：為增進交流可以多提建議及留下觀后感。
技術(shù)論壇：是為愛好者提供另一個更完善的平臺，由于時間有限，只做了一個“外形”
2.3網(wǎng)站構(gòu)架
本站在制作時采用統(tǒng)一的模版，用表格進行了分區(qū)，頂部設置統(tǒng)一的圖版及本站的圖標。正頁部分可根據(jù)內(nèi)容的不同再進行分格處理。但因申請的免費空較小，因此不能把大型文件傳至空間，特別音樂轉(zhuǎn)盤、影視星空這兩個欄目只能做文字介紹及貼上其它網(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 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)接關(guān)聯(lián)主頁和分頁，在底部放置一張FLASH 圖片以增加整個網(wǎng)站的生動性。
3.1.5主頁簡圖
3.2 計數(shù)器的設計
如果用frontpage 直接插入計數(shù)器的方法，上傳到空間后，顯示不出，原因是由于此申請的免費空間不支持frontpage 擴展，因此采用ASP 編程的方式實現(xiàn)訪問者第幾次光臨本站。首先在代碼的起始部分寫如下代碼：
<
dim num ’先定義一個變量
num=request.cookies("num") ’從客戶端獲取COOKIES 變量并賦值給num 變量
if num="" 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 過期日期 >
當然此網(wǎng)頁也必須保存為index.asp 。只是由于上傳的空間不支持asp 所以只能在本地機上試看。
3.3在線音樂試聽的編輯
由于空間小，所以只能通過鏈接其它網(wǎng)站的在線視聽，通過百度的MP3鏈接后把主頁上的音樂轉(zhuǎn)盤中的各文字超級鏈接上即可。點擊后直接調(diào)用Windows media player 來進行播放。
3.3.1首先打開百度搜出所需歌曲如下圖：