【正文】 是在客戶端運(yùn)行，傳送到瀏覽器上的 Web 頁是在 Web 服務(wù)器上生成的。所以不必?fù)?dān)心瀏覽器能否處理腳本：Web 服務(wù)器已經(jīng)完成了所有腳本的處理，并將標(biāo)準(zhǔn)的 HTML 頁面?zhèn)鬏數(shù)綖g覽器。由于只有腳本的結(jié)果返回到瀏覽器，所以服務(wù)器端腳本不易被別人復(fù)制。用戶看不到創(chuàng)建他們正在瀏覽的頁的腳本命令。 關(guān)系型數(shù)據(jù)庫的選擇 Microsoft Office Access 簡(jiǎn)介Microsoft Office Access是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng),是集成在 microsoft公司開發(fā)的產(chǎn)品更新?lián)Q代 office系統(tǒng)中的集成軟件。它之所以被集成到 Office中而不是 Visual Studio中，是因?yàn)樗c其它的數(shù)據(jù)庫管理系統(tǒng)（如 Visual FoxPro）相比更加簡(jiǎn)單易學(xué)，一個(gè)普通的計(jì)算機(jī)用戶即可掌握并使用它。而且最重要的一點(diǎn)是 Access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。Assess 能 夠 存 取 Access/Jet、 Microsoft SQL Server、 Oracle， 或者 任 何 ODBC 兼 容 數(shù) 據(jù) 庫 內(nèi) 的 資 料 。 ODBC（Open Database Connectivity開放式數(shù)據(jù)庫互聯(lián)）是微軟推出的一種工業(yè)標(biāo)準(zhǔn)，一種開放的獨(dú)立于廠商的 API應(yīng)用程序接口，可以跨平臺(tái)訪問各種個(gè)人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)。ODBC作為一個(gè)工業(yè)標(biāo)準(zhǔn)，絕大多數(shù)數(shù)據(jù)庫廠商、大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供了 ODBC接口或提供了 ODBC支持，這其中就包括常用的 SQL SERVER、ORACAL、INFORMIX 等，當(dāng)然也包括了 Access。在 ASP中可以通過三種方式訪問數(shù)據(jù)庫：IDC（Inter Database Connector）方式；ADO（ActiveX Data Objects）方式；RDS（Remote Data Service）方式。這三種訪問方式對(duì)數(shù)據(jù)庫的訪問都是由 Inter Information Server完成的。通過 Web瀏覽器用 HTTP協(xié)議向 IIS（Inter信息服務(wù)器）發(fā)送請(qǐng)求，IIS 執(zhí)行對(duì)數(shù)據(jù)庫的訪問，并返回一個(gè) HTML格式的文檔響應(yīng)。以下是 Access的優(yōu)點(diǎn)：1．存儲(chǔ)方式單一Access管理的對(duì)象有表、查詢、窗體、報(bào)表、頁、宏和模塊，以上對(duì)象都存放在后綴為（.mdb）的數(shù)據(jù)庫文件種，便于用戶的操作和管理。2．面向?qū)ο驛ccess是一個(gè)面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對(duì)象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對(duì)象中。它將一個(gè)應(yīng)用系統(tǒng)當(dāng)作是由一系列對(duì)象組成的，對(duì)每個(gè)對(duì)象它都定義一組方法和屬性，以定義該對(duì)象的行為和外國(guó)，用戶還可以按需要給對(duì)象擴(kuò)展方法和屬性。通過對(duì)象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡(jiǎn)化了用戶的開發(fā)工作。同時(shí)，這種基于面向?qū)ο蟮拈_發(fā)方式，使得開發(fā)應(yīng)用程序更為簡(jiǎn)便。3．界面友好、易操作Access是一個(gè)可視化工具，是風(fēng)格與 Windows完全一樣，用戶想要生成對(duì)象并應(yīng)用，只要使用鼠標(biāo)進(jìn)行拖放即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報(bào)表設(shè)計(jì)器以及數(shù)據(jù)庫向?qū)А⒈硐驅(qū)?、查詢向?qū)?、窗體向?qū)?、?bào)表向?qū)У裙ぞ撸沟貌僮骱?jiǎn)便，容易使用和掌握。4．集成環(huán)境、處理多種數(shù)據(jù)信息Access基于 Windows操作系統(tǒng)下的集成開發(fā)環(huán)境，該環(huán)境集成了各種向?qū)Ш蜕善鞴ぞ撸瑯O大地提高了開發(fā)人員的工作效率，使得建立數(shù)據(jù)庫、創(chuàng)建表、設(shè)計(jì)用戶界面、設(shè)計(jì)數(shù)據(jù)查詢、報(bào)表打印等可以方便有序地進(jìn)行。5．Access 支持 ODBC（開發(fā)數(shù)據(jù)庫互連，Open Data Base Connectivity） 。利用 Access 強(qiáng)大的 DDE（動(dòng)態(tài)數(shù)據(jù)交換）和 OLE（對(duì)象的聯(lián)接和嵌入）特性，可以在一個(gè)數(shù)據(jù)表中嵌入位圖、聲音、Excel 表格、Word 文檔，還可以建立動(dòng)態(tài)的數(shù)據(jù)庫報(bào)表和窗體等。Access 還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動(dòng)態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫訪問頁對(duì)象生成 HTML 文件，輕松構(gòu)建 Inter/Intra 的應(yīng)用。第三章 方案初選 網(wǎng)站定位1．網(wǎng)站主題本網(wǎng)站的主題是知識(shí)產(chǎn)權(quán)（包括公司注冊(cè)、商標(biāo)注冊(cè)、專利申請(qǐng)等等的法律知識(shí)），給想成立公司、注冊(cè)公司、申請(qǐng)專利、注冊(cè)商標(biāo)等的相關(guān)人群予幫助。2．網(wǎng)站名稱該網(wǎng)站名為“君輝知識(shí)產(chǎn)權(quán)代理有限公司”，由此可見，這個(gè)企業(yè)網(wǎng)站以知識(shí)產(chǎn)權(quán)的相關(guān)知識(shí)為主，“代理有限公司”也突出了該企業(yè)的性質(zhì)即法律服務(wù)行業(yè)。一個(gè)網(wǎng)站的名字應(yīng)該要能反映出你想表達(dá)的意思，達(dá)到一望而知的效果。3．網(wǎng)站的 Logo與 Banner網(wǎng)站的 logo用藍(lán)色水晶球內(nèi)嵌著“junhui”標(biāo)志，既顯目又明確得表達(dá)了主題。Banner 則形象得表達(dá)出我制作設(shè)計(jì)這個(gè)網(wǎng)站的用意，“君輝知識(shí)產(chǎn)權(quán)代理有限公司”幾個(gè)字居中，用大字體強(qiáng)調(diào)顯示，讓人更醒目，右邊小字體“知識(shí)產(chǎn)權(quán) 財(cái)富之源”是與主題相呼應(yīng)的，寓意為知識(shí)產(chǎn)權(quán)可以創(chuàng)造財(cái)富，而我們公司是代理知識(shí)產(chǎn)權(quán)的，所以要找到財(cái)富的源頭，就來“君輝知識(shí)產(chǎn)權(quán)代理有限公司” 網(wǎng)，讓我?guī)湍弥R(shí)產(chǎn)權(quán)創(chuàng)造財(cái)富。最后以透明 flash覆蓋在banner上面，即實(shí)現(xiàn)了由“靜”到“動(dòng)”的效果，也使原本略顯單調(diào)的 banner變得豐富一些。4．標(biāo)準(zhǔn)顏色本網(wǎng)站以藍(lán)白色漸變色為底，以藍(lán)色為主色調(diào)，藍(lán)白的相互點(diǎn)綴，給人一種傾心的感覺，藍(lán)色還是天空和海洋的象征，“廣闊無垠”的藍(lán)色也同樣象征著我們“知識(shí)產(chǎn)權(quán)”給人們帶來的財(cái)富也“浩瀚無垠” 。5．標(biāo)準(zhǔn)字體正文字體主要用的是標(biāo)準(zhǔn)的宋體。 系統(tǒng)構(gòu)思本網(wǎng)站前臺(tái)包括首頁、公司簡(jiǎn)介、法律服務(wù)、友情鏈接、法界動(dòng)態(tài)、法律法規(guī)、在線留言、聯(lián)系我們、網(wǎng)站公告等欄目。以下是系統(tǒng)構(gòu)思的圖解（如圖31）首頁后臺(tái)管理公司簡(jiǎn)介法界動(dòng)態(tài)法律法規(guī)網(wǎng)站公告在線留言法律服務(wù)友情鏈接聯(lián)系我們圖 31 網(wǎng)站垂直系統(tǒng)圖 網(wǎng)站欄目簡(jiǎn)介 本網(wǎng)站的欄目有首頁、公司簡(jiǎn)介、法律服務(wù)、友情鏈接、法界動(dòng)態(tài)、法律法規(guī)、在線留言、聯(lián)系我們、網(wǎng)站公告等欄目，下面是對(duì)各欄目的簡(jiǎn)介：1. 首頁： 我們的 banner所要表現(xiàn)的就是希望大家能到我們大學(xué)生創(chuàng)業(yè)園來一起學(xué)習(xí)創(chuàng)業(yè)知識(shí)，交流創(chuàng)業(yè)經(jīng)驗(yàn)。因?yàn)檫@個(gè)作品是特別為大學(xué)生設(shè)計(jì)的，所以我們的整個(gè)頁面都是顯示出一種大學(xué)生活潑、朝氣以及創(chuàng)業(yè)的激情。同時(shí)首頁包含了本站所涉及的主要內(nèi)容、組成元素、主要話題和網(wǎng)站精髓。2. 公司簡(jiǎn)介： 主要介紹公司的歷史文化及服務(wù)內(nèi)容。3. 法律服務(wù)： 簡(jiǎn)單羅列了公司受理的業(yè)務(wù)，如公司注冊(cè)、商標(biāo)注冊(cè)、專利申請(qǐng)、電子口岸、版權(quán)代理等等。4. 友情鏈接： 這個(gè)欄目主要是為了方便用戶了解有關(guān)商標(biāo)、專利等知識(shí)產(chǎn)權(quán)方面的知識(shí)而與相關(guān)政府部門網(wǎng)站建立的友情鏈接。5. 法界動(dòng)態(tài)： 我們特別收集了國(guó)家知識(shí)產(chǎn)權(quán)網(wǎng)上的最新信息，讓大家能及時(shí)了解到我國(guó)知識(shí)產(chǎn)權(quán)的最新動(dòng)態(tài)。6. 法律法規(guī)： 這個(gè)欄目主要列舉了有關(guān)知識(shí)產(chǎn)權(quán)方面的相關(guān)法律及法規(guī)，如“中華人民共和國(guó)專利法”等，使用戶對(duì)專利法等相關(guān)法律知識(shí)有一定的了解。7. 在線留言： 此欄目設(shè)立的主要目的是為了提供給想了解知識(shí)產(chǎn)權(quán)的用戶一個(gè)互動(dòng)的平臺(tái)，用以解決知識(shí)產(chǎn)權(quán)的相關(guān)問題。（如圖 32）8. 聯(lián)系我們： 通過這個(gè)欄目，可以讓用戶獲得我們的各種聯(lián)系方式，這樣可以更深一步的與其探討知識(shí)產(chǎn)權(quán)的問題。9. 網(wǎng)站公告： 除了單獨(dú)設(shè)立這個(gè)欄目外，我還特意在每張頁面的左側(cè)做了一個(gè)由下而上的滾動(dòng)公告欄來吸引大家的眼球，鼠標(biāo)滑過滾動(dòng)文字停留，鼠標(biāo)點(diǎn)擊后超鏈接至“網(wǎng)站公告”這個(gè)欄目，內(nèi)容主要為公司的最新的動(dòng)態(tài)。（如圖 32）圖 32 第四章 詳細(xì)設(shè)計(jì) 網(wǎng)站制作過程 logo 的制作過程本網(wǎng)站的 Logo是把從網(wǎng)絡(luò)上找到的一些素材圖片，通過用 Photoshop進(jìn)行編輯、修改、組合而完成的。為了突出該企業(yè)名稱“君輝”，特意把“junhui”標(biāo)志用藍(lán)色水晶球包圍，并且“junhui”中“J”這個(gè)字母用一個(gè)龍頭的形狀代替，自古以來龍?jiān)谌藗兊牡匚欢际侵粮邿o上的，同時(shí)也襯托出“知識(shí)產(chǎn)權(quán)”在當(dāng)今社會(huì)的重要地位。在整個(gè)以藍(lán)色為主色調(diào)的網(wǎng)頁中，調(diào)劑整體頁面的色調(diào)，使頁面看起來更鮮活，很是醒目，讓人一眼就看到這個(gè) logo，了解主題。（如圖 41）圖 41 網(wǎng)站 logo banner 的制作過程、創(chuàng)作思維以及整體風(fēng)格的網(wǎng)頁相關(guān)素材，對(duì)其進(jìn)行修改已獲得自己所需素材，或可在 Photoshop中繪制出自己所需的圖片素材。 Photoshop，在 Photoshop里面新建一個(gè)文件，調(diào)整底圖大小，根據(jù)網(wǎng)頁的總長(zhǎng)度，調(diào)節(jié) banner的長(zhǎng)度和寬度（一般 banner不能太寬，不然會(huì)顯得頭重腳輕，當(dāng)然也不能太窄，都沒法讓人感覺到有banner存在，所以一定要調(diào)整至占整個(gè)網(wǎng)頁的適合比例。） banner的背景：選用一張藍(lán)色的微帶波橫的圖片為 banner背景，將處理好的素材依次放入具體位子，像左邊的鏡頭光暈，右邊的發(fā)光矩形框等等，按具體需求做具體的改動(dòng)和修改，這樣整個(gè) banner的背景就設(shè)計(jì)好了。：先在 banner左邊放入 logo（這里為了美觀起見，我將 logo放大放在了 banner最左邊，若放在左上角一塊窄小的地方，反而凸顯不出“junhui”這個(gè)標(biāo)志），按具體情況驚醒調(diào)整修改至適當(dāng)部分，處理好每一處細(xì)節(jié)，這樣整個(gè)靜態(tài)的 banner部分就設(shè)計(jì)好了。 flash效果：動(dòng)態(tài)的 flash效果要等到整個(gè)網(wǎng)頁的基本布局都設(shè)計(jì)好之后，就可以在 Photoshop中按 Shift+Ctrl+Alt+S存儲(chǔ)切片后所有圖片， 格式，然后使用 Dreamweaver打開編輯，在 banner的區(qū)域加入 Flash，將 Flash轉(zhuǎn)換為透明 flash形式，這樣整個(gè)banner部分就完成了。（如圖 42）圖 42 網(wǎng)站 banner 主頁制作過程(詳見圖 43)1. 首先根據(jù)頁面要展示內(nèi)容的多少，在 photoshop中新建一個(gè)適合的網(wǎng)頁寬度和長(zhǎng)度的文件（我設(shè)計(jì)的時(shí)候在寬屏的機(jī)子上，所以建的文檔較大，約為1280*1405）。2. 在畫布上按自己的想法結(jié)合實(shí)際內(nèi)容，用各圖形工具在畫布上畫上整個(gè)網(wǎng)頁基本的布局。3. 基本布局的設(shè)計(jì)定下之后再對(duì)各部分進(jìn)行具體設(shè)計(jì)，細(xì)化每個(gè)部分，特別是靜態(tài)的部分。4. 在 Photoshop里完成整個(gè)頁面的設(shè)計(jì)后，進(jìn)行切片，將要?jiǎng)討B(tài)顯示的地方切出來，還有就是大的圖片要切一下，能提高網(wǎng)頁讀取速度。按Shift+Ctrl+Alt+ 格式后，用 Dreamweaver編輯，將需要作為背景的單元格中的圖片設(shè)為該單元格的背景，另存為 。用相同的方法制作網(wǎng)站分頁。5. 將所有頁面，拷到所屬文件夾，然后與后臺(tái)數(shù)據(jù)庫連接起來，即可通過對(duì)后臺(tái)數(shù)據(jù)庫內(nèi)容的添加、刪除、修改來對(duì)網(wǎng)頁的相關(guān)內(nèi)容進(jìn)行操作，例如在數(shù)據(jù)庫注冊(cè)登錄表中刪除一個(gè)用戶信息，那么這個(gè)用戶再次用原先的登錄信息登錄時(shí)就無法登錄成功了。6. 在 Dreamweaver中網(wǎng)頁的左側(cè)類似“書卷”的區(qū)域插入一張表格，并在代碼相應(yīng)位置插入滾動(dòng)文字特效的代碼，實(shí)現(xiàn)文字至下而上滾動(dòng)，鼠標(biāo)移過文字時(shí)滾動(dòng)停留的功能，鼠標(biāo)按下即跳轉(zhuǎn)到“網(wǎng)站公告”頁面；在網(wǎng)站首頁頂端插入滾動(dòng)的歡迎字幕，方法同上。7. 在 ，在頁面中相對(duì)應(yīng)除插入圖片切換的代碼，實(shí)現(xiàn)新聞圖片的自動(dòng)切換的效果。 8. 在 ，切換到設(shè)計(jì)視圖，將雪花鼠標(biāo)特效代碼復(fù)制在body/body之間，保存并預(yù)覽，完成首頁鼠標(biāo)特效。圖 43 網(wǎng)站首頁 留言板的設(shè)計(jì)為了能讓大家有一個(gè)相互探討、分享知識(shí)產(chǎn)權(quán)方面的心得與經(jīng)驗(yàn)的平臺(tái)，為了能讓廣大人群更好、更深刻的了解知識(shí)產(chǎn)權(quán)，為此，我們特別設(shè)立了“在線留言”這一欄目，如果你有什么和知識(shí)產(chǎn)權(quán)有關(guān)的問題或者想法，可以在這里留言，我們將會(huì)有專門的指導(dǎo)老師或者有識(shí)之士會(huì)及時(shí)給予回復(fù)與解答，與此同時(shí)你也可以解答或回復(fù)他人遇到的問題。這樣就實(shí)現(xiàn)了多人的互動(dòng)?？傮w來說，留言板功能是這個(gè)網(wǎng)站的主要功能之一，也是這個(gè)網(wǎng)站的亮點(diǎn)之一，它讓整個(gè)網(wǎng)站的功能得到提升，使其不單單只是一個(gè)簡(jiǎn)單的單純的信息發(fā)布的網(wǎng)站，增加了互動(dòng)環(huán)節(jié)。 （如圖 44）（留言頁面）（查看留言內(nèi)容及回復(fù)頁面）圖 44 留言板 數(shù)據(jù)庫的設(shè)計(jì)使用 Access 2022實(shí)現(xiàn)關(guān)系型數(shù)據(jù)庫，以下是數(shù)據(jù)庫中幾個(gè)主要的表的設(shè)計(jì)：登錄注冊(cè)管理存儲(chǔ)了注冊(cè)登錄用戶的基本信息，如用戶名、密碼、地址、郵箱等。 （如圖45）圖 45圖 46留言板存儲(chǔ)了留言的檔案，其中 id是關(guān)鍵字，主要實(shí)現(xiàn)用戶信息管理、留言及回復(fù)等。 （如圖 47）（留言信息存儲(chǔ)表）（回復(fù)信息儲(chǔ)存表）圖 47創(chuàng)建好數(shù)據(jù)庫之后，我們來用 ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在 ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)。 系統(tǒng)實(shí)現(xiàn)代碼 滾動(dòng)文字特效（這里主要指網(wǎng)站左側(cè)的“公司公告” ）table width=70% border=0 align=center cellpadding=0 cellspacing=0 tr td div align=center table border=0 align=center cellpadding=5 cellspacing=0 bordercolor=0000