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