企業網站畢業設計論文

1、<p>　　企業網站的設計與制作</p><p><b>　　摘要：2</b></p><p><b>　　關鍵字：2</b></p><p><b>　　第一章 緒言3</b></p><p>　　第二章 網站設計分析4</p><p&g

2、t;　　2.1網站設計概述4</p><p>　　2.2 開發工具的選用及介紹4</p><p>　　2.2.1 Dreamweaver8.04</p><p>　　2.2.2 Photoshop CS5</p><p>　　2.2.3 ASP動態網站腳本語言6</p><p>　　2.3 關系型數據庫的選擇

3、7</p><p>　　2.3.1 Microsoft Office Access簡介7</p><p>　　3.1 網站定位9</p><p>　　3.2 系統構思9</p><p>　　3.3 網站欄目簡介10</p><p>　　第四章 詳細設計11</p><p>　　4.1

4、 網站制作過程11</p><p>　　4.1.1 logo的制作過程11</p><p>　　4.1.2 banner的制作過程12</p><p>　　4.1.3 主頁制作過程(詳見圖4-3)13</p><p>　　4.1.4留言板的設計14</p><p>　　4.2 數據庫的設計16</p&

5、gt;<p>　　4.3 系統實現代碼17</p><p>　　4.3.1 滾動文字特效（這里主要指網站左側的“公司公告”）17</p><p>　　4.3.2 圖片切換18</p><p>　　4.3.3 首頁鼠標特效代碼19</p><p><b>　　結束語21</b></p>

6、<p><b>　　參考文獻21</b></p><p><b>　　致謝21</b></p><p><b>　　摘要：</b></p><p>　　本文就網站的主題內容及網站的制作與設計這兩方面進行描述與分析。</p><p>　　本網站的主題知識產權服務，

7、整個網站都是以法律性的內容為主的，主要包括了首頁、公司簡介、法律服務、友情鏈接、法界動態、法律法規、在線留言、聯系我們、網站公告等欄目。在整個設計過程中主要是運用Dreamweaver、ACCESS、ASP等編寫的。通過本網站系統，給想了解知識產權的人群提供了一個良好的平臺，同時也為有意愿注冊公司、注冊商標、申請專利，卻無從咨詢的人提供了一個可以互動解決問題的平臺。</p><p>　　如今，在網絡技術的迅猛發展

8、下，互聯網的不斷普及，讓人們都感受到網絡的方便快捷，從而大家都喜歡選擇從互聯網上獲取信息，因此，互聯網逐漸成為一個寬廣的信息發布平臺和獲取信息的平臺。本網站也需要通過Internet來對外宣傳、普及，從而幫助到更多想了解知識產權的人們。</p><p>　　本網站主要是以建立Dreamweaver、ACCESS、ASP等技術的動態網站管理系統的前臺表現模塊，使用了ASP技術的動態網頁技術，加上ACCESS作為后臺

9、數據庫，制作了一個簡單的服務性企業網站系統，實現了企業網站的基本功能，例如用戶注冊登錄，留言板的實現等。</p><p><b>　　關鍵字：</b></p><p>　　企業網站；ASP；知識產權</p><p><b>　　緒言</b></p><p>　　二十世紀進入信息發展高速路，數碼化革命

10、給所有領域帶來新的改變。隨著電腦辦公自動化的普及，電子商務應運而生，一切都歸功于internet的巨大貢獻，互聯網的世界里蘊藏無限生機，這里只有想不到的、沒有做不到的。由于國際互聯網是一個不受時空限制的信息交換系統，所以它是目前最直接、最豐富和最快捷的聯系方式，信息溝通的高效率為企業帶來了最大的方便。所以在現今社會對于一個企業來說，網站已經是不可缺少的一部分了。</p><p>　　現今，知識產權越來越被人們關注

11、，隨著就業壓力的加重，越來越多的年輕人選擇自己創業開公司，大學生也占了一定的比例，由于專業的限定，有些大學生在?；旧辖佑|不到知識產權的知識，當然在社會上的人群也不一定都了解知識產權。同時隨著互聯網的快速發展和不斷普及，網站成了傳播信息最有效的平臺。所以我制作了一個專門針對知識產權行業的企業網站，給這些人群提供了一個了解和學習知識產權的平臺，當然對于一個針對知識產權的服務性企業本身而言，這個網站將會對其自身帶來不可估量的效用。</

12、p><p>　　社會在發展，人們的思想觀念，生活方式也在發展，通過網站這種方式與企業或者他人交流已經趨向普及第二章 網站設計分析</p><p>　　網站的設計與制作需要用到網頁三劍客（Dreamweaver、fireworks、flash），IIS，photoshop等工具。所以首先我們要了解這些工具的功能與用處，然后要能夠熟練得掌握這些工具用法，只有你能熟練使用這些工具，你才能在設計過程中

13、盡量避免技術上的問題，提高效率，做到“事半功倍”。</p><p><b>　　2.1網站設計概述</b></p><p>　　網站首頁可以說是網站的門面，大家瀏覽你的網站首先看到的就是網站首頁，所以首頁不僅要做得美觀，引人瀏覽，還要有豐富的內容。所以我們在首頁就首頁聚集了大量的信息，除了最基本的法律法規、法界動態、法律服務這些欄目外，我還將公司的公告用滾動文字的形式

14、展現出來，這樣靜中有“動”的效果可以抓住人的眼球，吸引人去點擊。每頁左下方都有我們的聯系方式，這樣就不用轉到聯系我們這張頁面都能獲取到公司的聯系方式了，當然若想更深入的了解就可以轉到聯系我們頁面。子頁面的框架基本上是符合整個網站的整體風格的，banner，導航等都是和首頁一樣的，不一樣的只是正文的內容，這個可以通過模板來實現。出于排除對模板可編輯區域排版的復雜性起見，我這里沒有運用模板，而是用另存為的方式實現網頁風格“統一化”的。在網站

15、的各頁面制作好后，我在Dreamweaver中與Access數據庫建立連接，通過在Dreamweaver的一系列操作實現注冊登錄的功能，而留言板功能我是通過一張空白的寫有后臺代碼的頁面轉接過去的，名為handle.asp，用戶可以通過“在線留言”在網站上發表自己的見解或疑問，達到互動的效果。</p><p>　　2.2 開發工具的選用及介紹</p><p>　　2.2.1 Dreamwea

16、ver8.0</p><p>　　Dreamweaver是創建和管理網頁的專業化可視編輯器，在網頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著Dreamweaver 8的發布，更堅定Dreamweaver在該領域的地位。它集網頁設計、網站開發和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網站設計、開發、制作的首選工具。</p><p><b>

17、　　1、靈活的編寫方式</b></p><p>　　Dreamweaver具有靈活編寫網頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。</p><p><b>　　2、可視化編輯界面</b></p><p>　　Dreamweaver是一種所見

18、即所得的HTML編輯器，可實現頁面元素的插入和生成?；蛞暬庉嫮h境大量減少了代碼的編寫，同時亦保證了其專業性和兼容性，并且可以對內部的HTML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設計網頁和管理網站變得更容易。</p><p>　　3、功能更多的CSS支持——CSS可視化設計、CSS檢查工具<

19、;/p><p>　　4、動態跨瀏覽器驗證</p><p>　　當保存時系統自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結構。動態跨瀏覽器有效性檢查功能可以自動核對tags和CSS規則是否適應目前的主瀏覽器。</p><p>　　5、強大的WEB站點管理功能</p>&

20、lt;p>　　6、內建的圖形編輯引擎</p><p>　　7、Dreamweaver的集成特性</p><p>　　Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創作工具之間自由地切換，輕松地創建美觀實用的網頁。</p><p>　　8、豐富的媒體支持能力</p><p>

21、　　可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現網頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產生交互式響應和進行動畫處理。</p><p><b>　　9、超強的擴展能力</b&g

22、t;</p><p>　　Dreamweaver還支持第三方插件，任何人都可以根據自己的需要擴展Dreamweaver的功能，并且可以發布這些插件。</p><p>　　2.2.2 Photoshop CS</p><p>　　Photoshop CS是一款圖形、圖像編輯軟件，在網頁設計領域被廣泛得應用。以下是其10大最新功能：</p><p&g

23、t;　　1、改進的文件瀏覽器</p><p>　　使用功能強大文件瀏覽器的可以快速預覽、標注和排序圖片；搜索或編輯圖像的數據元或關鍵詞；并且可以自動批量共享文件。</p><p><b>　　2、匹配顏色命令</b></p><p>　　可以迅速從一張圖片的顏色校正另外一張圖像的顏色。</p><p><b>

24、　　3、直方圖調色板</b></p><p>　　隨時根據對圖像的調整更新直方圖調色板(Histogram Palette)。</p><p>　　4、陰影/加亮區修正</p><p>　　使用“陰影/加亮區修正(hadow/Highlight correction)”可以快速調整照片中曝光過渡或欠缺的區域。</p><p>&l

25、t;b>　　5、沿路徑放置文本</b></p><p>　　可以像在Illustrator中一樣把文本沿著路徑放置，并且你還可以在Illustrator直接編輯文本。</p><p>　　6、支持數碼相機的raw模式</p><p>　　支持多款數碼相機得raw模式，讓用戶可以得到更真實的圖像輸入。</p><p>　　7、

26、全面支持16位圖像</p><p>　　可以在主要功能、層、比刷、文字、圖形等中精確的編輯、潤飾16位的圖像。</p><p>　　8、Layer Comps</p><p>　　可以在一個文件中保存不同層的合并效果，以便對各種效果進行快速察看。</p><p>　　9、輸入Flash文件</p><p>　　使用Im

27、ageReady可以創建flash矢量文件。</p><p><b>　　10、自定義快捷鍵</b></p><p>　　用戶可以按照自己的習慣定義Photoshop的快捷鍵。</p><p>　　2.2.3 ASP動態網站腳本語言</p><p>　　ASP是Active Server Page的縮寫，意為“動態服務器

28、頁面”。ASP是微軟公司開發的代替CGI腳本程序的一種應用,它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網頁文件的格式是.asp，現在常用于各種動態網站中。ASP采用腳本語言VBScript（Java script）作為自己的開發語言。</p><p>　　ASP是一種服務器端腳本編寫環境，可以用來創建和運行動態網頁或Web應用程序。使用 ASP 可以組合 HTML頁、VBScript腳

29、本命令和JavaScript腳本命令等，以創建交互的 Web 頁和基于 Web 的功能強大的應用程序。ASP網頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網頁中添加交互式內容（如在線表單），也可以創建使用HTML網頁作為用戶界面的web應用程序。</p><p>　　ASP的文件后綴名為.asp，以區別于同樣可以包含Script的HTML 文件。一個.asp文件是一個文本文件，可以

30、包括下列元素的任意組合： 文本（text）、HTML標志（tags）、Script命令</p><p>　　由于腳本程序是在服務器上而不是在客戶端運行，傳送到瀏覽器上的 Web 頁是在 Web 服務器上生成的。所以不必擔心瀏覽器能否處理腳本：Web 服務器已經完成了所有腳本的處理，并將標準的 HTML 頁面傳輸到瀏覽器。由于只有腳本的結果返回到瀏覽器，所以服務器端腳本不易被別人復制。用戶看不到創建他們正在瀏覽的頁

31、的腳本命令。</p><p>　　2.3 關系型數據庫的選擇</p><p>　　2.3.1 Microsoft Office Access簡介</p><p>　　Microsoft Office Access是由微軟發布的關聯式數據庫管理系統,是集成在microsoft公司開發的產品更新換代office系統中的集成軟件。它之所以被集成到Office中而不是Vis

32、ual Studio中，是因為它與其它的數據庫管理系統（如Visual FoxPro）相比更加簡單易學，一個普通的計算機用戶即可掌握并使用它。而且最重要的一點是Access的功能足夠強大，足以應付一般的數據管理及處理需要。</p><p>　　Assess能夠存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC兼容數據庫內的資料。ODBC（Open Databas

33、e Connectivity開放式數據庫互聯）是微軟推出的一種工業標準，一種開放的獨立于廠商的API應用程序接口，可以跨平臺訪問各種個人計算機、小型機以及主機系統。ODBC作為一個工業標準，絕大多數數據庫廠商、大多數應用軟件和工具軟件廠商都為自己的產品提供了ODBC接口或提供了ODBC支持，這其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，當然也包括了Access。</p><p>　　在

34、ASP中可以通過三種方式訪問數據庫：1、IDC（Internet Database Connector）方式；2、ADO（ActiveX Data Objects）方式；3、RDS（Remote Data Service）方式。這三種訪問方式對數據庫的訪問都是由Internet Information Server完成的。通過Web瀏覽器用HTTP協議向IIS（Internet信息服務器）發送請求，IIS執行對數據庫的訪問，并返回一個H

35、TML格式的文檔響應。以下是Access的優點：</p><p><b>　　1．存儲方式單一</b></p><p>　　Access管理的對象有表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為（.mdb）的數據庫文件種，便于用戶的操作和管理。</p><p><b>　　2．面向對象</b></p>

36、;<p>　　Access是一個面向對象的開發工具，利用面向對象的方式將數據庫系統中的各種功能對象化，將數據庫管理的各種功能封裝在各類對象中。它將一個應用系統當作是由一系列對象組成的，對每個對象它都定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴展方法和屬性。通過對象的方法、屬性完成數據庫的操作和管理，極大地簡化了用戶的開發工作。同時，這種基于面向對象的開發方式，使得開發應用程序更為簡便。</p

37、><p>　　3．界面友好、易操作</p><p>　　Access是一個可視化工具，是風格與Windows完全一樣，用戶想要生成對象并應用，只要使用鼠標進行拖放即可，非常直觀方便。系統還提供了表生成器、查詢生成器、報表設計器以及數據庫向導、表向導、查詢向導、窗體向導、報表向導等工具，使得操作簡便，容易使用和掌握。</p><p>　　4．集成環境、處理多種數據信息&l

38、t;/p><p>　　Access基于Windows操作系統下的集成開發環境，該環境集成了各種向導和生成器工具，極大地提高了開發人員的工作效率，使得建立數據庫、創建表、設計用戶界面、設計數據查詢、報表打印等可以方便有序地進行。</p><p>　　5．Access支持ODBC（開發數據庫互連，Open Data Base Connectivity）。利用Access強大的DDE（動態數據交換）

39、和OLE（對象的聯接和嵌入）特性，可以在一個數據表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態的數據庫報表和窗體等。Access還可以將程序應用于網絡，并與網絡上的動態數據相聯接。利用數據庫訪問頁對象生成HTML文件，輕松構建Internet/Intranet的應用。第三章 方案初選</p><p><b>　　3.1 網站定位</b></p><p&g

40、t;<b>　　1．網站主題</b></p><p>　　本網站的主題是知識產權（包括公司注冊、商標注冊、專利申請等等的法律知識），給想成立公司、注冊公司、申請專利、注冊商標等的相關人群予幫助。</p><p><b>　　2．網站名稱</b></p><p>　　該網站名為“君輝知識產權代理有限公司”，由此可見，這個企業

41、網站以知識產權的相關知識為主，“代理有限公司”也突出了該企業的性質即法律服務行業。一個網站的名字應該要能反映出你想表達的意思，達到一望而知的效果。</p><p>　　3．網站的Logo與Banner</p><p>　　網站的logo用藍色水晶球內嵌著“junhui”標志，既顯目又明確得表達了主題。Banner則形象得表達出我制作設計這個網站的用意，“君輝知識產權代理有限公司”幾個字居中

42、，用大字體強調顯示，讓人更醒目，右邊小字體“知識產權 財富之源”是與主題相呼應的，寓意為知識產權可以創造財富，而我們公司是代理知識產權的，所以要找到財富的源頭，就來“君輝知識產權代理有限公司” 網，讓我幫您用知識產權創造財富。最后以透明flash覆蓋在banner上面，即實現了由“靜”到“動”的效果，也使原本略顯單調的banner變得豐富一些。</p><p><b>　　4．標準顏色</b>

43、;</p><p>　　本網站以藍白色漸變色為底，以藍色為主色調，藍白的相互點綴，給人一種傾心的感覺，藍色還是天空和海洋的象征，“廣闊無垠”的藍色也同樣象征著我們“知識產權”給人們帶來的財富也“浩瀚無垠”。</p><p><b>　　5．標準字體</b></p><p>　　正文字體主要用的是標準的宋體。</p><p&g

44、t;<b>　　3.2 系統構思</b></p><p>　　本網站前臺包括首頁、公司簡介、法律服務、友情鏈接、法界動態、法律法規、在線留言、聯系我們、網站公告等欄目。以下是系統構思的圖解（如圖3-1）</p><p>　　圖3-1網站垂直系統圖</p><p>　　3.3 網站欄目簡介 </p><p>　　本網站

45、的欄目有首頁、公司簡介、法律服務、友情鏈接、法界動態、法律法規、在線留言、聯系我們、網站公告等欄目，下面是對各欄目的簡介：</p><p>　　首頁： 我們的banner所要表現的就是希望大家能到我們大學生創業園來一起學習創業知識，交流創業經驗。因為這個作品是特別為大學生設計的，所以我們的整個頁面都是顯示出一種大學生活潑、朝氣以及創業的激情。同時首頁包含了本站所涉及的主要內容、組成元素、主要話題和網站精髓。<

46、;/p><p>　　公司簡介： 主要介紹公司的歷史文化及服務內容。</p><p>　　法律服務： 簡單羅列了公司受理的業務，如公司注冊、商標注冊、專利申請、電子口岸、版權代理等等。</p><p>　　友情鏈接： 這個欄目主要是為了方便用戶了解有關商標、專利等知識產權方面的知識而與相關政府部門網站建立的友情鏈接。</p><p>　　法界動態：

47、 我們特別收集了國家知識產權網上的最新信息，讓大家能及時了解到我國知識產權的最新動態。</p><p>　　法律法規： 這個欄目主要列舉了有關知識產權方面的相關法律及法規，如“中華人民共和國專利法”等，使用戶對專利法等相關法律知識有一定的了解。</p><p>　　在線留言： 此欄目設立的主要目的是為了提供給想了解知識產權的用戶一個互動的平臺，用以解決知識產權的相關問題。（如圖3-2）&l

48、t;/p><p>　　聯系我們： 通過這個欄目，可以讓用戶獲得我們的各種聯系方式，這樣可以更深一步的與其探討知識產權的問題。</p><p>　　網站公告： 除了單獨設立這個欄目外，我還特意在每張頁面的左側做了一個由下而上的滾動公告欄來吸引大家的眼球，鼠標滑過滾動文字停留，鼠標點擊后超鏈接至“網站公告”這個欄目，內容主要為公司的最新的動態。（如圖3-2）</p><p>

49、;<b>　　圖3-2 </b></p><p><b>　　第四章 詳細設計</b></p><p>　　4.1 網站制作過程</p><p>　　4.1.1 logo的制作過程</p><p>　　本網站的Logo是把從網絡上找到的一些素材圖片，通過用Photoshop進行編輯、修改、組合而完成

50、的。為了突出該企業名稱“君輝”，特意把“junhui”標志用藍色水晶球包圍，并且“junhui”中“J”這個字母用一個龍頭的形狀代替，自古以來龍在人們的地位都是至高無上的，同時也襯托出“知識產權”在當今社會的重要地位。在整個以藍色為主色調的網頁中，調劑整體頁面的色調，使頁面看起來更鮮活，很是醒目，讓人一眼就看到這個logo，了解主題。（如圖4-1）</p><p>　　圖4-1 網站logo</p>

51、<p>　　4.1.2 banner的制作過程</p><p>　　首先需要上網收集一些符合你的作品主題、創作思維以及整體風格的網頁相關素材，對其進行修改已獲得自己所需素材，或可在Photoshop中繪制出自己所需的圖片素材。</p><p>　　接著打開Photoshop，在Photoshop里面新建一個文件，調整底圖大小，根據網頁的總長度，調節banner的長度和寬度（一般

52、banner不能太寬，不然會顯得頭重腳輕，當然也不能太窄，都沒法讓人感覺到有banner存在，所以一定要調整至占整個網頁的適合比例。）</p><p>　　設計banner的背景：選用一張藍色的微帶波橫的圖片為banner背景，將處理好的素材依次放入具體位子，像左邊的鏡頭光暈，右邊的發光矩形框等等，按具體需求做具體的改動和修改，這樣整個banner的背景就設計好了。</p><p>　　具

53、體內容設計：先在banner左邊放入logo（這里為了美觀起見，我將logo放大放在了banner最左邊，若放在左上角一塊窄小的地方，反而凸顯不出“junhui”這個標志），按具體情況驚醒調整修改至適當部分，處理好每一處細節，這樣整個靜態的banner部分就設計好了。</p><p>　　添加動態的flash效果：動態的flash效果要等到整個網頁的基本布局都設計好之后，就可以在Photoshop中按Shift+

54、Ctrl+Alt+S存儲切片后所有圖片，將頁面轉換成.html格式，然后使用Dreamweaver打開編輯，在banner的區域加入Flash，將Flash轉換為透明flash形式，這樣整個banner部分就完成了。（如圖4-2）</p><p>　　圖4-2 網站banner</p><p>　　4.1.3 主頁制作過程(詳見圖4-3)</p><p>　　首先根

55、據頁面要展示內容的多少，在photoshop中新建一個適合的網頁寬度和長度的文件（我設計的時候在寬屏的機子上，所以建的文檔較大，約為1280*1405）。</p><p>　　在畫布上按自己的想法結合實際內容，用各圖形工具在畫布上畫上整個網頁基本的布局。</p><p>　　基本布局的設計定下之后再對各部分進行具體設計，細化每個部分，特別是靜態的部分。</p><p&g

56、t;　　在Photoshop里完成整個頁面的設計后，進行切片，將要動態顯示的地方切出來，還有就是大的圖片要切一下，能提高網頁讀取速度。按Shift+Ctrl+Alt+S存儲為.html格式后，用Dreamweaver編輯，將需要作為背景的單元格中的圖片設為該單元格的背景，另存為index.asp。用相同的方法制作網站分頁。</p><p>　　將所有頁面，拷到所屬文件夾，然后與后臺數據庫連接起來，即可通過對后臺數

57、據庫內容的添加、刪除、修改來對網頁的相關內容進行操作，例如在數據庫注冊登錄表中刪除一個用戶信息，那么這個用戶再次用原先的登錄信息登錄時就無法登錄成功了。</p><p>　　在Dreamweaver中網頁的左側類似“書卷”的區域插入一張表格，并在代碼相應位置插入滾動文字特效的代碼，實現文字至下而上滾動，鼠標移過文字時滾動停留的功能，鼠標按下即跳轉到“網站公告”頁面；在網站首頁頂端插入滾動的歡迎字幕，方法同上。&l

58、t;/p><p>　　在Dreamweaver8.0里打開主頁面，在頁面中相對應除插入圖片切換的代碼，實現新聞圖片的自動切換的效果。</p><p>　　8. 在Dreamweaver8.0里打開主頁面，切換到設計視圖，將雪花鼠標特效代碼復制在<body></body>之間，保存并預覽，完成首頁鼠標特效。</p><p><b>　　圖

59、4-3 網站首頁</b></p><p>　　4.1.4留言板的設計</p><p>　　為了能讓大家有一個相互探討、分享知識產權方面的心得與經驗的平臺，為了能讓廣大人群更好、更深刻的了解知識產權，為此，我們特別設立了“在線留言”這一欄目，如果你有什么和知識產權有關的問題或者想法，可以在這里留言，我們將會有專門的指導老師或者有識之士會及時給予回復與解答，與此同時你也可以解答或回

60、復他人遇到的問題。這樣就實現了多人的互動。</p><p>　　總體來說，留言板功能是這個網站的主要功能之一，也是這個網站的亮點之一，它讓整個網站的功能得到提升，使其不單單只是一個簡單的單純的信息發布的網站，增加了互動環節。（如圖4-4）</p><p><b>　?。粞皂撁妫?lt;/b></p><p>　?。ú榭戳粞詢热菁盎貜晚撁妫?lt;/

61、p><p><b>　　圖4-4 留言板</b></p><p>　　4.2 數據庫的設計</p><p>　　使用Access 2003實現關系型數據庫，以下是數據庫中幾個主要的表的設計：</p><p><b>　　登錄注冊管理</b></p><p>　　存儲了注冊登錄用戶

62、的基本信息，如用戶名、密碼、地址、郵箱等。（如圖4-5）</p><p><b>　　圖4-5</b></p><p><b>　　圖4-6</b></p><p><b>　　留言板</b></p><p>　　存儲了留言的檔案，其中id是關鍵字，主要實現用戶信息管理、留言及

63、回復等。（如圖4-7）</p><p><b>　?。粞孕畔⒋鎯Ρ恚?lt;/b></p><p><b>　?。ɑ貜托畔Υ姹恚?lt;/b></p><p><b>　　圖4-7</b></p><p>　　創建好數據庫之后，我們來用ASP把程序和數據庫連接起來，以后就可以連接到數據

64、庫、在ASP中顯示數據庫中的數據。</p><p>　　4.3 系統實現代碼</p><p>　　4.3.1 滾動文字特效（這里主要指網站左側的“公司公告”）</p><p>　　<table width="70%" border="0" align="center" cellpadding=&qu

65、ot;0" cellspacing="0"></p><p><b>　　<tr></b></p><p><b>　　<td></b></p><p>　　<div align="center"></p><p

66、>　　<table border="0" align="center" cellpadding="5" cellspacing="0" bordercolor="#000000" ></p><p><b>　　<tr></b></p><p&

67、gt;　　<td bordercolor="#88C7E9"></p><p>　　<script language=javascript></p><p>　　document.write ("<marquee scrollamount='1' scrolldelay='30' direction

68、= 'UP' width='150' id='helpor_net' height='150' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:www.helpor.net>")<

69、;/p><p>　　document.write ("<h2><p align='center'><font color='#000000' face='黑體'>公司公告</font></h2>")</p><p>　　document.write ("&l

70、t;p><font color='#000000' size=2>")</p><p>　　document.write ("<br><a href='WZGG.asp'>1. 商標轉讓——君輝知識</a> ")</p><p>　　document.write (&quo

71、t;<br><a href='WZGG.asp'>2. 法律服務簡介2010</a> ")</p><p>　　document.write ("<br><a href='WZGG.asp'>3. 我們的法律服務↘(最新）</a>")</p><p>　　

72、document.write ("<br><a href='WZGG.asp'>4. 招聘專利代理人 </a> ")</p><p>　　document.write ("<br><a href='WZGG.asp'>5. 本所代理中國馳名商標 </a> ")</p

73、><p>　　document.write ("<br><a href='WZGG.asp'>6. 賀本司商標專利部喜遷</a> ")</p><p>　　document.write ("</font>")</p><p>　　document.write (&q

74、uot;</marquee> ")</p><p>　　</script></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p>　　</div>

75、;</td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p>　　4.3.2 圖片切換</p><p>　　<img src="images/CJok_18.gif"

76、alt="商標欣賞" width="763" height="127" id="Image1" onMouseOver="MM_swapImage('Image1','','images/SBXS2.jpg','Image2','','images/CJok_1

77、8.gif',1)" onMouseOut="MM_swapImgRestore()"></p><p>　　4.3.3 首頁鼠標特效代碼</p><p>　　<STYLE TYPE="text/css"></p><p>　　BODY{overflow:scroll;overflow-x:

78、hidden;}.s1{position : absolute; font-size : 12pt; color : blue; visibility: hidden;}.s2{ position : absolute; font-size : 20pt; color : green; visibility : hidden;}</p><p>　　.s3{ pos

79、ition : absolute; font-size : 16pt; color : gold; visibility : hidden;}.s4{ position : absolute; font-size : 14pt; color : lime; visibility : hidden;}</p><p><b>　　</STYLE

80、></b></p><p>　　<DIV ID="div1" CLASS="s1">*</DIV></p><p>　　<DIV ID="div2" CLASS="s2">*</DIV></p><p>　　<DIV

81、 ID="div3" CLASS="s3">*</DIV></p><p>　　<DIV ID="div4" CLASS="s4">*</DIV></p><p>　　<script language="javascript" type=&qu

82、ot;text/javascript" class="s5"></p><p>　　var nav = (document.layers);</p><p>　　var tmr = null;</p><p>　　var spd = 50;</p><p>　　var x = 0;</p>&

83、lt;p>　　var x_offset = 5;</p><p>　　var y = 0;</p><p>　　var y_offset = 15;</p><p>　　if(nav) document.captureEvents(Event.MOUSEMOVE);</p><p>　　document.onmousemove = ge

84、t_mouse;</p><p>　　function get_mouse(e)</p><p><b>　　{</b></p><p>　　x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;</p><p>　　y = (nav) ? e.page

85、Y : event.clientY+document.body.scrollTop;</p><p>　　x += x_offset;</p><p>　　y += y_offset;</p><p><b>　　beam(1);</b></p><p><b>　　}</b></p>

86、<p>　　function beam(n)</p><p><b>　　{</b></p><p><b>　　if(n<5)</b></p><p><b>　　{</b></p><p><b>　　if(nav)</b></

87、p><p><b>　　{</b></p><p>　　eval("document.div"+n+".top="+y);</p><p>　　eval("document.div"+n+".left="+x);</p><p>　　eval(&

88、quot;document.div"+n+".visibility='visible'");</p><p><b>　　}</b></p><p><b>　　else</b></p><p><b>　　{</b></p><p&g

89、t;　　eval("div"+n+".style.top="+y);</p><p>　　eval("div"+n+".style.left="+x);</p><p>　　eval("div"+n+".style.visibility='visible'"

90、;);</p><p><b>　　}</b></p><p><b>　　n++;</b></p><p>　　tmr=setTimeout("beam("+n+")",spd);</p><p><b>　　}</b></p&g

91、t;<p><b>　　else</b></p><p><b>　　{</b></p><p>　　clearTimeout(tmr);</p><p><b>　　fade(4);</b></p><p><b>　　}</b></

92、p><p><b>　　}</b></p><p>　　function fade(n)</p><p><b>　　{</b></p><p><b>　　if(n>0)</b></p><p><b>　　{</b></

93、p><p>　　if(nav)eval("document.div"+n+".visibility='hidden'");</p><p>　　else eval("div"+n+".style.visibility='hidden'");</p><p>&

94、lt;b>　　n--;</b></p><p>　　tmr=setTimeout("fade("+n+")",spd);</p><p><b>　　}</b></p><p>　　else clearTimeout(tmr);</p><p><b>

95、　　}</b></p><p><b>　　</script></b></p><p><b>　　結束語</b></p><p>　　經過一段時間的學習與制作，企業網站的設計制作基本上已經告一段落?？偨Y這次制作畢業設計的過程，對我來說是一個將所學知識從書本運用到實際操作的初次體驗。通過這次的制作與

96、設計讓我了解了一個網站形成的基本過程和基本綱領構架，加深了我對現在計算機技術、通訊技術、英特網技術等的認識，還有對制作網站上用到的dreamweaver等設計與制作網站的工具有了更多的了解，得到了深入的理解同時更熟練地使用這些工具。相信這些知識都將對我的工作帶來很大的幫助。在這次的畢業設計中使我得學習了比以前更多的知識，如何提高自己的學習和操作能力。</p><p>　　這次設計由于時間、條件和個人能力的限制，加

97、之設計經驗的不足，在網站的整體設計及各模塊功能可能設計的不完全，有待于進一步的完善和改進。這些情況希望能在今后的不斷學習與應用中把它擴充得更加豐富，以適應不同層次使用者的需求。同時現在網站的設計技術與要求在不斷地更新，不斷地提高，我想以后還要有很長的一段學習與實踐的時間，才能在設計與制作網站方面有所完善。</p><p>　　現請各位知道老師對我這段時間努力學習，努力設計制作所得的作品進行檢測，并加以指正。<

98、;/p><p><b>　　參考文獻</b></p><p>　　[1] 林少景編著.ASP動態網站編程[M]. 北京清華大學出版</p><p>　　[2] 楊曉鐘.網站設計與開發[M]. 北京:機械工業出版社，2005-06</p><p>　　[3] 姜再興，李萬強，王曉風.Dreamweaver MX 2004＋AS

99、P網站開發基礎與實例教程[M].北京：電子工業出版社，2006.1～2</p><p>　　[4] 孫剛，徐兵，董小剛.基于ASP．NET技術的電子商務系統的開發[J]. 長春工業大學學報，2004,25(3):145-153</p><p>　　[5] (韓)鄭詩蘭 金冬美著.photoshop 影像藝術與網頁設計（附1CD）中國青年，2002年6月</p><p&

100、gt;<b>　　致謝</b></p><p>　　經過數個星期的努力，我的畢業設計和畢業設計說明書終于完成了。在這次的畢業設計中我學會了很多課外的專業知識，雖然還沒有琢磨地很透徹，但相比以前，已經有了很大的改進。之前我只會做最簡單的靜態網頁，除了基本的超鏈接外什么功能都不會，頁面上的登錄注冊和留言板功能都只是擺設（沒法實現），可是通過這次畢業設計，我已經能獨立完成簡單的網站功能了，如我能能

101、運用access數據庫的鏈接等技術將這些功能實現了。此外，對和網頁設計相關的各軟件的操作我也熟練了一些，像PhotoShop,網頁三劍客等等。當然在完成這些的過程中我也遇到了很多問題，但是有了老師和同學的鼓勵與幫助，我遇到的難題都一一解決了，此外也少不了對網上工具的合理利用，如對“百度”這個搜索引擎的使用，在我作品中很多特效都是通過百度上學到的，能夠“學以致用”都要靠辛勤的老師，記得在校的時候，老師總是在我們耳邊提起要多利用身邊現有的工