【文章內(nèi)容簡介】 言。 Access 是一種關系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點如下： (1)存儲方式單一 Access 管理的對象有表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為 (.mdb)的數(shù)據(jù)庫文件種，便于用戶的操作和管理。 (2)面向?qū)ο? Access 是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應用系統(tǒng)當作是由一系列對象組成的，對每個對象它都定義一組方法和屬性，以定義該對象的 6 行為和外國，用戶還可以按需要給 對象擴展方法和屬性。通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡化了用戶的開發(fā)工作。 (3)界面友好、易操作 Access 是一個可視化工具，是風格與 Windows 完全一樣，用戶想要生成對象并應用，只要使用鼠標進行拖放即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報表設計器以及數(shù)據(jù)庫向?qū)?、表向?qū)А⒉樵兿驅(qū)?、窗體向?qū)А蟊硐驅(qū)У裙ぞ?，使得操作簡便，容易使用和掌握? Dreamweaver 簡介 使用 Macromedia 公司的產(chǎn)品 Dreamweaver 軟件。因 HTML 的穩(wěn)定性、廣泛支持性及可創(chuàng)建復雜的頁面效果，該網(wǎng)站頁面主要使用 DreamWeaver 軟件。還用到一些基本上的 Html 語言。 (1)處理圖片工具： 是 Adobe 公司的產(chǎn)品，是功能非常強大的專業(yè)圖形軟件，可以制作任何你想要的平面效果。其中包含的 ImageReady 是用于網(wǎng)頁圖片制作的。 (2)制作動畫工具： Macromedia 公司出品的 Flash 互動網(wǎng)頁制作工具與Dreamweaver 和 firework 并稱網(wǎng)頁制作三劍客。 (3)動態(tài)網(wǎng)頁制作技術：腳本語言 Javascript 和 Vbscript， Javascript 是Netscape，它介于 JAVA和 HTML之間，是基于對象 (Object)和事件驅(qū)動 (Event Driven)并運行于客戶端的編程語言。網(wǎng)站主要運用 javascript 制作一些網(wǎng)頁特效。ASP(Active Server Pages)是包括 HTML 標記、文本和腳本命令的文件，使用它可以創(chuàng)建動態(tài)、交互的 Web 服務器應用程序，并可以組合 HTML 頁、腳本命令和 ActiveX組件以創(chuàng)建交互的 Web 頁和基于 Web 的功能強大的應用程序。 7 第 4 章 網(wǎng)站各模塊頁面效果設計 網(wǎng)站客戶端前 端顯示布局頁面 如圖 41圖所示。 圖 41:網(wǎng)頁前端總體模塊 網(wǎng)站客戶端顯示頁面概述 網(wǎng)站客戶端顯示頁面是網(wǎng)站提供給瀏覽者的第一視覺界面。網(wǎng)站客戶端顯示頁面不僅要有合理的整體布局，使瀏覽者有一個流暢的視覺體驗；還應該通過各功能模塊體現(xiàn)出網(wǎng)站的主題內(nèi)容，使瀏覽者在最短的時間內(nèi)了解網(wǎng)站的用途。前臺整體如圖 42: 標題欄 logo 區(qū)域 博客信 息顯示 區(qū)域 網(wǎng)頁主題顯示框架 頁面末尾版權信息顯示區(qū)域 8 圖 42: 前臺主頁面 網(wǎng)站客戶端顯示頁面 1． LOGO 部分設計： 9 LOGO 是網(wǎng)站形象的重要體現(xiàn)。試問一 個人怎么能讓自己的名片污漬不堪？就一個網(wǎng)站來說， LOGO 即是網(wǎng)站的名片。而對于一個追求精美的網(wǎng)站， LOGO 更是它的靈魂所在，即所謂的“點睛”之處。 圖 43: 網(wǎng)站 logo 圖標 2．網(wǎng)站客戶端顯示頁面 TOP 設計： 圖 44: 標題圖標 重要代碼如下： meta equiv=ContentType content=text/html。 charset=gb2312 / style type=text/css ! body { marginleft: 0px。 margintop: 0px。 } /styletable width=779 border=0 align=center cellpadding=0 cellspacing=0 tr td height=151 align=right valign=bottom background=images/table width=450 height=47 border=0 cellpadding=0 cellspacing=0 tr 10 td width=84 align=center valign=middlea href= class=top個 人主 頁 /a|/td td width=79 align=center valign=middlea href= class=top我的文章 /a|/td td width=80 align=center valign=middlea href= class=top我的相 冊 /a|/td td width=75 align=center valign=middlea href=Manage/ class=top控制面板 /a|/td td width=132 align=center valign=middlea href= class=top 在 線 音 樂 點播/a /td /tr /table/td /tr tr td height=25 background=images/table width=100% border=0 cellspacing=0 cellpadding=3 tr td width=31% height=22 align=center歡 迎 您來訪個 人主頁 !/td td width=69% height=22一 份 耕耘 一 份 收 獲 ! 歡 迎 您 的加入 !/td /tr /table/td /tr /table 3. 網(wǎng)站客戶端顯示頁面左邊的鏈接及圖片的設計如圖 45： 11 12 圖 45: 側(cè)頁功能圖 4．網(wǎng)站客戶端顯示頁面 圖 46: 主顯示頁面 前臺總體模塊設計 前臺主要是 個人網(wǎng)站 的主要功能展示界面，又稱網(wǎng)站客戶端顯示頁面，要求來訪者能看到管理者的文章、相冊、 音樂 ，還有管理和用戶的登錄功能以及來訪者的留言功能管理。所用功能主要可分為以下模塊： (1)我的文章模塊：根據(jù)文章內(nèi)容可分為幾大項內(nèi)容以不同內(nèi)容區(qū)塊兒展示； (2)我的相冊模塊：展示每個分類的相冊； (3)BLOG 搜索模塊：通過搜索關鍵字或是選擇查詢類型選擇去搜索。 (4)博主推薦模塊： 有些是博主推薦的文章列表。 (5)在線音樂 模塊：展示 音樂 。 13 (6)網(wǎng)站統(tǒng)計模塊：統(tǒng)計發(fā)表的文章、評論、游覽者及建站的時間等信息。 我的文章模塊 根據(jù)文章內(nèi)容分為多個展示部分，在首頁顯示，通過綁定記錄集和建立重復區(qū)域等在首頁實現(xiàn)對文章的瀏覽，如圖 48 所示。 在首頁文章欄通過點擊各類文章標題可以顯示不同的文章 .實現(xiàn)其功能需要在Dreamweaver 中增加代碼加以實現(xiàn)，主要代碼如下： tr td bgcolor=FFFFFF!include file= table width=100% border=0 cellspacing=2 cellpadding=2 tr td height=20 colspan=2 %=megstr%博客列表 /td /tr % Set rs=() sqlstr=select top 25 id,Atitle,Adate,Aclass from tab_article where 1=1 If IsNumeric(classid) and classid Then sqlstr=sqlstramp。 and Aclass=amp。classidamp。 If keyword Then Select case btype case 1 sqlstr=sqlstramp。 and Atitle like 39。%amp。keywordamp。%39。 case 2 sqlstr=sqlstramp。 and Acontent like 39。%amp。keywordamp。%39。 case 3 sqlstr=sqlstramp。 and Aauthor like 39。%amp。keywordamp。%39。 End Select End If If Session(times) Then sqlstr=sqlstramp。 and Adate like 39。amp。Session(times)amp。%39。 Session(times)= End If sqlstr=sqlstramp。 order by id desc sqlstr,conn,1,1 If Then % 14 tr td height=20 colspan=2 align=center您查詢的記錄暫無收藏！ /td /tr %End IF% % while not Set rsc=(select Aame from tab_article_class where id=amp。rs(Aclass)amp。) % tr td width=23% height=20 [%=formatDateTime(rs(Adate),2)%]/td td width=77% height=20a href=?id=%=rs(id)%amp。classname=%=rsc(Aame)%%=rs(Atitle)%/a/td /tr % Set rsc=Nothing wend Set rs=Nothing % /table/td /tr 15 圖 48: 文單 列表模塊圖 我的 相冊模塊 相冊展示模塊主要用于分類展示上傳的相冊圖片信息，即列出相冊的分類以及某一分類中包含的圖片。相冊分類展示，如圖 410所示 16 圖 410: 相冊顯示 在 Dreamweaver 中增加代碼加以實現(xiàn)，主要代碼如下 : table width=100% border=0 cellspacing=2 cellpadding=2 tr td height=22 我的相冊 /td /tr tr %