【正文】 最新消息、動態(tài) 等信息內(nèi)容，使 我的朋友 對 我有 一個詳細 的了解。 一個好的網(wǎng)站不僅宣傳了 我個人 還可以加大人們對 我 的認識， 松松個人網(wǎng)站 可以通過建立 消息 平臺，借助網(wǎng)絡推廣 個人 的形象、宣傳 個人最新信息 、發(fā)布 個人最新動態(tài) ，同時通過信息反饋使 我 更加了解 他人對我的關注 。隨著全球信息網(wǎng)絡的發(fā)展，Inter 在世界上已不僅僅是一種技術(shù)，更重要的是它已成為一種新的 交友方式 。 二、 充分利用網(wǎng)絡快捷、跨地域優(yōu)勢進行信息傳遞，對 我個人 的近況進行及時的展示 。 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 2 第一章 網(wǎng)站概述 一、 個人網(wǎng)站設計的理論基礎 信息時代已經(jīng)來臨，互聯(lián) 網(wǎng)的觸角早已覆蓋了這個世界的每個角落，如今， 個人建立自己的網(wǎng)站已經(jīng)成為一種 生存 在信息時代的必要手段 一個展示個人能力的網(wǎng)站，在整個網(wǎng)站的建設規(guī) 劃方面要明確。 對 于網(wǎng)站的設計者來說，在設計規(guī)劃網(wǎng)站時必須要明確自己網(wǎng)站的瀏覽者，確定自己的用戶群體。 同時也為個人 信息瀏覽 提供了 方便 ，所以， 我個人 建立網(wǎng)站的意義 如下 : 擁有自己的域名，建立自己的網(wǎng)站，樹立 自己在網(wǎng)絡 中的完美形象。 宣傳 個人 ， 大多數(shù) 的人是通過上網(wǎng) 來了解他人的 ，可見 個人 網(wǎng)站已成為許多人 接觸他人、了解他人 相關信息的選擇。 可以通過網(wǎng)站建立與 他人 溝通的便捷渠道，全面展示 自己的形象 。 豐富 宣傳 手段， 網(wǎng)站可以滿足一部分 用戶 網(wǎng)上查詢與 了解 的需要。我們所處的時代是高度信息化的互聯(lián)網(wǎng)時代，互聯(lián)網(wǎng)正 在滲透到我們生活中的方方面面，并且在以十倍甚至百倍的速度提高著我們的工作效率?？梢哉f互聯(lián)網(wǎng)時代是一個資源和財富再分配的時 代。對于 個人 來說，其具有網(wǎng)絡溝通能力的標志是 自己 擁有自己的獨立網(wǎng)站。它集網(wǎng)頁設計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設計、開發(fā)、制作的首選工具。 可視化編輯界面 Dreamweaver 是一種 所見即所得的 HTML 編輯器，可實現(xiàn)頁面元素的插入和生成。無論用戶習慣手工輸入 HTML 源代碼還是使用可視化的編輯界面， Dreamweaver 都能提供便捷的方式使用戶設計網(wǎng)頁和管理網(wǎng)站變得更容易。動態(tài)跨瀏覽器有效性檢查功能可以自動核對 tags 和 CSS 規(guī)則是否適應目前的主瀏覽器。 豐富的媒體支持能力 可以方便地加入 Java、 Flash、 Shockwave、 ActiveX 以及其他媒體。 Dreamweaver還提供行為和時間線兩種控件來產(chǎn)生交互式響應和進行動畫處理。 （二） Photoshop CS Photoshop CS 是一款圖形、 圖像編輯軟件，在網(wǎng)頁設計領域被廣泛得應用。搜索或編輯圖像的數(shù)據(jù)元或關鍵詞 。 匹配顏色命令 可以迅速從一張圖片的顏色校正另外一張圖像的顏色。 陰影 /加亮區(qū)修正 使用 “ 陰影 /加亮區(qū)修正 (hadow/Highlight correction)” 可以快速調(diào) 整照片中曝光過渡或欠缺的區(qū)域。 支持數(shù)碼相機的 raw模式 支持多款數(shù)碼相機 的 raw 模式，讓用戶可以得到更真實的圖像輸入。 Layer Comps 可以在一個文件中保存不同層的合并效果，以便對各種效果進行快速察看。 自定義快捷鍵 用戶可以按照自己的習慣定義 Photoshop 的快捷鍵。 ASP是微軟公司開發(fā)的代替 CGI 腳本程序的一種應用 ,它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP 采用腳本語言 VBScript(Java script)作為自己的開發(fā)語言。使用 ASP 可以組合 HTML 頁、 VBScript 腳本命令和 JavaScript 腳本命令等，以創(chuàng)建交互的 Web 頁和基于 Web 的功能強大的應用程序。利用 ASP 可以向網(wǎng)頁中添加交互式內(nèi)容 (如在線表單 )，也可以創(chuàng)建使用 HTML 網(wǎng)頁作為用戶界面的 web 應用程序。一個 .asp文件是一個文本文件，可 以包括下列元素的任意組合： 文本 (text)、 HTML 標志(tags)、 Script 命令 。所以不必擔心瀏覽器能否處理腳本： Web 服務器已經(jīng)完成了所有腳本的處理，并將標準的 HTML 頁面?zhèn)鬏數(shù)綖g覽器。用戶看不到創(chuàng)建他們正在瀏覽的頁的腳本命令 。 SQL Server 2020 數(shù)據(jù)庫引擎提供完整的 XML 支持。 SQL Server 2020 程序設計模型與 Windows DNA 構(gòu)架集成，用以開發(fā) Web 應用程序，并且 SQL Server 2020 支持 English Query 和 Microsoft 搜索服務等功能，在 Web 應用程序中包含了用戶友好的查詢和強大的搜索功能。同一個數(shù)據(jù)庫引擎可以在不同的平臺上使用，從運行 Microsoft Windowsamp。 98 的便攜式電腦，到運行 Microsoft Windows 2020 數(shù)據(jù)中心版的大型多處理器服務器。 企業(yè)級數(shù)據(jù)庫功能。數(shù)據(jù)庫引擎充分保護數(shù)據(jù)完整性，同時將管理上千個并發(fā)修改數(shù)據(jù)庫的用戶的開銷減到最小。復制同樣使您得以維護多個數(shù)據(jù)復本，同時確保單獨的數(shù)據(jù)復本保持同步。 、部署和使用。 SQL Server 2020 還支持基于標準的、與 Windows DNA 集成的程序設計模型，使 SQL Server 數(shù)據(jù)庫和數(shù)據(jù)倉庫的使用成為生成強大的可伸縮系統(tǒng)的無縫部分。 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 6 第二章 網(wǎng)站需求分析 一、用戶需求 經(jīng)過對廣大 網(wǎng)民的 詳細調(diào)查，加深了 對 個人網(wǎng)站的 深刻了解，與此同時，將整個個人 網(wǎng)站的 流程 描述如下： 作為 松松個人網(wǎng)站的界面 ，要求界面友好，視覺效果美觀。 頁面簡單方便，支持在線留言功能。 以下是 個人網(wǎng)站 必須具備的功能： 對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。記住：在互聯(lián)網(wǎng)上只有第一，沒有第二！ “風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就形成了網(wǎng)站的“風格”。在系統(tǒng)設計和開發(fā)過程中，要充分考慮系統(tǒng)當前和將來可能承受的工作量，使系統(tǒng)的處理能力和響應時間能夠滿足學校對信息處理的需求。例如用戶留言的需求也會不斷的更新和完善。所有這些都要符合主流國際、國家和行業(yè)標準。這一方面通過系統(tǒng)的開放性和可擴充性，不斷改善系統(tǒng)的功能完成。長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 8 第三章 個人網(wǎng)站的設計構(gòu)思 一、 個人網(wǎng)站的主題與風格 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設計制作出優(yōu)秀的作品。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來 高強度的勞動，給網(wǎng)站的及時更新帶來困難。這個“整體形象”包括站點的 CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。 風格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫 文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是一成不變的。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風格的東西?？傊L格的形成不是一次定位的，你可以在實踐中不斷強化、調(diào)整、改進。作為網(wǎng)頁設計制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意， 網(wǎng)絡上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結(jié)合。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶 ，記得“內(nèi)容為王”。 圖 二、二級頁面的設計 （一）、 個人 展示 在導航菜單中點擊“ 個人 展示”，可鏈接到產(chǎn)品展示的功能模塊，即可瀏覽全部的 個人信息 。 如圖 所示 圖 在線留言 （三）、網(wǎng)站后臺管理界面 圖 網(wǎng)站后臺管理界面 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 11 三、數(shù)據(jù)庫的設計 （一）、數(shù)據(jù)庫的需求分析 進行整個數(shù)據(jù)庫設計必須準確了解與分析用戶需求（包括數(shù)據(jù)和處理）。作為最基本的需 求分析做得是否充分與準確，決定了在其構(gòu)建數(shù)據(jù)庫的速度和質(zhì)量。收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)及數(shù)據(jù)處理的流程，組成一份詳盡的 數(shù)據(jù)字典，為后面的具體設計打下基礎。 （二）、數(shù)據(jù)庫的物理設計 依據(jù)數(shù)據(jù)庫的原理，即可進行數(shù)據(jù)庫的物理設計。本系統(tǒng)決定采用一個數(shù)據(jù)庫， 數(shù)據(jù)庫如下： 圖 數(shù)據(jù)庫的物理設計 （一） 圖 數(shù)據(jù)庫的物理設計（二） 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 12 （三）網(wǎng)站實現(xiàn)代碼 利用 javascript 腳本語言實現(xiàn)圖片輪換 table cellspacing = 0 cellpadding = 0 width=940 align=center border=0 tbody tr td align=middleSCRIPT language=javascript type=text/javascript var imgWidth=940。 //圖片高 var textFromHeight=0。 //焦點字 class style (不是連接 class) var textLinkStyle=p1。 //button 下劃線 on 的顏色 var buttonLineOff=dbdbdd。 //每張圖切換時間 (單位毫秒 )。 var imgLink=new Array()。var imgAlt=new Array()。var adNum=0。 var firstTime=true。style type=text/css39。 (39。+(imgWidth)+39。 padding:0px。+(imgHeight+textFromHeight)+39。 overflow:hidden。)。txtFrom{height:39。px。+textFromHeight+39。width:39。px。}39。 (39。+imgWidth+39。+(textFromHeight+23)+39。height:18px}39。 (39。)。div id=focuseFrom39。 /SCRIPT SCRIPT language=javascript type=text/javascript imgUrl[1]=39。 imgtext[1]=39。 imgLink[1]=39。模板王 39。proimg/39。JS 代碼 39。 imgAlt[2]=39。 imgUrl[3]=39。 imgtext[3]=39。 imgLink[3]=39。導航菜單 39。proimg/39。Flash+XML39。 imgAlt[4]=39。 imgUrl[5]=39。 imgtext[5]=39。 imgLink[5]=39。模板王 39。 include ../config/。 include ../config/。 $userid=$_SESSION[39。]。page_now39。 if(strlen($page_now)1){ $page_now=1。 $page_recs=15。 $total_user=mysql_num_rows($rec)。 長春瑄瑄情商樂園畢業(yè)設計 專用紙 網(wǎng)址 14 if($page_now$pages){ $page_now=$pages。 if($pages1){ $after_page=$page_now+1。 } }else{ $before_page=$page_now1。 }else{ $after_page=$pages。 $tmpi=0。 } $tmpnum=$i。id39。 $userarray[$tmpi][39