企業(yè)網(wǎng)站的設(shè)計(jì)與制作_第1頁(yè)
企業(yè)網(wǎng)站的設(shè)計(jì)與制作_第2頁(yè)
企業(yè)網(wǎng)站的設(shè)計(jì)與制作_第3頁(yè)
企業(yè)網(wǎng)站的設(shè)計(jì)與制作_第4頁(yè)
企業(yè)網(wǎng)站的設(shè)計(jì)與制作_第5頁(yè)
已閱讀5頁(yè),還剩10頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

...wd......wd......wd...企業(yè)網(wǎng)站的設(shè)計(jì)與制作9768摘要: 212436關(guān)鍵字: 226791第一章緒言 34758第二章網(wǎng)站設(shè)計(jì)分析 4219562.1網(wǎng)站設(shè)計(jì)概述 4253372.2開(kāi)發(fā)工具的選用及介紹 4107622.2.1Dreamweaver8.0 4286632.2.2PhotoshopCS 5223382.2.3ASP動(dòng)態(tài)網(wǎng)站腳本語(yǔ)言 658542.3關(guān)系型數(shù)據(jù)庫(kù)的選擇 7218852.3.1MicrosoftOfficeAccess簡(jiǎn)介 7182933.1網(wǎng)站定位 9136953.2系統(tǒng)構(gòu)思 9305233.3網(wǎng)站欄目簡(jiǎn)介 1018283第四章詳細(xì)設(shè)計(jì) 11112344.1網(wǎng)站制作過(guò)程 11327324.1.1logo的制作過(guò)程 11159974.1.2banner的制作過(guò)程 12222354.1.3主頁(yè)制作過(guò)程(詳見(jiàn)圖4-3) 13177164.1.4留言板的設(shè)計(jì) 14305304.2數(shù)據(jù)庫(kù)的設(shè)計(jì) 16162514.3系統(tǒng)實(shí)現(xiàn)代碼 1727104.3.1滾動(dòng)文字特效〔這里主要指網(wǎng)站左側(cè)的“公司公告〞〕 17166724.3.2圖片切換 1831714.3.3首頁(yè)鼠標(biāo)特效代碼 1931403完畢語(yǔ) 2110636參考文獻(xiàn) 2112778致謝 21摘要:本文就網(wǎng)站的主題內(nèi)容及網(wǎng)站的制作與設(shè)計(jì)這兩方面進(jìn)展描述與分析。本網(wǎng)站的主題知識(shí)產(chǎn)權(quán)服務(wù),整個(gè)網(wǎng)站都是以法律性的內(nèi)容為主的,主要包括了首頁(yè)、公司簡(jiǎn)介、法律服務(wù)、友情鏈接、法界動(dòng)態(tài)、法律法規(guī)、在線(xiàn)留言、聯(lián)系我們、網(wǎng)站公告等欄目。在整個(gè)設(shè)計(jì)過(guò)程中主要是運(yùn)用Dreamweaver、ACCESS、ASP等編寫(xiě)的。通過(guò)本網(wǎng)站系統(tǒng),給想了解知識(shí)產(chǎn)權(quán)的人群提供了一個(gè)良好的平臺(tái),同時(shí)也為有意愿注冊(cè)公司、注冊(cè)商標(biāo)、申請(qǐng)專(zhuān)利,卻無(wú)從咨詢(xún)的人提供了一個(gè)可以互動(dòng)解決問(wèn)題的平臺(tái)。如今,在網(wǎng)絡(luò)技術(shù)的迅猛開(kāi)展下,互聯(lián)網(wǎng)的不斷普及,讓人們都感受到網(wǎng)絡(luò)的方便快捷,從而大家都喜歡選擇從互聯(lián)網(wǎng)上獲取信息,因此,互聯(lián)網(wǎng)逐漸成為一個(gè)寬廣的信息發(fā)布平臺(tái)和獲取信息的平臺(tái)。本網(wǎng)站也需要通過(guò)Internet來(lái)對(duì)外宣傳、普及,從而幫助到更多想了解知識(shí)產(chǎn)權(quán)的人們。本網(wǎng)站主要是以建設(shè)Dreamweaver、ACCESS、ASP等技術(shù)的動(dòng)態(tài)網(wǎng)站管理系統(tǒng)的前臺(tái)表現(xiàn)模塊,使用了ASP技術(shù)的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù),加上ACCESS作為后臺(tái)數(shù)據(jù)庫(kù),制作了一個(gè)簡(jiǎn)單的服務(wù)性企業(yè)網(wǎng)站系統(tǒng),實(shí)現(xiàn)了企業(yè)網(wǎng)站的根本功能,例如用戶(hù)注冊(cè)登錄,留言板的實(shí)現(xiàn)等。關(guān)鍵字:企業(yè)網(wǎng)站;ASP;知識(shí)產(chǎn)權(quán)緒言二十世紀(jì)進(jìn)入信息開(kāi)展高速路,數(shù)碼化革命給所有領(lǐng)域帶來(lái)新的改變。隨著電腦辦公自動(dòng)化的普及,電子商務(wù)應(yīng)運(yùn)而生,一切都?xì)w功于internet的巨大奉獻(xiàn),互聯(lián)網(wǎng)的世界里蘊(yùn)藏?zé)o限生機(jī),這里只有想不到的、沒(méi)有做不到的。由于國(guó)際互聯(lián)網(wǎng)是一個(gè)不受時(shí)空限制的信息交換系統(tǒng),所以它是目前最直接、最豐富和最快捷的聯(lián)系方式,信息溝通的高效率為企業(yè)帶來(lái)了最大的方便。所以在現(xiàn)今社會(huì)對(duì)于一個(gè)企業(yè)來(lái)說(shuō),網(wǎng)站已經(jīng)是不可缺少的一局部了?,F(xiàn)今,知識(shí)產(chǎn)權(quán)越來(lái)越被人們關(guān)注,隨著就業(yè)壓力的加重,越來(lái)越多的年輕人選擇自己創(chuàng)業(yè)開(kāi)公司,大學(xué)生也占了一定的比例,由于專(zhuān)業(yè)的限定,有些大學(xué)生在校根本上接觸不到知識(shí)產(chǎn)權(quán)的知識(shí),當(dāng)然在社會(huì)上的人群也不一定都了解知識(shí)產(chǎn)權(quán)。同時(shí)隨著互聯(lián)網(wǎng)的快速開(kāi)展和不斷普及,網(wǎng)站成了傳播信息最有效的平臺(tái)。所以我制作了一個(gè)專(zhuān)門(mén)針對(duì)知識(shí)產(chǎn)權(quán)行業(yè)的企業(yè)網(wǎng)站,給這些人群提供了一個(gè)了解和學(xué)習(xí)知識(shí)產(chǎn)權(quán)的平臺(tái),當(dāng)然對(duì)于一個(gè)針對(duì)知識(shí)產(chǎn)權(quán)的服務(wù)性企業(yè)本身而言,這個(gè)網(wǎng)站將會(huì)對(duì)其自身帶來(lái)不可估量的效用。社會(huì)在開(kāi)展,人們的思想觀念,生活方式也在開(kāi)展,通過(guò)網(wǎng)站這種方式與企業(yè)或者他人交流已經(jīng)趨向普及第二章網(wǎng)站設(shè)計(jì)分析網(wǎng)站的設(shè)計(jì)與制作需要用到網(wǎng)頁(yè)三劍客〔Dreamweaver、fireworks、flash〕,IIS,photoshop等工具。所以首先我們要了解這些工具的功能與用處,然后要能夠熟練得掌握這些工具用法,只有你能熟練使用這些工具,你才能在設(shè)計(jì)過(guò)程中盡量防止技術(shù)上的問(wèn)題,提高效率,做到“事半功倍〞。2.1網(wǎng)站設(shè)計(jì)概述網(wǎng)站首頁(yè)可以說(shuō)是網(wǎng)站的門(mén)面,大家瀏覽你的網(wǎng)站首先看到的就是網(wǎng)站首頁(yè),所以首頁(yè)不僅要做得美觀,引人瀏覽,還要有豐富的內(nèi)容。所以我們?cè)谑醉?yè)就首頁(yè)聚集了大量的信息,除了最根本的法律法規(guī)、法界動(dòng)態(tài)、法律服務(wù)這些欄目外,我還將公司的公告用滾動(dòng)文字的形式展現(xiàn)出來(lái),這樣靜中有“動(dòng)〞的效果可以抓住人的眼球,吸引人去點(diǎn)擊。每頁(yè)左下方都有我們的聯(lián)系方式,這樣就不用轉(zhuǎn)到聯(lián)系我們這張頁(yè)面都能獲取到公司的聯(lián)系方式了,當(dāng)然假設(shè)想更深入的了解就可以轉(zhuǎn)到聯(lián)系我們頁(yè)面。子頁(yè)面的框架根本上是符合整個(gè)網(wǎng)站的整體風(fēng)格的,banner,導(dǎo)航等都是和首頁(yè)一樣的,不一樣的只是正文的內(nèi)容,這個(gè)可以通過(guò)模板來(lái)實(shí)現(xiàn)。出于排除對(duì)模板可編輯區(qū)域排版的復(fù)雜性起見(jiàn),我這里沒(méi)有運(yùn)用模板,而是用另存為的方式實(shí)現(xiàn)網(wǎng)頁(yè)風(fēng)格“統(tǒng)一化〞的。在網(wǎng)站的各頁(yè)面制作好后,我在Dreamweaver中與Access數(shù)據(jù)庫(kù)建設(shè)連接,通過(guò)在Dreamweaver的一系列操作實(shí)現(xiàn)注冊(cè)登錄的功能,而留言板功能我是通過(guò)一張空白的寫(xiě)有后臺(tái)代碼的頁(yè)面轉(zhuǎn)接過(guò)去的,名為handle.asp,用戶(hù)可以通過(guò)“在線(xiàn)留言〞在網(wǎng)站上發(fā)表自己的見(jiàn)解或疑問(wèn),到達(dá)互動(dòng)的效果。2.2開(kāi)發(fā)工具的選用及介紹2.2.1Dreamweaver8.0Dreamweaver是創(chuàng)立和管理網(wǎng)頁(yè)的專(zhuān)業(yè)化可視編輯器,在網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域中用戶(hù)最多、應(yīng)用最廣、功能最強(qiáng)大的軟件,隨著Dreamweaver8的發(fā)布,更堅(jiān)決Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)和站點(diǎn)管理功能于一身,具有可視化、支持多平臺(tái)和跨瀏覽器的特性,是目前網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)、制作的首選工具。1、靈活的編寫(xiě)方式Dreamweaver具有靈活編寫(xiě)網(wǎng)頁(yè)的特點(diǎn),不但將世界一流水平的“設(shè)計(jì)〞和“代碼〞編輯器合二為一,而且在設(shè)計(jì)窗口中還精化了源代碼,能幫助用戶(hù)按工作需要定制自己的用戶(hù)界面。2、可視化編輯界面Dreamweaver是一種所見(jiàn)即所得的HTML編輯器,可實(shí)現(xiàn)頁(yè)面元素的插入和生成?;蛞暬庉嫮h(huán)境大量減少了代碼的編寫(xiě),同時(shí)亦保證了其專(zhuān)業(yè)性和兼容性,并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)展實(shí)時(shí)的訪(fǎng)問(wèn)。無(wú)論用戶(hù)習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面,Dreamweaver都能提供便捷的方式使用戶(hù)設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站變得更容易。3、功能更多的CSS支持——CSS可視化設(shè)計(jì)、CSS檢查工具4、動(dòng)態(tài)跨瀏覽器驗(yàn)證當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性,可以指定何種瀏覽器為測(cè)試用瀏覽器,同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁(yè)面有沒(méi)有目標(biāo)瀏覽器不支持的tags或CSS構(gòu)造。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對(duì)tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。5、強(qiáng)大的WEB站點(diǎn)管理功能6、內(nèi)建的圖形編輯引擎7、Dreamweaver的集成特性Dreamweaver8繼承了Fireworks、Flash和Shockwave的集成特性,可以在這些Web創(chuàng)作工具之間自由地切換,輕松地創(chuàng)立美觀實(shí)用的網(wǎng)頁(yè)。8、豐富的媒體支持能力可以方便地參加Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能,在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色,它利用JavaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互操作。Dreamweaver還提供行為和時(shí)間線(xiàn)兩種控件來(lái)產(chǎn)生交互式響應(yīng)和進(jìn)展動(dòng)畫(huà)處理。9、超強(qiáng)的擴(kuò)展能力Dreamweaver還支持第三方插件,任何人都可以根據(jù)自己的需要擴(kuò)展Dreamweaver的功能,并且可以發(fā)布這些插件。2.2.2PhotoshopCSPhotoshopCS是一款圖形、圖像編輯軟件,在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域被廣泛得應(yīng)用。以下是其10大最新功能:1、改良的文件瀏覽器使用功能強(qiáng)大文件瀏覽器的可以快速預(yù)覽、標(biāo)注和排序圖片;搜索或編輯圖像的數(shù)據(jù)元或關(guān)鍵詞;并且可以自動(dòng)批量共享文件。2、匹配顏色命令可以迅速?gòu)囊粡垐D片的顏色校正另外一張圖像的顏色。3、直方圖調(diào)色板隨時(shí)根據(jù)對(duì)圖像的調(diào)整更新直方圖調(diào)色板(HistogramPalette)。4、陰影/加亮區(qū)修正使用“陰影/加亮區(qū)修正(hadow/Highlightcorrection)〞可以快速調(diào)整照片中曝光過(guò)渡或欠缺的區(qū)域。5、沿路徑放置文本可以像在Illustrator中一樣把文本沿著路徑放置,并且你還可以在Illustrator直接編輯文本。6、支持?jǐn)?shù)碼相機(jī)的raw模式支持多款數(shù)碼相機(jī)得raw模式,讓用戶(hù)可以得到更真實(shí)的圖像輸入。7、全面支持16位圖像可以在主要功能、層、比刷、文字、圖形等中準(zhǔn)確的編輯、潤(rùn)飾16位的圖像。8、LayerComps可以在一個(gè)文件中保存不同層的合并效果,以便對(duì)各種效果進(jìn)展快速觀察。9、輸入Flash文件使用ImageReady可以創(chuàng)立flash矢量文件。10、自定義快捷鍵用戶(hù)可以按照自己的習(xí)慣定義Photoshop的快捷鍵。2.2.3ASP動(dòng)態(tài)網(wǎng)站腳本語(yǔ)言ASP是ActiveServerPage的縮寫(xiě),意為“動(dòng)態(tài)服務(wù)器頁(yè)面〞。ASP是微軟公司開(kāi)發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)展交互,是一種簡(jiǎn)單、方便的編程工具。ASP的網(wǎng)頁(yè)文件的格式是.asp,現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。ASP采用腳本語(yǔ)言VBScript〔Javascript〕作為自己的開(kāi)發(fā)語(yǔ)言。ASP是一種服務(wù)器端腳本編寫(xiě)環(huán)境,可以用來(lái)創(chuàng)立和運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)或Web應(yīng)用程序。使用ASP可以組合HTML頁(yè)、VBScript腳本命令和JavaScript腳本命令等,以創(chuàng)立交互的Web頁(yè)和基于Web的功能強(qiáng)大的應(yīng)用程序。ASP網(wǎng)頁(yè)可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁(yè)中添加交互式內(nèi)容〔如在線(xiàn)表單〕,也可以創(chuàng)立使用HTML網(wǎng)頁(yè)作為用戶(hù)界面的web應(yīng)用程序。ASP的文件后綴名為.asp,以區(qū)別于同樣可以包含Script的HTML文件。一個(gè).asp文件是一個(gè)文本文件,可以包括以下元素的任意組合:文本〔text〕、HTML標(biāo)志〔tags〕、Script命令由于腳本程序是在服務(wù)器上而不是在客戶(hù)端運(yùn)行,傳送到瀏覽器上的Web頁(yè)是在Web服務(wù)器上生成的。所以不必?fù)?dān)憂(yōu)瀏覽器能否處理腳本:Web服務(wù)器已經(jīng)完成了所有腳本的處理,并將標(biāo)準(zhǔn)的HTML頁(yè)面?zhèn)鬏數(shù)綖g覽器。由于只有腳本的結(jié)果返回到瀏覽器,所以服務(wù)器端腳本不易被別人復(fù)制。用戶(hù)看不到創(chuàng)立他們正在瀏覽的頁(yè)的腳本命令。2.3關(guān)系型數(shù)據(jù)庫(kù)的選擇2.3.1MicrosoftOfficeAccess簡(jiǎn)介MicrosoftOfficeAccess是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫(kù)管理系統(tǒng),是集成在microsoft公司開(kāi)發(fā)的產(chǎn)品更新?lián)Q代office系統(tǒng)中的集成軟件。它之所以被集成到Office中而不是VisualStudio中,是因?yàn)樗c其它的數(shù)據(jù)庫(kù)管理系統(tǒng)〔如VisualFoxPro〕相比更加簡(jiǎn)單易學(xué),一個(gè)普通的計(jì)算機(jī)用戶(hù)即可掌握并使用它。而且最重要的一點(diǎn)是Access的功能足夠強(qiáng)大,足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。Assess能夠存取Access/Jet、MicrosoftSQLServer、Oracle,或者任何ODBC兼容數(shù)據(jù)庫(kù)內(nèi)的資料。ODBC〔OpenDatabaseConnectivity開(kāi)放式數(shù)據(jù)庫(kù)互聯(lián)〕是微軟推出的一種工業(yè)標(biāo)準(zhǔn),一種開(kāi)放的獨(dú)立于廠(chǎng)商的API應(yīng)用程序接口,可以跨平臺(tái)訪(fǎng)問(wèn)各種個(gè)人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)。ODBC作為一個(gè)工業(yè)標(biāo)準(zhǔn),絕大多數(shù)數(shù)據(jù)庫(kù)廠(chǎng)商、大多數(shù)應(yīng)用軟件和工具軟件廠(chǎng)商都為自己的產(chǎn)品提供了ODBC接口或提供了ODBC支持,這其中就包括常用的SQLSERVER、ORACAL、INFORMIX等,當(dāng)然也包括了Access。在ASP中可以通過(guò)三種方式訪(fǎng)問(wèn)數(shù)據(jù)庫(kù):1、IDC〔InternetDatabaseConnector〕方式;2、ADO〔ActiveXDataObjects〕方式;3、RDS〔RemoteDataService〕方式。這三種訪(fǎng)問(wèn)方式對(duì)數(shù)據(jù)庫(kù)的訪(fǎng)問(wèn)都是由InternetInformationServer完成的。通過(guò)Web瀏覽器用協(xié)議向IIS〔Internet信息服務(wù)器〕發(fā)送請(qǐng)求,IIS執(zhí)行對(duì)數(shù)據(jù)庫(kù)的訪(fǎng)問(wèn),并返回一個(gè)HTML格式的文檔響應(yīng)。以下是Access的優(yōu)點(diǎn):1.存儲(chǔ)方式單一Access管理的對(duì)象有表、查詢(xún)、窗體、報(bào)表、頁(yè)、宏和模塊,以上對(duì)象都存放在后綴為〔.mdb〕的數(shù)據(jù)庫(kù)文件種,便于用戶(hù)的操作和管理。2.面向?qū)ο驛ccess是一個(gè)面向?qū)ο蟮拈_(kāi)發(fā)工具,利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫(kù)系統(tǒng)中的各種功能對(duì)象化,將數(shù)據(jù)庫(kù)管理的各種功能封裝在各類(lèi)對(duì)象中。它將一個(gè)應(yīng)用系統(tǒng)當(dāng)作是由一系列對(duì)象組成的,對(duì)每個(gè)對(duì)象它都定義一組方法和屬性,以定義該對(duì)象的行為和外國(guó),用戶(hù)還可以按需要給對(duì)象擴(kuò)展方法和屬性。通過(guò)對(duì)象的方法、屬性完成數(shù)據(jù)庫(kù)的操作和管理,極大地簡(jiǎn)化了用戶(hù)的開(kāi)發(fā)工作。同時(shí),這種基于面向?qū)ο蟮拈_(kāi)發(fā)方式,使得開(kāi)發(fā)應(yīng)用程序更為簡(jiǎn)便。3.界面友好、易操作Access是一個(gè)可視化工具,是風(fēng)格與Windows完全一樣,用戶(hù)想要生成對(duì)象并應(yīng)用,只要使用鼠標(biāo)進(jìn)展拖放即可,非常直觀方便。系統(tǒng)還提供了表生成器、查詢(xún)生成器、報(bào)表設(shè)計(jì)器以及數(shù)據(jù)庫(kù)向?qū)?、表向?qū)?、查?xún)向?qū)?、窗體向?qū)?、?bào)表向?qū)У裙ぞ?,使得操作?jiǎn)便,容易使用和掌握。4.集成環(huán)境、處理多種數(shù)據(jù)信息Access基于Windows操作系統(tǒng)下的集成開(kāi)發(fā)環(huán)境,該環(huán)境集成了各種向?qū)Ш蜕善鞴ぞ?,極大地提高了開(kāi)發(fā)人員的工作效率,使得建設(shè)數(shù)據(jù)庫(kù)、創(chuàng)立表、設(shè)計(jì)用戶(hù)界面、設(shè)計(jì)數(shù)據(jù)查詢(xún)、報(bào)表打印等可以方便有序地進(jìn)展。5.Access支持ODBC〔開(kāi)發(fā)數(shù)據(jù)庫(kù)互連,OpenDataBaseConnectivity〕。利用Access強(qiáng)大的DDE〔動(dòng)態(tài)數(shù)據(jù)交換〕和OLE〔對(duì)象的聯(lián)接和嵌入〕特性,可以在一個(gè)數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔,還可以建設(shè)動(dòng)態(tài)的數(shù)據(jù)庫(kù)報(bào)表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò),并與網(wǎng)絡(luò)上的動(dòng)態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)頁(yè)對(duì)象生成HTML文件,輕松構(gòu)建Internet/Intranet的應(yīng)用。第三章方案初選3.1網(wǎng)站定位1.網(wǎng)站主題本網(wǎng)站的主題是知識(shí)產(chǎn)權(quán)〔包括公司注冊(cè)、商標(biāo)注冊(cè)、專(zhuān)利申請(qǐng)等等的法律知識(shí)〕,給想成立公司、注冊(cè)公司、申請(qǐng)專(zhuān)利、注冊(cè)商標(biāo)等的相關(guān)人群予幫助。2.網(wǎng)站名稱(chēng)該網(wǎng)站名為“君輝知識(shí)產(chǎn)權(quán)代理〞,由此可見(jià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)富的源頭,就來(lá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)綴,給人一種傾心的感覺(jué),藍(lán)色還是天空和海洋的象征,“廣闊無(wú)垠〞的藍(lán)色也同樣象征著我們“知識(shí)產(chǎn)權(quán)〞給人們帶來(lái)的財(cái)富也“浩瀚無(wú)垠〞。5.標(biāo)準(zhǔn)字體正文字體主要用的是標(biāo)準(zhǔn)的宋體。3.2系統(tǒng)構(gòu)思本網(wǎng)站前臺(tái)包括首頁(yè)、公司簡(jiǎn)介、法律服務(wù)、友情鏈接、法界動(dòng)態(tài)、法律法規(guī)、在線(xiàn)留言、聯(lián)系我們、網(wǎng)站公告等欄目。以下是系統(tǒng)構(gòu)思的圖解〔如圖3-1〕首頁(yè)首頁(yè)后臺(tái)管理公司簡(jiǎn)介法界動(dòng)態(tài)法律法規(guī)網(wǎng)站公告在線(xiàn)留言法律服務(wù)友情鏈接聯(lián)系我們圖3-1網(wǎng)站垂直系統(tǒng)圖3.3網(wǎng)站欄目簡(jiǎn)介本網(wǎng)站的欄目有首頁(yè)、公司簡(jiǎn)介、法律服務(wù)、友情鏈接、法界動(dòng)態(tài)、法律法規(guī)、在線(xiàn)留言、聯(lián)系我們、網(wǎng)站公告等欄目,下面是對(duì)各欄目的簡(jiǎn)介:首頁(yè):我們的banner所要表現(xiàn)的就是希望大家能到我們大學(xué)生創(chuàng)業(yè)園來(lái)一起學(xué)習(xí)創(chuàng)業(yè)知識(shí),交流創(chuàng)業(yè)經(jīng)歷。因?yàn)檫@個(gè)作品是特別為大學(xué)生設(shè)計(jì)的,所以我們的整個(gè)頁(yè)面都是顯示出一種大學(xué)生活潑、朝氣以及創(chuàng)業(yè)的激情。同時(shí)首頁(yè)包含了本站所涉及的主要內(nèi)容、組成元素、主要話(huà)題和網(wǎng)站精華。公司簡(jiǎn)介:主要介紹公司的歷史文化及服務(wù)內(nèi)容。法律服務(wù):簡(jiǎn)單羅列了公司受理的業(yè)務(wù),如公司注冊(cè)、商標(biāo)注冊(cè)、專(zhuān)利申請(qǐng)、電子口岸、版權(quán)代理等等。友情鏈接:這個(gè)欄目主要是為了方便用戶(hù)了解有關(guān)商標(biāo)、專(zhuān)利等知識(shí)產(chǎn)權(quán)方面的知識(shí)而與相關(guān)政府部門(mén)網(wǎng)站建設(shè)的友情鏈接。法界動(dòng)態(tài):我們特別收集了國(guó)家知識(shí)產(chǎn)權(quán)網(wǎng)上的最新信息,讓大家能及時(shí)了解到我國(guó)知識(shí)產(chǎn)權(quán)的最新動(dòng)態(tài)。法律法規(guī):這個(gè)欄目主要列舉了有關(guān)知識(shí)產(chǎn)權(quán)方面的相關(guān)法律及法規(guī),如“中華人民共和國(guó)專(zhuān)利法〞等,使用戶(hù)對(duì)專(zhuān)利法等相關(guān)法律知識(shí)有一定的了解。在線(xiàn)留言:此欄目設(shè)立的主要目的是為了提供應(yīng)想了解知識(shí)產(chǎn)權(quán)的用戶(hù)一個(gè)互動(dòng)的平臺(tái),用以解決知識(shí)產(chǎn)權(quán)的相關(guān)問(wèn)題?!踩鐖D3-2〕聯(lián)系我們:通過(guò)這個(gè)欄目,可以讓用戶(hù)獲得我們的各種聯(lián)系方式,這樣可以更深一步的與其探討知識(shí)產(chǎn)權(quán)的問(wèn)題。網(wǎng)站公告:除了單獨(dú)設(shè)立這個(gè)欄目外,我還特意在每張頁(yè)面的左側(cè)做了一個(gè)由下而上的滾動(dòng)公告欄來(lái)吸引大家的眼球,鼠標(biāo)滑過(guò)滾動(dòng)文字停留,鼠標(biāo)點(diǎn)擊后超鏈接至“網(wǎng)站公告〞這個(gè)欄目,內(nèi)容主要為公司的最新的動(dòng)態(tài)?!踩鐖D3-2〕圖3-2第四章詳細(xì)設(shè)計(jì)4.1網(wǎng)站制作過(guò)程4.1.1logo的制作過(guò)程本網(wǎng)站的Logo是把從網(wǎng)絡(luò)上找到的一些素材圖片,通過(guò)用Photoshop進(jìn)展編輯、修改、組合而完成的。為了突出該企業(yè)名稱(chēng)“君輝〞,特意把“junhui〞標(biāo)志用藍(lán)色水晶球包圍,并且“junhui〞中“J〞這個(gè)字母用一個(gè)龍頭的形狀代替,自古以來(lái)龍?jiān)谌藗兊牡匚欢际侵粮邿o(wú)上的,同時(shí)也襯托出“知識(shí)產(chǎn)權(quán)〞在當(dāng)今社會(huì)的重要地位。在整個(gè)以藍(lán)色為主色調(diào)的網(wǎng)頁(yè)中,調(diào)劑整體頁(yè)面的色調(diào),使頁(yè)面看起來(lái)更鮮活,很是醒目,讓人一眼就看到這個(gè)logo,了解主題?!踩鐖D4-1〕圖4-1網(wǎng)站logo4.1.2banner的制作過(guò)程首先需要上網(wǎng)收集一些符合你的作品主題、創(chuàng)作思維以及整體風(fēng)格的網(wǎng)頁(yè)相關(guān)素材,對(duì)其進(jìn)展修改已獲得自己所需素材,或可在Photoshop中繪制出自己所需的圖片素材。接著翻開(kāi)Photoshop,在Photoshop里面新建一個(gè)文件,調(diào)整底圖大小,根據(jù)網(wǎng)頁(yè)的總長(zhǎng)度,調(diào)節(jié)banner的長(zhǎng)度和寬度〔一般banner不能太寬,不然會(huì)顯得頭重腳輕,當(dāng)然也不能太窄,都沒(méi)法讓人感覺(jué)到有banner存在,所以一定要調(diào)整至占整個(gè)網(wǎng)頁(yè)的適合比例?!吃O(shè)計(jì)banner的背景:選用一張藍(lán)色的微帶波橫的圖片為banner背景,將處理好的素材依次放入具體位子,像左邊的鏡頭光暈,右邊的發(fā)光矩形框等等,按具體需求做具體的改動(dòng)和修改,這樣整個(gè)banner的背景就設(shè)計(jì)好了。具體內(nèi)容設(shè)計(jì):先在banner左邊放入logo〔這里為了美觀起見(jiàn),我將logo放大放在了banner最左邊,假設(shè)放在左上角一塊窄小的地方,反而凸顯不出“junhui〞這個(gè)標(biāo)志〕,按具體情況驚醒調(diào)整修改至適當(dāng)局部,處理好每一處細(xì)節(jié),這樣整個(gè)靜態(tài)的banner局部就設(shè)計(jì)好了。添加動(dòng)態(tài)的flash效果:動(dòng)態(tài)的flash效果要等到整個(gè)網(wǎng)頁(yè)的根本布局都設(shè)計(jì)好之后,就可以在Photoshop中按Shift+Ctrl+Alt+S存儲(chǔ)切片后所有圖片,將頁(yè)面轉(zhuǎn)換成.html格式,然后使用Dreamweaver翻開(kāi)編輯,在banner的區(qū)域參加Flash,將Flash轉(zhuǎn)換為透明flash形式,這樣整個(gè)banner局部就完成了?!踩鐖D4-2〕圖4-2網(wǎng)站banner4.1.3主頁(yè)制作過(guò)程(詳見(jiàn)圖4-3)首先根據(jù)頁(yè)面要展示內(nèi)容的多少,在photoshop中新建一個(gè)適合的網(wǎng)頁(yè)寬度和長(zhǎng)度的文件〔我設(shè)計(jì)的時(shí)候在寬屏的機(jī)子上,所以建的文檔較大,約為1280*1405〕。在畫(huà)布上按自己的想法結(jié)合實(shí)際內(nèi)容,用各圖形工具在畫(huà)布上畫(huà)上整個(gè)網(wǎng)頁(yè)根本的布局。根本布局的設(shè)計(jì)定下之后再對(duì)各局部進(jìn)展具體設(shè)計(jì),細(xì)化每個(gè)局部,特別是靜態(tài)的局部。在Photoshop里完成整個(gè)頁(yè)面的設(shè)計(jì)后,進(jìn)展切片,將要?jiǎng)討B(tài)顯示的地方切出來(lái),還有就是大的圖片要切一下,能提高網(wǎng)頁(yè)讀取速度。按Shift+Ctrl+Alt+S存儲(chǔ)為.html格式后,用Dreamweaver編輯,將需要作為背景的單元格中的圖片設(shè)為該單元格的背景,另存為index.asp。用一樣的方法制作網(wǎng)站分頁(yè)。將所有頁(yè)面,拷到所屬文件夾,然后與后臺(tái)數(shù)據(jù)庫(kù)連接起來(lái),即可通過(guò)對(duì)后臺(tái)數(shù)據(jù)庫(kù)內(nèi)容的添加、刪除、修改來(lái)對(duì)網(wǎng)頁(yè)的相關(guān)內(nèi)容進(jìn)展操作,例如在數(shù)據(jù)庫(kù)注冊(cè)登錄表中刪除一個(gè)用戶(hù)信息,那么這個(gè)用戶(hù)再次用原先的登錄信息登錄時(shí)就無(wú)法登錄成功了。在Dreamweaver中網(wǎng)頁(yè)的左側(cè)類(lèi)似“書(shū)卷〞的區(qū)域插入一張表格,并在代碼相應(yīng)位置插入滾動(dòng)文字特效的代碼,實(shí)現(xiàn)文字至下而上滾動(dòng),鼠標(biāo)移過(guò)文字時(shí)滾動(dòng)停留的功能,鼠標(biāo)按下即跳轉(zhuǎn)到“網(wǎng)站公告〞頁(yè)面;在網(wǎng)站首頁(yè)頂端插入滾動(dòng)的歡送字幕,方法同上。在Dreamweaver8.0里翻開(kāi)主頁(yè)面,在頁(yè)面中相對(duì)應(yīng)除插入圖片切換的代碼,實(shí)現(xiàn)新聞圖片的自動(dòng)切換的效果。8.在Dreamweaver8.0里翻開(kāi)主頁(yè)面,切換到設(shè)計(jì)視圖,將雪花鼠標(biāo)特效代碼復(fù)制在<body></body>之間,保存并預(yù)覽,完成首頁(yè)鼠標(biāo)特效。圖4-3網(wǎng)站首頁(yè)4.1.4留言板的設(shè)計(jì)為了能讓大家有一個(gè)相互探討、分享知識(shí)產(chǎn)權(quán)方面的心得與經(jīng)歷的平臺(tái),為了能讓廣闊人群更好、更深刻的了解知識(shí)產(chǎn)權(quán),為此,我們特別設(shè)立了“在線(xiàn)留言〞這一欄目,如果你有什么和知識(shí)產(chǎn)權(quán)有關(guān)的問(wèn)題或者想法,可以在這里留言,我們將會(huì)有專(zhuān)門(mén)的指導(dǎo)教師或者有識(shí)之士會(huì)及時(shí)給予回復(fù)與解答,與此同時(shí)你也可以解答或回復(fù)他人遇到的問(wèn)題。這樣就實(shí)現(xiàn)了多人的互動(dòng)??傮w來(lái)說(shuō),留言板功能是這個(gè)網(wǎng)站的主要功能之一,也是這個(gè)網(wǎng)站的亮點(diǎn)之一,它讓整個(gè)網(wǎng)站的功能得到提升,使其不單單只是一個(gè)簡(jiǎn)單的單純的信息發(fā)布的網(wǎng)站,增加了互動(dòng)環(huán)節(jié)?!踩鐖D4-4〕〔留言頁(yè)面〕〔查看留言?xún)?nèi)容及回復(fù)頁(yè)面〕圖4-4留言板4.2數(shù)據(jù)庫(kù)的設(shè)計(jì)使用Access2003實(shí)現(xiàn)關(guān)系型數(shù)據(jù)庫(kù),以下是數(shù)據(jù)庫(kù)中幾個(gè)主要的表的設(shè)計(jì):登錄注冊(cè)管理存儲(chǔ)了注冊(cè)登錄用戶(hù)的根本信息,如用戶(hù)名、密碼、地址、郵箱等?!踩鐖D4-5〕圖4-5圖4-6留言板存儲(chǔ)了留言的檔案,其中id是關(guān)鍵字,主要實(shí)現(xiàn)用戶(hù)信息管理、留言及回復(fù)等?!踩鐖D4-7〕〔留言信息存儲(chǔ)表〕〔回復(fù)信息儲(chǔ)存表〕圖4-7創(chuàng)立好數(shù)據(jù)庫(kù)之后,我們來(lái)用ASP把程序和數(shù)據(jù)庫(kù)連接起來(lái),以后就可以連接到數(shù)據(jù)庫(kù)、在ASP中顯示數(shù)據(jù)庫(kù)中的數(shù)據(jù)。

4.3系統(tǒng)實(shí)現(xiàn)代碼4.3.1滾動(dòng)文字特效〔這里主要指網(wǎng)站左側(cè)的“公司公告〞〕<tablewidth="70%"border="0"align="center"cellpadding="0"cellspacing="0"><tr><td><divalign="center"><tableborder="0"align="center"cellpadding="5"cellspacing="0"bordercolor="#000000"><tr><tdbordercolor="#88C7E9"><scriptlanguage=javascript>document.write("<marqueescrollamount='1'scrolldelay='30'direction='UP'width='150'id='helpor_net'height='150'onmouseover='helpor_net.stop()'onmouseout='helpor_net.start()'Author:redriver;Formore,visit:>")document.write("<h2><palign='center'><fontcolor='#000000'face='黑體'>公司公告</font></h2>")document.write("<p><fontcolor='#000000'size=2>")document.write("<br><ahref='WZGG.asp'>1.商標(biāo)轉(zhuǎn)讓——君輝知識(shí)</a>")document.write("<br><ahref='WZGG.asp'>2.法律服務(wù)簡(jiǎn)介2010</a>")document.write("<br><ahref='WZGG.asp'>3.我們的法律服務(wù)↘(最新〕</a>")document.write("<br><ahref='WZGG.asp'>4.招聘專(zhuān)利代理人</a>")document.write("<br><ahref='WZGG.asp'>5.本所代理中國(guó)著名商標(biāo)</a>")document.write("<br><ahref='WZGG.asp'>6.賀本司商標(biāo)專(zhuān)利部喜遷</a>")document.write("</font>")document.write("</marquee>")</script></td></tr></table></div></td></tr></table>4.3.2圖片切換<imgsrc="images/CJok_18.gif"alt="商標(biāo)欣賞"width="763"height="127"id="Image1"onMouseOver="MM_swapImage('Image1','','images/SBXS2.jpg','Image2','','images/CJok_18.gif',1)"onMouseOut="MM_swapImgRestore()">4.3.3首頁(yè)鼠標(biāo)特效代碼<STYLETYPE="text/css">BODY{overflow:scroll;overflow-x:hidden;}.s1{position:absolute;font-size:12pt;color:blue;visibility:hidden;}.s2{position:absolute;font-size:20pt;color:green;visibility:hidden;}.s3{position:absolute;font-size:16pt;color:gold;visibility:hidden;}.s4{position:absolute;font

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論