畢業(yè)論文--湖南文理學(xué)院假日活動同盟網(wǎng)站設(shè)計說明

1、文理學(xué)院假日活動聯(lián)盟的設(shè)計 摘要:本文論述了假日網(wǎng)站的理念、建設(shè)、實施和應(yīng)用。因為我們學(xué)校沒有一個以假期活動為主題的網(wǎng)站，朋友們想在假期組織同學(xué)們參加各種活動相對比較麻煩。針對這一問題，網(wǎng)站分為文化、體育、公益、娛樂等五個活動板塊，對活動進行了詳細的分類，使其更容易查找。每個板塊都有發(fā)布欄，用戶可以注冊登錄，在發(fā)布欄上發(fā)布發(fā)起的活動，讓其他同學(xué)可以第一時間看到活動信息。網(wǎng)站的構(gòu)思通過網(wǎng)站、Photoshop網(wǎng)頁設(shè)計、Dreamweaver構(gòu)建、Access數(shù)據(jù)庫的建立以及與IIS服務(wù)器的連接，最終確定網(wǎng)站。網(wǎng)站旨在為學(xué)生提供最完整、最準確的假期活動信息，充分發(fā)揮學(xué)生的興趣，使學(xué)生的校園生活更加

2、豐富多彩！關(guān)鍵詞:假日活動，網(wǎng)站，信息發(fā)布，瀏覽介紹在當(dāng)今高科技飛速發(fā)展的社會，互聯(lián)網(wǎng)已經(jīng)成為人們?nèi)粘Ｉ钪胁豢苫蛉钡臇|西。近十年來，隨著社會科技、文化和經(jīng)濟的發(fā)展，特別是計算機網(wǎng)絡(luò)技術(shù)和通信技術(shù)的大發(fā)展，人類社會由工業(yè)社會向信息社會過渡的趨勢越來越明顯，人們的信息意識和對信息資源開發(fā)利用的重視程度日益提高，有力地刺激了互聯(lián)網(wǎng)的發(fā)展。隨著信息技術(shù)的發(fā)展，特別是互聯(lián)網(wǎng)技術(shù)的普及和應(yīng)用，網(wǎng)絡(luò)用戶不再滿足于網(wǎng)絡(luò)中松散的信息，而是更加渴望獲得相對集中的咨詢新聞、更加生動的表現(xiàn)形式、更加便捷的服務(wù)和更加自由的消費。在我們的日常生活中，我們也真切地感受到了互聯(lián)網(wǎng)技術(shù)發(fā)展的好處。如網(wǎng)上購物、電子支付、旅游預(yù)

3、訂、網(wǎng)上銀行、網(wǎng)上營銷、搜索、廣告、電子、即時通訊、游戲這些都與我們的生活息息相關(guān)。在校園里，互聯(lián)網(wǎng)受到年輕朋友的青睞。幾乎每個學(xué)生都有自己的聊天工具，如MSN、R、微博和博客。這也讓更多的年輕人熱衷于網(wǎng)絡(luò)中的虛擬世界，忽略了現(xiàn)實世界中人與人之間的交流。為了解決這個問題，建立一個校園假期活動勢在必行。這樣既能解決學(xué)生組織課外活動的推廣問題，又能促進學(xué)生之間的交流和理解，增強自身的組織能力和團隊精神。1概述1.1的歷史互聯(lián)網(wǎng)起源于美國國防部高級研究計劃管理局建立的APA網(wǎng)絡(luò)。(網(wǎng)站)是指互聯(lián)網(wǎng)上相關(guān)網(wǎng)頁的集合，利用HTML等工具按照一定的規(guī)則制作而成，用于展示特定的內(nèi)容。簡單來說，它是一種通訊工

4、具，人們可以通過它發(fā)布自己想要公開的信息，或者利用它提供相關(guān)的網(wǎng)絡(luò)服務(wù)。人們可以通過網(wǎng)絡(luò)瀏覽器訪問它，獲得他們需要的信息或享受網(wǎng)絡(luò)服務(wù)。網(wǎng)絡(luò)的性能通常從空間大小、位置、連接速度(俗稱“網(wǎng)速”)、軟件配置、服務(wù)提供等方面來衡量。最直接的衡量標準就是這個網(wǎng)絡(luò)的真實流量。1.2發(fā)展在互聯(lián)網(wǎng)的早期，只能保存簡單的文本。經(jīng)過幾年的發(fā)展，萬維網(wǎng)出現(xiàn)后，圖像、聲音、動畫、視頻，甚至3D技術(shù)開始在互聯(lián)網(wǎng)上普及，逐漸發(fā)展成我們現(xiàn)在看到的圖文并茂的樣子。通過動態(tài)web技術(shù)，用戶還可以與其他用戶或管理人員進行交流。有些還提供電子服務(wù)。很多公司都有自己的，用它們做宣傳，產(chǎn)品信息發(fā)布，招聘等等。隨著網(wǎng)頁制作技術(shù)的普及，

5、許多個人也開始制作個人主頁，主頁通常是制作人介紹自己和展示個性的地方。也有公司提供專業(yè)的企業(yè)制作。通常情況下，這些公司提供信息、服務(wù)、nnt、新聞、旅游、娛樂、經(jīng)濟等等人們生活的方方面面。1.3的組成域名+空間服務(wù)器+程序=1.3.1域名域名是互聯(lián)網(wǎng)上計算機或計算機組的名稱，由一串用點分隔的字母組成。它用于在數(shù)據(jù)傳輸過程中識別計算機的電子位置(有時是地理位置)。目前，域名已經(jīng)成為互聯(lián)網(wǎng)品牌和網(wǎng)絡(luò)商標保護的必備產(chǎn)品之一。DNS規(guī)定，域名中的所有標簽都由英文字母和數(shù)字組成，每個標簽不超過63個字符，不區(qū)分大小寫字母。標簽中除了連字符(-)不能使用標點符號。最低級別的域名寫在最左邊，最高級別的域名寫

6、在最右邊。由多個標簽組成的完整域名總共不應(yīng)超過255個字符。近年來，一些國家也開發(fā)和使用本國語言的域名，如德語和法語。中國也開始使用中文域名，但可以預(yù)計的是，在未來很長一段時間內(nèi)，英文為主的域名(即英文域名)在中國仍將是主流，中文域名備案比較麻煩，但如果備案的話，使用中文域名也是好的。1.3.2空間(虛擬主機)虛擬主機在網(wǎng)絡(luò)服務(wù)器上劃分出一定的磁盤空間，供用戶放置站點、應(yīng)用組件等。，并提供必要的站點功能、數(shù)據(jù)存儲和傳輸功能。所謂虛擬主機，也叫“空間”，就是把一個運行在互聯(lián)網(wǎng)上的服務(wù)器分成幾個“虛擬”的服務(wù)器。每個虛擬主機都有獨立的域名和完整的互聯(lián)網(wǎng)服務(wù)器(支持WWW、FTP、E-mail等。)

7、.虛擬主機是網(wǎng)絡(luò)發(fā)展的福音，極大地促進了網(wǎng)絡(luò)技術(shù)的應(yīng)用和普及。與此同時，虛擬主機租賃服務(wù)成為網(wǎng)絡(luò)時代的一種新的經(jīng)濟形式。租虛擬主機和租房差不多。程序就是腳本語言，比如asp，php，jsp，。網(wǎng)等。改成源代碼就是一堆按照一定格式寫的文字和符號，瀏覽器會幫我們翻譯成我們看到的樣子。2需求分析2.1問題研究目前我們學(xué)校還沒有一個以節(jié)日活動為主題的。每當(dāng)周末或假期來臨，學(xué)生的課外活動就會受到各種條件的限制，他們的青春和活力得不到充分的展示。想在我們學(xué)校開展一些活動，只能在校園里貼小廣告，不僅破壞了校園的和諧環(huán)境，還容易上當(dāng)受騙。一些活動的參與者主要集中在熟悉的同學(xué)和老鄉(xiāng)之間，讓同學(xué)們無法結(jié)識更多的有

8、識之士。更有甚者，因為有些同學(xué)找不到玩伴，只能對著電腦屏幕度過寶貴的大學(xué)時光。建立一個基于我校學(xué)生的活動，既解決了上述問題，又方便快捷，一定會受到學(xué)生的歡迎。2.2目標用戶這門課程的使用者主要是文理學(xué)院的學(xué)生。我們要充分發(fā)揮所提供的互動性，同時虛心采納同學(xué)們提出的意見和建議，努力做好工作，吸引更多本校同學(xué)前來參觀。2.3需求分析需求分析的目的是獲取或描述系統(tǒng)需求中的每個功能需求，通過分析確定系統(tǒng)能做什么，誰將使用系統(tǒng)。本次活動分為文化活動、體育活動、公益活動、娛樂活動、其他活動五大板塊，可以幫助游客快速準確地找到所需的活動，還可以進行活動的注冊和發(fā)布。用戶找到需要的活動后，可以查到負責(zé)人、活動

9、時間、地點、活動容量、聯(lián)系方式等等。為了保證活動的真實性，管理員還會對發(fā)布的活動進行審核，必要時進行修改和刪除。3開發(fā)工具介紹3.1 Adobe Photoshop CS5Photoshop是Adobe最著名的圖像處理軟件之一，集圖像掃描、編輯、圖像制作、廣告創(chuàng)意、圖像輸入輸出于一體，深受平面設(shè)計師和計算機藝術(shù)愛好者的喜愛。作為Adobe的核心產(chǎn)品，Photoshop CS5最受關(guān)注。選擇Photoshop CS5的原因不僅是它將與Vista完美兼容，更重要的是，它有幾十個令人興奮的新功能，例如支持寬屏顯示的新布局，一個包含20多個窗口的dock，一個占地面積更小的工具欄，多張照片的自動全景生

10、成，靈活的黑白轉(zhuǎn)換，更容易調(diào)整的選擇工具，智能濾鏡，改進的消失點功能，以及對32位HDR圖像的更好支持。此外，自CS5以來，Photoshop首次分為兩個版本，即常規(guī)標準版和支持3D功能的擴展版。Photoshop的應(yīng)用范圍很廣，包括圖像、圖形、文本和視頻發(fā)布。Photoshop是網(wǎng)頁設(shè)計領(lǐng)域不可或缺的設(shè)計軟件。一個好的網(wǎng)絡(luò)創(chuàng)意絕不會留下圖片。只要涉及到圖像，就會用到圖像處理軟件，Photoshop自然成為網(wǎng)頁設(shè)計的一員。使用Photoshop不僅可以精確處理圖像，還可以將圖像制作成網(wǎng)頁動畫，上傳到網(wǎng)頁。3.2 Adobe Dreamweaver CS5Adobe Dreamweaver CS

11、5是一個集成了網(wǎng)頁制作和管理的所見即所得編輯器。Dreamweaver CS5是專為專業(yè)網(wǎng)頁設(shè)計人員開發(fā)的第一套可視化網(wǎng)頁開發(fā)工具。它可以輕松創(chuàng)建跨越平臺限制和瀏覽器限制的動態(tài)網(wǎng)頁。Dreamweaver可以使用動態(tài)HTML功能，而不是編寫一行代碼。它甚至可以在所有流行的平臺和瀏覽器中檢查用戶工作結(jié)果可能出現(xiàn)的錯誤。3.3 IIS服務(wù)器IIS是互聯(lián)網(wǎng)信息服務(wù)的縮寫，它是一個萬維網(wǎng)服務(wù)器。Gopher服務(wù)器和FTP服務(wù)器都包含在內(nèi)。IIS就是可以發(fā)布網(wǎng)頁，有ASP(Active Server Pages)、JAVA、VBscript生成的頁面，還有一些擴展功能。IIS支持一些有趣的東西，比如與編

12、輯環(huán)境的接口(Frontpage)，全文搜索功能(IndexServer)，多媒體功能(Net Show)。其次，IIS是Windows NT server 4.0提供的文件盒應(yīng)用服務(wù)器，是在Windows NT server上構(gòu)建Internet服務(wù)器的基本組件。它與Windows NT Server集成在一起，允許利用Windows NT Server的安全性建立一個功能強大、靈活的Internet/intranet站點，使用NTFS文件系統(tǒng)。IIS(Internet Information Server)是一種Web服務(wù)組件，包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器

13、，用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和發(fā)送等。它使得在網(wǎng)絡(luò)(包括互聯(lián)網(wǎng)和局域網(wǎng))上發(fā)布信息變得很容易。4開發(fā)技術(shù)簡介4.1 ASPASP是Active Server Page的縮寫，意思是“動態(tài)服務(wù)器頁面”。ASP是微軟開發(fā)的一個應(yīng)用程序，用來代替CGI腳本。它可以與數(shù)據(jù)庫和其他程序進行交互，是一種簡單方便的編程工具。ASP是一個服務(wù)器端腳本環(huán)境，可用于創(chuàng)建和運行動態(tài)網(wǎng)頁或Web應(yīng)用程序。ASP可以包含HTML標記、純文本、腳本命令和COM組件等。ASP可用于向網(wǎng)頁添加交互式內(nèi)容(如在線表單)，或創(chuàng)建使用HTML頁面作為用戶界面的web應(yīng)用程序。與HTML相比，ASP網(wǎng)頁具有以下特點:(1)使用

14、ASP可以突破靜態(tài)網(wǎng)頁的一些功能限制，實現(xiàn)動態(tài)網(wǎng)頁技術(shù)；(2)ASP文件包含在HTML代碼組成的文件中，易于修改和測試；(3)服務(wù)器端的ASP解釋器會在服務(wù)器端執(zhí)行ASP程序，并將結(jié)果以HTML格式發(fā)送到客戶端瀏覽器，這樣你就可以使用各種瀏覽器正常瀏覽ASP生成的網(wǎng)頁；(4)ASP提供了一些嵌入對象，可以讓服務(wù)器端腳本更加強大。比如，可以從web瀏覽器獲取用戶通過HTML表單提交的信息，用腳本處理信息，然后將信息發(fā)送到web瀏覽器；(5)ASP可以使用服務(wù)器端ActiveX組件來執(zhí)行各種任務(wù)，如訪問數(shù)據(jù)庫、發(fā)送電子郵件或訪問文件系統(tǒng)等。(6)由于服務(wù)器將ASP程序執(zhí)行的結(jié)果以HTML格式發(fā)回客

15、戶端瀏覽器，用戶不會看到ASP編寫的原程序代碼，可以防止ASP程序代碼被竊?。?ACCESS與SQL數(shù)據(jù)庫的便捷連接。4 . 1 . 1 ASP工作原理當(dāng)ASP功能被并入網(wǎng)站時，將會發(fā)生以下事情:(1)用戶在瀏覽器地址欄輸入URL，默認頁面擴展名為。asp；(2)瀏覽器向服務(wù)器發(fā)送請求；(3)服務(wù)器引擎開始運行ASP程序；(4)自頂向下處理ASP文件，執(zhí)行腳本命令和HTML頁面；(5)將頁面信息發(fā)送給瀏覽器。4.2 CSSCSS(Cascading Style Sheet)，中文翻譯為層疊樣式表，是一種用于控制網(wǎng)頁樣式并允許樣式信息與網(wǎng)頁內(nèi)容分離的標記語言。CSS在1996年被W3C批準并推薦

16、使用。簡單來說，CSS的引入是為了讓HTML語言更好的適應(yīng)頁面的藝術(shù)設(shè)計。它基于HTML語言，提供了豐富的格式化功能，如字體、顏色、背景和整體布局，網(wǎng)頁設(shè)計師可以為各種可視化瀏覽器設(shè)置不同的樣式，包括顯示器、打印機、打字機、投影儀和PDA。CSS的引入立刻引發(fā)了一個又一個網(wǎng)頁設(shè)計的新熱潮，用CSS設(shè)計的優(yōu)秀網(wǎng)頁層出不窮。4.3 JavaScriptJavaScript是一種具有面向?qū)ο竽芰Φ慕忉屝跃幊陶Z言。在語法結(jié)構(gòu)上，JavaScript的核心語言類似于C、C+和Java，都有if語句while循環(huán)和&運算符等程序結(jié)構(gòu)。然而，JavaScript和這些語言的相似之處僅僅是語法上的相似。Jav

17、aScript是一種松散類型的語言，也就是說，它的變量不必具有顯式類型。JavaScript中的對象將屬性名映射到任意屬性值。這樣它們更像是對象(在Perl中)。JavaScript中的OO繼承機制是基于遠游的，這與鮮為人知的Self語言非常相似，但與C+和Java繼承有很大不同。像Perl一樣，JavaScript是一種解釋性語言。4 . 3 . 1 JavaScript應(yīng)用JavaScript在Web瀏覽器中被廣泛使用。在這個環(huán)境中，通用的核心由對象擴展，對象允許腳本與用戶交互，控制Web瀏覽器，并修改瀏覽器窗口中出現(xiàn)的文檔內(nèi)容。這個JavaScript的嵌入式版本運行嵌入在HTML網(wǎng)頁中

18、的腳本。它通常被稱為客戶端JavaScript，以強調(diào)腳本是由客戶端計算機而不是web服務(wù)器運行的。5關(guān)系數(shù)據(jù)庫訪問簡介Microsoft Office Access是微軟發(fā)布的關(guān)系數(shù)據(jù)庫管理系統(tǒng)，是集成在微軟開發(fā)的產(chǎn)品升級Office系統(tǒng)中的集成軟件。之所以集成到Office中而不是Visual Studio中，是因為它比其他數(shù)據(jù)庫管理系統(tǒng)更容易學(xué)習(xí)，一個普通的計算機用戶就可以掌握和使用。而且最重要的是Access功能強大，足以滿足一般的數(shù)據(jù)管理和處理需求。Access可以訪問Access/Jet、Microsoft SQL Server、Oracle或任何ODBC兼容數(shù)據(jù)庫的數(shù)據(jù)。ODBC

19、(開放式數(shù)據(jù)庫連接)是微軟推出的工業(yè)標準。它是一個獨立于廠商的開放API應(yīng)用程序接口，可以跨平臺訪問各種個人電腦和小型機，與主機系統(tǒng)進行通信。作為一種工業(yè)標準，ODBC由大多數(shù)數(shù)據(jù)庫供應(yīng)商提供。大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供ODBC接口或支持，包括常用的SQL Server、Oracal、Informix等。，當(dāng)然還有訪問。5.1訪問的優(yōu)勢(1)存儲方式簡單，易于維護和管理。Access管理的對象包括表、查詢、窗體、報表、頁、宏和模塊，所有這些對象都存儲在帶有后綴(.mdb或者。accdb)，方便用戶操作管理。(2)面向?qū)ο驛ccess是一種面向?qū)ο蟮拈_發(fā)工具，它利用面向?qū)ο蟮?/p>

20、方法將數(shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各種對象中。它把一個應(yīng)用系統(tǒng)看成是由一系列對象組成的，為每個對象定義了一套方法和屬性來定義對象的行為和外國。用戶還可以根據(jù)需要擴展對象的方法和屬性。通過對象的方法和屬性來完成數(shù)據(jù)庫的操作和管理，大大簡化了用戶的開發(fā)工作。同時，這種面向?qū)ο蟮拈_發(fā)方法使得應(yīng)用程序的開發(fā)更加容易。(3)界面友好，操作簡單Access是一個可視化工具，但是它的風(fēng)格和Windows一模一樣。用戶想要生成對象并應(yīng)用，只需用鼠標拖拽即可，非常直觀方便。系統(tǒng)還提供了表格生成器、查詢生成器、報表設(shè)計器、數(shù)據(jù)庫向?qū)?、表格向?qū)А⒉樵兿驅(qū)?、表單向?qū)?、報表向?qū)У裙ぞ?，操?/p>

21、簡單，易于使用和掌握。(4)整合環(huán)境，處理各種數(shù)據(jù)信息。該環(huán)境基于Windows操作系統(tǒng)下的Access集成開發(fā)環(huán)境，集成了各種向?qū)Ш蜕善鞴ぞ?，大大提高了開發(fā)人員的工作效率，使建立數(shù)據(jù)庫、創(chuàng)建表格、設(shè)計用戶界面、設(shè)計數(shù)據(jù)查詢、打印報表等變得便捷有序。(5)功能強大。Access支持ODBC(開放式數(shù)據(jù)庫連接)。利用Access強大的DDE(動態(tài)數(shù)據(jù)交換)和OLE(對象的連接和嵌入)功能，可以在數(shù)據(jù)表中嵌入位圖、聲音、Excel表格和Word文檔，還可以建立動態(tài)數(shù)據(jù)庫報表和表單。Access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動態(tài)數(shù)據(jù)連接。使用數(shù)據(jù)庫訪問頁面對象生成HTML文件，很容易構(gòu)建In

22、ternet/Intranet應(yīng)用程序。(6)支持面廣，易于擴展，靈活性更大?？梢酝ㄟ^表格的方式打開EXCEL文件和格式化文本文件，這樣就可以利用數(shù)據(jù)庫的高效率來查詢和處理數(shù)據(jù)。還可以使用Access作為前臺客戶端，SQL Server作為后臺數(shù)據(jù)庫，開發(fā)大型數(shù)據(jù)庫應(yīng)用系統(tǒng)(如ADP)。簡而言之，Access是一個只能用來存儲數(shù)據(jù)的數(shù)據(jù)庫，也可以作為一個客戶端開發(fā)工具來開發(fā)數(shù)據(jù)庫應(yīng)用系統(tǒng)。也就是說，它既可以用來開發(fā)小型易用的軟件，也可以用來開發(fā)大型應(yīng)用系統(tǒng)。6設(shè)計分析6.1概述文理學(xué)院假期活動聯(lián)盟是針對文理學(xué)院學(xué)生的，旨在解決學(xué)生組織課外活動的困難。我給你設(shè)計的名字是“Go Wow”，意思是同

23、學(xué)們約好一起去參加活動。主頁的設(shè)計風(fēng)格簡潔大方，也體現(xiàn)了大學(xué)生的活力與激情。非常友好。用戶登錄后，根據(jù)提示，可以立即執(zhí)行所需操作。6.2功能劃分進入此頁面后，首頁分為文化活動、體育活動、公益活動、娛樂活動和其他活動。在導(dǎo)航欄的底部，還有一個相冊。點開相冊，你會看到美麗的校園風(fēng)景。如圖6-1所示。XX文理學(xué)院假期活動聯(lián)盟文化活動體育活動公益活動娛樂活動其他活動相冊圖6-1文理學(xué)院假期活動聯(lián)盟模塊6.3功能描述6.3.1文化活動棋類、書法、繪畫等各種文化活動都集中在這里。想發(fā)布和瀏覽活動的同學(xué)可以點擊這里找到自己想要的信息。6.3.2體育活動這里有各種各樣的體育活動，比如足球、籃球和乒乓球。想發(fā)布

24、和瀏覽活動的同學(xué)可以點擊這里找到自己想要的信息。6.3.3公益活動各種公益活動都集中在這里，比如義賣、捐款、義務(wù)勞動。想發(fā)布和瀏覽活動的同學(xué)可以點擊這里找到自己想要的信息。6.3.4娛樂活動這里有各種各樣的娛樂活動，如k歌、舞蹈、旅游等。想發(fā)布和瀏覽活動的同學(xué)可以點擊這里找到自己想要的信息。其他活動其他各種活動都集中在這里。想發(fā)布和瀏覽活動的同學(xué)可以點擊這里找到自己想要的信息。6.3.6相冊點開相冊，你會看到很多美麗的校園風(fēng)景。7詳細設(shè)計7.1頁面設(shè)計7.1.1主頁設(shè)計首頁就像一個人的形象，直接關(guān)系到第一印象。一個好的主頁能讓用戶第一時間體驗到不同。這個頁面設(shè)計使用的軟件是Photoshop

25、CS5。的首頁設(shè)計是藍色背景綠色主體的條形漸變，覆蓋藍色背景。以綠色絲帶式的導(dǎo)航條包裹在Logo底部，整體給人一種親近自然的感覺，看完之后感覺很舒服。首頁主要分為四個部分。第一部分是Logo，用橙色命名為“Go Wow”，象征年輕人的活力和熱情?！白咄邸毕旅嬗幸慌艩恐值男∨笥选Ｉ习氩糠质怯脩舻牡卿浐妥?，底色為藍色，起到裝飾作用。第二部分是導(dǎo)航欄。導(dǎo)航條的樣式是環(huán)繞頁面頂部的綠色絲帶，營造出一種立體感。導(dǎo)航欄分為首頁、文化、體育、公益、娛樂等六項。第三部分是主體部分。左邊是簡介，右邊是相冊。點擊照片進入照片欣賞頁面。第四部分是肯定的。如圖7-1所示。圖7-1主頁7.1.2分頁設(shè)計共有五個頁面

26、，分別是文化活動、體育活動、公益活動、娛樂活動和其他活動。為了操作方便，每個活動頁面的結(jié)構(gòu)基本相同，只是每個頁面的配色不同。每一頁的設(shè)計都采用了多重漸變和圖層蒙版的應(yīng)用，營造出通透的層次感，讓頁面不至于太過枯燥。在分頁的頁面結(jié)構(gòu)上，大致分為兩部分。第一部分是頁面頂部，左側(cè)是分頁主題，右側(cè)是其他分頁的導(dǎo)航。第二部分左側(cè)是活動信息表，列出了活動的主題和時間。點擊表格頂部的“更多”進入活動信息頁面，可以查看更多活動信息。右邊是發(fā)布欄。點擊發(fā)布欄后，如果用戶已經(jīng)登錄，他將能夠填寫活動發(fā)布表單。如果他沒有登錄，他將沒有瀏覽權(quán)限，將轉(zhuǎn)到用戶登錄頁面。登錄后，他可以發(fā)布活動信息。點擊“更多”，則進入活動信息

27、頁面，點擊活動信息的編號，就會看到活動的詳細信息，包括負責(zé)人、主題、時間、地點、活動容量、聯(lián)系方式，即5W1H。圖7-2顯示了娛樂頁面。圖7-2娛樂頁面7.1.3相冊設(shè)計在首頁點擊照片，就可以進入相冊瀏覽校園風(fēng)光。相冊采用JavaScript技術(shù)，照片會以飄飄的形式出現(xiàn)在用戶面前。移動鼠標時，照片也會隨著鼠標移動。點擊其中一張照片將其放大。如圖7-3所示。圖7-3校園風(fēng)光頁面切片用Photoshop設(shè)計好主頁和分頁頁面后，用Photoshop的裁剪工具將頁面切片，并以web和設(shè)備使用的格式、html和圖像格式存儲。當(dāng)您在Dreamweaver中打開它時，頁面將顯示為表格。刪除一些圖片，替換成背

28、景色或文字。對于大部分相同的區(qū)域，可以用剪出小區(qū)域來重復(fù)替換，以加快網(wǎng)頁下載速度。7.2數(shù)據(jù)庫設(shè)計7.2.1數(shù)據(jù)庫的分類本數(shù)據(jù)庫采用Access數(shù)據(jù)庫。根據(jù)實際情況，建立db1數(shù)據(jù)庫，包括以下數(shù)據(jù)表:(1)數(shù)據(jù)庫1用戶信息表(2)whfabu文化活動發(fā)布表(3)tyfabu體育活動發(fā)布表(4)gyfabu公益活動發(fā)布表(5)ylfabu娛樂發(fā)布形式(6)qtfabu其他活動發(fā)布表7.2.2數(shù)據(jù)庫的具體設(shè)計(1)數(shù)據(jù)庫1用戶信息表，包含用戶的基本信息，用戶注冊時要填寫。具體設(shè)計見表7-1。表7-1數(shù)據(jù)庫1用戶信息表字段名數(shù)據(jù)類型解釋編號自動編號數(shù)字名字文本顯示當(dāng)前工作目錄文本密碼性文本性別年齡數(shù)

29、字年齡電話數(shù)字電子郵件文本家鄉(xiāng)文本家鄉(xiāng)正確文本權(quán)限震顫性精神錯亂（Delirium Tremens的縮寫）日期/時間注冊日期(2)whfabu文化活動發(fā)布表，包含文化活動的詳細信息，用戶發(fā)布活動時填寫。具體設(shè)計見表7-2。表7-2 whfabu文化活動發(fā)布表字段名數(shù)據(jù)類型解釋編號自動編號數(shù)字當(dāng).的時候日期/時間工字續(xù)時間在哪里文本活動地點誰文本代表什么文本主題為什么文本活動能力怎么文本其他準備工作震顫性精神錯亂（Delirium Tremens的縮寫）日期/時間發(fā)布日期(3)tyfabu體育活動發(fā)布表單，包含體育活動的詳細信息，在用戶發(fā)布活動時填寫。具體設(shè)計見表7-3。表7-3 tyfabu體

30、育活動發(fā)布表字段名數(shù)據(jù)類型解釋編號自動編號數(shù)字當(dāng).的時候日期/時間工字續(xù)時間在哪里文本活動地點誰文本代表什么文本主題為什么文本活動能力怎么文本其他準備工作震顫性精神錯亂（Delirium Tremens的縮寫）日期/時間發(fā)布日期(4)gyfabu公益活動發(fā)布表，包含公益活動的詳細信息，用戶發(fā)布活動時需要填寫。具體設(shè)計見表7-4。表7-4 whfabu文化活動發(fā)布表字段名數(shù)據(jù)類型解釋編號自動編號數(shù)字當(dāng).的時候日期/時間工字續(xù)時間在哪里文本活動地點誰文本代表什么文本主題為什么文本活動能力怎么文本其他準備工作震顫性精神錯亂（Delirium Tremens的縮寫）日期/時間發(fā)布日期(5)ylfabu

31、娛樂發(fā)布表，包含娛樂活動的詳細信息，用戶發(fā)布活動時填寫。具體設(shè)計見表7-5。表7-5 whfabu文化活動發(fā)布表字段名數(shù)據(jù)類型解釋編號自動編號數(shù)字當(dāng).的時候日期/時間工字續(xù)時間在哪里文本活動地點誰文本代表什么文本主題為什么文本活動能力怎么文本其他準備工作震顫性精神錯亂（Delirium Tremens的縮寫）日期/時間發(fā)布日期(6)qtfabu其他活動發(fā)布表，包含其他活動的詳細信息，用戶發(fā)布活動時需要填寫。具體設(shè)計見表7-6。表7-6 whfabu文化活動發(fā)布表字段名數(shù)據(jù)類型解釋編號自動編號數(shù)字當(dāng).的時候日期/時間工字續(xù)時間在哪里文本活動地點誰文本代表什么文本主題為什么文本活動能力怎么文本其他準備工作震顫性精神錯亂（Delirium Tremens的縮寫）日期/時間發(fā)布日期7.3 Dreamweaver網(wǎng)站構(gòu)建新站點打開Dreamweaver，單擊“管理站點”，創(chuàng)建一個新站點，并將其命名為activity web。把Photoshop設(shè)計的頁面放在這個站點下。連接到數(shù)據(jù)庫建立數(shù)據(jù)庫后，打開控制面板、管理工具、數(shù)據(jù)源(ODBC)和系統(tǒng)DSN，添加已建立的數(shù)據(jù)庫。單擊“數(shù)據(jù)庫”下的加號將數(shù)據(jù)庫加載到Dreamweaver中。如圖7-4所示。