畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng)站
前 言二十世紀(jì)進(jìn)入信息發(fā)展高速路,數(shù)碼化革命給所有領(lǐng)域帶來新的改變。隨著電腦辦公自動化的普及,電子商務(wù)應(yīng)運(yùn)而生,一切都?xì)w功于internet的巨大貢獻(xiàn),互聯(lián)網(wǎng)的世界里蘊(yùn)藏?zé)o限生機(jī),這里只有想不到的、沒有做不到的。由于國際互聯(lián)網(wǎng)是一個不受時空限制的信息交換系統(tǒng),所以它是目前最直接、最豐富和最快捷的聯(lián)系方式,信息溝通的高效率為企業(yè)帶來了最大的方便。所以在現(xiàn)今社會對于一個企業(yè)來說,網(wǎng)站已經(jīng)是不可缺少的一部分了?,F(xiàn)今,知識產(chǎn)權(quán)越來越被人們關(guān)注,隨著就業(yè)壓力的加重,越來越多的年輕人選擇自己創(chuàng)業(yè)開公司,大學(xué)生也占了一定的比例,由于專業(yè)的限定,有些大學(xué)生在校基本上接觸不到知識產(chǎn)權(quán)的知識,當(dāng)然在社會上的人群也不一定都了解知識產(chǎn)權(quán)。同時隨著互聯(lián)網(wǎng)的快速發(fā)展和不斷普及,網(wǎng)站成了傳播信息最有效的平臺。所以我制作了一個專門針對知識產(chǎn)權(quán)行業(yè)的企業(yè)網(wǎng)站,給這些人群提供了一個了解和學(xué)習(xí)知識產(chǎn)權(quán)的平臺,當(dāng)然對于一個針對知識產(chǎn)權(quán)的服務(wù)性企業(yè)本身而言,這個網(wǎng)站將會對其自身帶來不可估量的效用。當(dāng)前,隨著計(jì)算機(jī)技術(shù)與通信技術(shù)的發(fā)展,網(wǎng)絡(luò)的規(guī)模也逐漸增大。網(wǎng)絡(luò)的元素也隨之而不斷增加。有的利用其進(jìn)行通信,有的利用其作為商業(yè)用途,在網(wǎng)絡(luò)上進(jìn)行出售、收購、宣傳等用途。從而使得網(wǎng)絡(luò)越來越成為現(xiàn)今社會上必不可少的元素,而網(wǎng)站就是這個網(wǎng)絡(luò)里的一個很大的元素。所謂網(wǎng)站(Website),就是指在網(wǎng)際網(wǎng)路(因特網(wǎng))上,根據(jù)一定的規(guī)則,使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。簡單地說,網(wǎng)站是一種通訊工具,就像布告欄一樣,人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊(信息),或者利用網(wǎng)站來提供相關(guān)的網(wǎng)路服務(wù)(網(wǎng)絡(luò)服務(wù))。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站,獲取自己需要的資訊(信息)或者享受網(wǎng)路服務(wù)。目錄前 言1第一章31.1技術(shù)可行性分析31.2經(jīng)濟(jì)可行性分析31.3操作可行性分析3第二章 網(wǎng)站需求分析42.1網(wǎng)站需求設(shè)計(jì)概述42.2 開發(fā)工具的選用及介紹42.2.1 Dreamweaver8.042.2.2 Photoshop CS52.2.3 ASP動態(tài)網(wǎng)站腳本語言62.3 關(guān)系型數(shù)據(jù)庫的選擇72.3.1 Microsoft Office Access簡介7第三章 網(wǎng)站概要分析83.1系統(tǒng)構(gòu)思83.2項(xiàng)目需求分析91學(xué)生9第四章 項(xiàng)目詳細(xì)設(shè)計(jì)104.1 網(wǎng)站欄目簡介104.2.1 logo的制作過程114.2.2 banner的制作過程124.2.3 主頁制作過程(詳見圖4-3)134.3 數(shù)據(jù)庫的設(shè)計(jì)14第五章 項(xiàng)目編碼15第六章 項(xiàng)目測試236、1登陸頁面23第七章 項(xiàng)目管理25第六章 總結(jié)26第一章1.1技術(shù)可行性分析在制作網(wǎng)站的過程中需要考慮到技術(shù)可行性的問題,對制作人員一般都要求掌握計(jì)算機(jī)技術(shù),具有一定的數(shù)據(jù)庫基礎(chǔ),至少熟悉運(yùn)用一個網(wǎng)頁制作的軟件(如:Dreamweaver),并對多媒體軟件具有一定的熟悉(如:Photoshop、Flash等等)。用戶營運(yùn)過程中信息的系統(tǒng)化管理,權(quán)威的數(shù)據(jù)統(tǒng)計(jì),為企業(yè)的經(jīng)營決策提供了大量的、權(quán)威的科學(xué)依據(jù)(數(shù)據(jù));強(qiáng)大的畢業(yè)指導(dǎo)功能,簡化了學(xué)生的日常學(xué)習(xí),提高了寫作效率,避免了人工管理過程中數(shù)據(jù)易錯所帶來的一系列的連鎖反映,提高用戶的畢業(yè)論文能力1.2經(jīng)濟(jì)可行性分析 本作品制作全程都是由本小組自發(fā)研制,因此無需太多的人力和物力,管理方便,所以無需龐大的費(fèi)用,甚至可以所是零費(fèi)用。同時本作品是一個動態(tài)網(wǎng)頁,每次瀏覽都需要一個Web服務(wù)器支持,為了方便用戶瀏覽本網(wǎng)站在網(wǎng)上申請了一個域名,并利用這個提供域名的商家的Web服務(wù)器作為本網(wǎng)站的Web服務(wù)器。所以從經(jīng)濟(jì)上完全是可行的。實(shí)際情況下,在高系統(tǒng)配置、高網(wǎng)絡(luò)帶寬服務(wù),各個級別管理員很容易通過網(wǎng)站對其操作范圍內(nèi)的系統(tǒng)內(nèi)容信息進(jìn)行操作管理,完全滿足日常查詢、管理的要求。1.3操作可行性分析 本作品操作簡單、界面簡潔清晰, 對于那些有一般的計(jì)算機(jī)知識的人員就可以輕松上手。并兼容與所有網(wǎng)頁瀏覽的軟件(如: Internet Explorer) 由此可見,該網(wǎng)站的操作是可行的,有必要開發(fā)本網(wǎng)站。綜合以上方面,本網(wǎng)站具有很高的開發(fā)可行性,無論是從技術(shù)上,經(jīng)濟(jì)上或者社會因素方面還是操作上都是可行的。第二章 網(wǎng)站需求分析2.1網(wǎng)站需求設(shè)計(jì)概述網(wǎng)站首頁可以說是網(wǎng)站的門面,大家瀏覽你的網(wǎng)站首先看到的就是網(wǎng)站首頁,所以首頁不僅要做得美觀,引人瀏覽,還要有豐富的內(nèi)容。所以我們在首頁就首頁聚集了大量的信息,除了最基本的法律法規(guī)、法界動態(tài)、法律服務(wù)這些欄目外,我還將公司的公告用滾動文字的形式展現(xiàn)出來,這樣靜中有“動”的效果可以抓住人的眼球,吸引人去點(diǎn)擊。每頁左下方都有我們的聯(lián)系方式,這樣就不用轉(zhuǎn)到聯(lián)系我們這張頁面都能獲取到公司的聯(lián)系方式了,當(dāng)然若想更深入的了解就可以轉(zhuǎn)到聯(lián)系我們頁面。子頁面的框架基本上是符合整個網(wǎng)站的整體風(fēng)格的,banner,導(dǎo)航等都是和首頁一樣的,不一樣的只是正文的內(nèi)容,這個可以通過模板來實(shí)現(xiàn)。出于排除對模板可編輯區(qū)域排版的復(fù)雜性起見,我這里沒有運(yùn)用模板,而是用另存為的方式實(shí)現(xiàn)網(wǎng)頁風(fēng)格“統(tǒng)一化”的。在網(wǎng)站的各頁面制作好后,我在Dreamweaver中與Access數(shù)據(jù)庫建立連接,通過在Dreamweaver的一系列操作實(shí)現(xiàn)注冊登錄的功能,而留言板功能我是通過一張空白的寫有后臺代碼的頁面轉(zhuǎn)接過去的,名為handle.asp,用戶可以通過“在線留言”在網(wǎng)站上發(fā)表自己的見解或疑問,達(dá)到互動的效果。2.2 開發(fā)工具的選用及介紹2.2.1 Dreamweaver8.0Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器,在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件,隨著Dreamweaver 8的發(fā)布,更堅(jiān)定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身,具有可視化、支持多平臺和跨瀏覽器的特性,是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。1、靈活的編寫方式Dreamweaver具有靈活編寫網(wǎng)頁的特點(diǎn),不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一,而且在設(shè)計(jì)窗口中還精化了源代碼,能幫助用戶按工作需要定制自己的用戶界面。2、可視化編輯界面Dreamweaver是一種所見即所得的HTML編輯器,可實(shí)現(xiàn)頁面元素的插入和生成?;蛞暬庉嫮h(huán)境大量減少了代碼的編寫,同時亦保證了其專業(yè)性和兼容性,并且可以對內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面,Dreamweaver都能提供便捷的方式使用戶設(shè)計(jì)網(wǎng)頁和管理網(wǎng)站變得更容易。3、功能更多的CSS支持CSS可視化設(shè)計(jì)、CSS檢查工具4、動態(tài)跨瀏覽器驗(yàn)證當(dāng)保存時系統(tǒng)自動檢查當(dāng)前文檔的跨瀏覽器有效性,可以指定何種瀏覽器為測試用瀏覽器,同時系統(tǒng)自動檢驗(yàn)以確定頁面有沒有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。5、強(qiáng)大的WEB站點(diǎn)管理功能6、內(nèi)建的圖形編輯引擎7、Dreamweaver的集成特性Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性,可以在這些Web創(chuàng)作工具之間自由地切換,輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁。8、豐富的媒體支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能,在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色,它利用JavaScript和DHTML語言代碼輕松地實(shí)現(xiàn)網(wǎng)頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產(chǎn)生交互式響應(yīng)和進(jìn)行動畫處理。9、超強(qiáng)的擴(kuò)展能力Dreamweaver還支持第三方插件,任何人都可以根據(jù)自己的需要擴(kuò)展Dreamweaver的功能,并且可以發(fā)布這些插件。2.2.2 Photoshop CSPhotoshop CS是一款圖形、圖像編輯軟件,在網(wǎng)頁設(shè)計(jì)領(lǐng)域被廣泛得應(yīng)用。以下是其10大最新功能:1、改進(jìn)的文件瀏覽器使用功能強(qiáng)大文件瀏覽器的可以快速預(yù)覽、標(biāo)注和排序圖片;搜索或編輯圖像的數(shù)據(jù)元或關(guān)鍵詞;并且可以自動批量共享文件。2、匹配顏色命令可以迅速從一張圖片的顏色校正另外一張圖像的顏色。3、直方圖調(diào)色板隨時根據(jù)對圖像的調(diào)整更新直方圖調(diào)色板(Histogram Palette)。4、陰影/加亮區(qū)修正使用“陰影/加亮區(qū)修正(hadow/Highlight correction)”可以快速調(diào)整照片中曝光過渡或欠缺的區(qū)域。5、沿路徑放置文本可以像在Illustrator中一樣把文本沿著路徑放置,并且你還可以在Illustrator直接編輯文本。6、支持?jǐn)?shù)碼相機(jī)的raw模式支持多款數(shù)碼相機(jī)得raw模式,讓用戶可以得到更真實(shí)的圖像輸入。7、全面支持16位圖像可以在主要功能、層、比刷、文字、圖形等中精確的編輯、潤飾16位的圖像。8、Layer Comps可以在一個文件中保存不同層的合并效果,以便對各種效果進(jìn)行快速察看。9、輸入Flash文件使用ImageReady可以創(chuàng)建flash矢量文件。10、自定義快捷鍵用戶可以按照自己的習(xí)慣定義Photoshop的快捷鍵。2.2.3 ASP動態(tài)網(wǎng)站腳本語言ASP是Active Server Page的縮寫,意為“動態(tài)服務(wù)器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互,是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp,現(xiàn)在常用于各種動態(tài)網(wǎng)站中。ASP采用腳本語言VBScript(Java script)作為自己的開發(fā)語言。ASP是一種服務(wù)器端腳本編寫環(huán)境,可以用來創(chuàng)建和運(yùn)行動態(tài)網(wǎng)頁或Web應(yīng)用程序。使用 ASP 可以組合 HTML頁、VBScript腳本命令和JavaScript腳本命令等,以創(chuàng)建交互的 Web 頁和基于 Web 的功能強(qiáng)大的應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容(如在線表單),也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序。ASP的文件后綴名為.asp,以區(qū)別于同樣可以包含Script的HTML 文件。一個.asp文件是一個文本文件,可以包括下列元素的任意組合: 文本(text)、HTML標(biāo)志(tags)、Script命令由于腳本程序是在服務(wù)器上而不是在客戶端運(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)建他們正在瀏覽的頁的腳本命令。2.3 關(guān)系型數(shù)據(jù)庫的選擇2.3.1 Microsoft Office Access簡介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)相比更加簡單易學(xué),一個普通的計(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)用程序接口,可以跨平臺訪問各種個人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)。ODBC作為一個工業(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ù)庫:1、IDC(Internet Database Connector)方式;2、ADO(ActiveX Data Objects)方式;3、RDS(Remote Data Service)方式。這三種訪問方式對數(shù)據(jù)庫的訪問都是由Internet Information Server完成的。通過Web瀏覽器用HTTP協(xié)議向IIS(Internet信息服務(wù)器)發(fā)送請求,IIS執(zhí)行對數(shù)據(jù)庫的訪問,并返回一個HTML格式的文檔響應(yīng)。以下是Access的優(yōu)點(diǎn):1存儲方式單一Access管理的對象有表、查詢、窗體、報(bào)表、頁、宏和模塊,以上對象都存放在后綴為(.mdb)的數(shù)據(jù)庫文件種,便于用戶的操作和管理。2面向?qū)ο驛ccess是一個面向?qū)ο蟮拈_發(fā)工具,利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化,將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應(yīng)用系統(tǒng)當(dāng)作是由一系列對象組成的,對每個對象它都定義一組方法和屬性,以定義該對象的行為和外國,用戶還可以按需要給對象擴(kuò)展方法和屬性。通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理,極大地簡化了用戶的開發(fā)工作。同時,這種基于面向?qū)ο蟮拈_發(fā)方式,使得開發(fā)應(yīng)用程序更為簡便。3界面友好、易操作Access是一個可視化工具,是風(fēng)格與Windows完全一樣,用戶想要生成對象并應(yīng)用,只要使用鼠標(biāo)進(jìn)行拖放即可,非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報(bào)表設(shè)計(jì)器以及數(shù)據(jù)庫向?qū)А⒈硐驅(qū)?、查詢向?qū)?、窗體向?qū)А?bào)表向?qū)У裙ぞ?,使得操作簡便,容易使用和掌握?集成環(huán)境、處理多種數(shù)據(jù)信息Access基于Windows操作系統(tǒng)下的集成開發(fā)環(huán)境,該環(huán)境集成了各種向?qū)Ш蜕善鞴ぞ?,極大地提高了開發(fā)人員的工作效率,使得建立數(shù)據(jù)庫、創(chuàng)建表、設(shè)計(jì)用戶界面、設(shè)計(jì)數(shù)據(jù)查詢、報(bào)表打印等可以方便有序地進(jìn)行。5Access支持ODBC(開發(fā)數(shù)據(jù)庫互連,Open Data Base Connectivity)。利用Access強(qiáng)大的DDE(動態(tài)數(shù)據(jù)交換)和OLE(對象的聯(lián)接和嵌入)特性,可以在一個數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔,還可以建立動態(tài)的數(shù)據(jù)庫報(bào)表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò),并與網(wǎng)絡(luò)上的動態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫訪問頁對象生成HTML文件,輕松構(gòu)建Internet/Intranet的應(yīng)用。第三章 網(wǎng)站概要分析3.1系統(tǒng)構(gòu)思本網(wǎng)站前臺包括首頁、學(xué)生、教師、作品、論壇交流、學(xué)習(xí)交流、學(xué)生風(fēng)采、開心一刻、情感基地等欄目。以下是系統(tǒng)構(gòu)思的圖解(如圖3-1)首頁后臺管理學(xué)生信息論壇交流學(xué)習(xí)交流情感基地學(xué)生風(fēng)采教師信息作品集合開心一刻圖3-1網(wǎng)站垂直系統(tǒng)圖3.2項(xiàng)目需求分析 通過調(diào)查要求系統(tǒng)需要具有以下功能:1. 由于操作人員的計(jì)算機(jī)知識普遍較差,要求有良好的人機(jī)界面。2. 由于該系統(tǒng)的使用對象多,要求有較好的權(quán)限管理。3. 方便的數(shù)據(jù)查詢,支持多條件查詢。4. 基礎(chǔ)信息管理與查詢(包括商品信息、客戶信息、供應(yīng)商信息)。5. 通過計(jì)算機(jī),能夠直接“透視”信息存儲情況。6. 完善學(xué)生查詢信息、教師指導(dǎo)信息進(jìn)行管理。7. 方便、健全的指導(dǎo)功能。8. 圖表分析問題需求狀況,對查詢問題最多的進(jìn)行重點(diǎn)指導(dǎo)9. 對受歡迎的教師,以及提問較多的問題進(jìn)行排行統(tǒng)計(jì)。10.當(dāng)外界環(huán)境(停電、網(wǎng)絡(luò)病毒)干擾本系統(tǒng)時,系統(tǒng)可以自動保護(hù)原始數(shù)據(jù)的安全。11. 信息更新自動完成,盡量減少人工干預(yù)。 功能需求如下:1學(xué)生注冊/登陸/忘記密碼/管理個人信息上傳文件和下載文件向指導(dǎo)教師提問查詢問題2教師登陸/忘記密碼管理所輔導(dǎo)學(xué)生的賬戶上傳文件和下載文件回答問題群發(fā)消息3管理員管理教師和學(xué)生信息查詢統(tǒng)計(jì)數(shù)據(jù)(日問題量,答疑率)提醒教師答疑發(fā)布公告群發(fā)消息要求: 1.加入評價機(jī)制(學(xué)生評價教師;系統(tǒng)根據(jù)網(wǎng)絡(luò)利用效率評價教師對學(xué)生的指導(dǎo)質(zhì)量等) 2.擴(kuò)展文檔管理功能(根據(jù)畢業(yè)設(shè)計(jì)的特點(diǎn),催交/管理/評價學(xué)生在不同階段上交的畢業(yè)設(shè)計(jì)文檔)3.考慮適應(yīng)所有學(xué)院/大學(xué)的畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng)站第四章 項(xiàng)目詳細(xì)設(shè)計(jì) 4.2 4.1 網(wǎng)站欄目簡介 網(wǎng)頁大致構(gòu)思如下:1. 首頁: 我們的banner所要表現(xiàn)的就是希望大家能到我們大學(xué)生創(chuàng)業(yè)園來一起學(xué)習(xí)畢業(yè)設(shè)計(jì),交流畢業(yè)經(jīng)驗(yàn)。因?yàn)檫@個作品是特別為大學(xué)生設(shè)計(jì)的,所以我們的整個頁面都是顯示出一種大學(xué)生活潑、朝氣以及創(chuàng)業(yè)的激情。同時首頁包含了本站所涉及的主要內(nèi)容、組成元素、主要話題和網(wǎng)站精髓。2. 學(xué)生信息: 主要介紹學(xué)生的個人信息,包括一些基本信息和所在院校等深度信息,還有他們的歷史文化及學(xué)習(xí)內(nèi)容。3. 教師信息: 簡單羅列了各個注冊教師的個人信息,如教師注冊注冊、專題、負(fù)責(zé)板塊、受歡迎程度等等。4. 作品信息: 這個欄目主要是為了方便用戶了解有關(guān)作品、專利等知識產(chǎn)權(quán)方面的知識而建立的友情鏈接,在這里才是真正的知識領(lǐng)取地,學(xué)到很多你想要的知識,各種出其不意的設(shè)計(jì)信息。5. 論壇交流: 我們特別收集了國家知識產(chǎn)權(quán)網(wǎng)上的最新信息,讓大家能及時了解到我國知識產(chǎn)權(quán)的最新動態(tài)。通過論壇達(dá)到更好的交流,學(xué)到更多的知識。6. 學(xué)習(xí)交流: 這個欄目主要列舉了有關(guān)畢業(yè)設(shè)計(jì)方面的相關(guān)知識,如“怎么才能做出不平凡的設(shè)計(jì)”等,使用戶對畢業(yè)設(shè)計(jì)有一定的了解。7. 學(xué)生風(fēng)采: 此欄目設(shè)立的主要目的是為了提供給想了解其他用戶一個互動的平臺,用以解決設(shè)全交流相關(guān)問題。這樣可以更方便的從其他人那學(xué)到更多,更重要的是可以認(rèn)識很多各色各樣的朋友8. 開心一刻: 通過這個欄目,可以讓眾多無聊的網(wǎng)友開心一下,笑一笑十年少,雖然這個網(wǎng)站內(nèi)容有點(diǎn)枯燥,但是我們會盡心盡力的緩解大街的疲勞,達(dá)到勞逸結(jié)合。9. 情感基地: 這里我們可以發(fā)泄自己的情感問題,學(xué)習(xí)基地并不一定只能是學(xué),作為一個有血有肉的人,從這里找到感情的出口也是可以的圖4-14.2.1 logo的制作過程本網(wǎng)站的Logo是把從網(wǎng)絡(luò)上找到的一些素材圖片,通過用Photoshop進(jìn)行編輯、修改、組合而完成的。為了突出該企業(yè)名稱“畢業(yè)設(shè)計(jì)”,這個字母用一個龍頭月彎的形狀代替,自古以來月亮在人們的地位都是純潔無上的,同時也襯托出“知識產(chǎn)權(quán)”在當(dāng)今社會的重要地位。在整個以淡淡為主色調(diào)的網(wǎng)頁中,調(diào)劑整體頁面的色調(diào),使頁面看起來更鮮活,很是醒目,讓人一眼就看到這個logo,了解主題。(如圖4-1)圖4-2 網(wǎng)站logo4.2.2 banner的制作過程1. 首先需要上網(wǎng)收集一些符合你的作品主題、創(chuàng)作思維以及整體風(fēng)格的網(wǎng)頁相關(guān)素材,對其進(jìn)行修改已獲得自己所需素材,或可在Photoshop中繪制出自己所需的圖片素材。2. 接著打開Photoshop,在Photoshop里面新建一個文件,調(diào)整底圖大小,根據(jù)網(wǎng)頁的總長度,調(diào)節(jié)banner的長度和寬度(一般banner不能太寬,不然會顯得頭重腳輕,當(dāng)然也不能太窄,都沒法讓人感覺到有banner存在,所以一定要調(diào)整至占整個網(wǎng)頁的適合比例。)3. 設(shè)計(jì)banner的背景:選用一張藍(lán)色的微帶波橫的圖片為banner背景,將處理好的素材依次放入具體位子,像左邊的鏡頭光暈,右邊的發(fā)光矩形框等等,按具體需求做具體的改動和修改,這樣整個banner的背景就設(shè)計(jì)好了。4. 具體內(nèi)容設(shè)計(jì):先在banner左邊放入logo(這里為了美觀起見,我將logo放大放在了banner最左邊,若放在左上角一塊窄小的地方,反而凸顯不出“junhui”這個標(biāo)志),按具體情況驚醒調(diào)整修改至適當(dāng)部分,處理好每一處細(xì)節(jié),這樣整個靜態(tài)的banner部分就設(shè)計(jì)好了。5. 添加動態(tài)的flash效果:動態(tài)的flash效果要等到整個網(wǎng)頁的基本布局都設(shè)計(jì)好之后,就可以在Photoshop中按Shift+Ctrl+Alt+S存儲切片后所有圖片,將頁面轉(zhuǎn)換成.html格式,然后使用Dreamweaver打開編輯,在banner的區(qū)域加入Flash,將Flash轉(zhuǎn)換為透明flash形式,這樣整個banner部分就完成了。(如圖4-2)4.2.3 主頁制作過程(詳見圖4-3)1. 首先根據(jù)頁面要展示內(nèi)容的多少,在photoshop中新建一個適合的網(wǎng)頁寬度和長度的文件(我設(shè)計(jì)的時候在寬屏的機(jī)子上,所以建的文檔較大,約為1280*1405)。2. 在畫布上按自己的想法結(jié)合實(shí)際內(nèi)容,用各圖形工具在畫布上畫上整個網(wǎng)頁基本的布局。3. 基本布局的設(shè)計(jì)定下之后再對各部分進(jìn)行具體設(shè)計(jì),細(xì)化每個部分,特別是靜態(tài)的部分。4. 在Photoshop里完成整個頁面的設(shè)計(jì)后,進(jìn)行切片,將要動態(tài)顯示的地方切出來,還有就是大的圖片要切一下,能提高網(wǎng)頁讀取速度。按Shift+Ctrl+Alt+S存儲為.html格式后,用Dreamweaver編輯,將需要作為背景的單元格中的圖片設(shè)為該單元格的背景,另存為index.asp。用相同的方法制作網(wǎng)站分頁。5. 將所有頁面,拷到所屬文件夾,然后與后臺數(shù)據(jù)庫連接起來,即可通過對后臺數(shù)據(jù)庫內(nèi)容的添加、刪除、修改來對網(wǎng)頁的相關(guān)內(nèi)容進(jìn)行操作,例如在數(shù)據(jù)庫注冊登錄表中刪除一個用戶信息,那么這個用戶再次用原先的登錄信息登錄時就無法登錄成功了。6. 在Dreamweaver中網(wǎng)頁的左側(cè)類似“書卷”的區(qū)域插入一張表格,并在代碼相應(yīng)位置插入滾動文字特效的代碼,實(shí)現(xiàn)文字至下而上滾動,鼠標(biāo)移過文字時滾動停留的功能,鼠標(biāo)按下即跳轉(zhuǎn)到“網(wǎng)站公告”頁面;在網(wǎng)站首頁頂端插入滾動的歡迎字幕,方法同上。7. 在Dreamweaver8.0里打開主頁面,在頁面中相對應(yīng)除插入圖片切換的代碼,實(shí)現(xiàn)新聞圖片的自動切換的效果。 8. 在Dreamweaver8.0里打開主頁面,切換到設(shè)計(jì)視圖,將雪花鼠標(biāo)特效代碼復(fù)制在<body></body>之間,保存并預(yù)覽,完成首頁鼠標(biāo)特效。4.3 數(shù)據(jù)庫的設(shè)計(jì)使用Access 2003實(shí)現(xiàn)關(guān)系型數(shù)據(jù)庫,以下是數(shù)據(jù)庫中幾個主要的表的設(shè)計(jì):1、 登錄注冊管理存儲了注冊登錄用戶的基本信息,如用戶名、密碼、地址、郵箱等。(如圖4-5)圖4-5圖4-62、 留言板存儲了留言的檔案,其中id是關(guān)鍵字,主要實(shí)現(xiàn)用戶信息管理、留言及回復(fù)等。(如圖4-7)(留言信息存儲表)(回復(fù)信息儲存表)圖4-7創(chuàng)建好數(shù)據(jù)庫之后,我們來用ASP把程序和數(shù)據(jù)庫連接起來,以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)。第五章 項(xiàng)目編碼 主要功能代碼如下: <body bgcolor="#ffffcc"> <form id="form1" runat="server" style="background-color: #FFFFFF"> <div style="height: 186px; width: 775px"> <img alt="畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng)" src="picture/bysj.jpg" style="width: 361px; height: 115px" /> <img alt="03" src="picture/03.gif" style="width: 158px; height: 182px" /><br /> 歡迎光臨畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng),歡迎dxx<asp:Label ID="Label1" runat="server" Text="登錄"></asp:Label> <br /> -</div> <br /> <table bgcolor="#FFFFCC" class="style1"> <tr> <td> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="/picture/sy.jpg" onclick="ImageButton1_Click" /> </td> <td> <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="/picture/xs.jpg" onclick="ImageButton2_Click" /> </td> <td> <asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="/picture/js.jpg" onclick="ImageButton3_Click" /> </td> <td> <asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="/picture/zp.jpg" onclick="ImageButton4_Click" /> </td> <td> <asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="/picture/sq.jpg" onclick="ImageButton5_Click" /> </td> </tr> </table> <br /> <table bgcolor="Azure" class="style2"> <tr> <td class="style3"> <table class="style1"> <tr> <td style="color: #0000CC"> <img alt="s1" src="sy_picture/s1.gif" style="width: 90px; height: 90px" /><br /> <p> 女銀你要好好待我 | 男銀你要好好愛我</p> <p> 愛上你灬那時我為你心醉 | 失去你灬那時我無能為力</p> <p> 一紙朱紅.續(xù)一生灬溫暖| 半米陽光,傾一世灬柔情</p> <p> 禰素莪德灬心跳 | 莪素禰德灬驕傲</p> <p> 勞資想弄你 | 你來弄勞資3</p> <p> 喂灬女人天荒地老 | 喂灬男人天涯海角</p> </td> </tr> <tr> <td style="color: #0000CC"> <img alt="s2" src="sy_picture/s2.gif" style="width: 90px; height: 90px" /><br /> 熱門老師<br /> <br /> <p> 女人的癡情|男人的花心彡</p> <p> 省略號| 感嘆號</p> <p> 亞當(dāng) | 夏娃</p> <p> 寶貝灬你是我的女人 | 寶貝灬你是我的男人</p> <p> 老婆灬我只為你 | 老公灬我只為你</p> <p> 就算你到地平線|我也緊緊相依偎</p> <p> 記住你給的承諾彡|遵守我給的約定彡</p> <br /> </td> </tr> </table> </td> <td class="style4" style="color: #CC0099; font-size: x-large;"> 論壇交流<br /> <br /> 我匯款后你們不將畢業(yè)設(shè)計(jì)發(fā)給我怎 08-09<br /> 答辯時通常會問到什么問題? 08-09 <br /> 能幫我修改程序及論文排版嗎? 08-09 <br /> 我購買的程序?yàn)槭裁床荒苓\(yùn)行? 08-09 <br /> 我在貴站購買的論文會和其他同學(xué)重 08-09 <br /> 匯款后多久可收到論文? 08-09 <br /> 畢業(yè)設(shè)計(jì)論文網(wǎng)-畢業(yè)設(shè)計(jì)題目列表 04-07 <br /> 廣工大繼續(xù)教育學(xué)院珠海教學(xué)點(diǎn)2011 02-24 南京師范大學(xué)中北學(xué)院2008屆計(jì)算機(jī) 02-18 <br /> Sql 2000的安裝與配置 09-03 <br /> 飲料罐裝生產(chǎn)流水線系統(tǒng)設(shè)計(jì)與調(diào)試 06-03<br /> 鋁型擠出機(jī)的調(diào)速系統(tǒng) 05-31 <br /> 1367-雙油層合采抽油泵 04-09 <br /> 1357-超精密微定位平臺的智能控制設(shè)計(jì)與仿真 04-08 升降橫移式智能立體停車庫設(shè)計(jì) 04-02 <br /> 施工規(guī)劃(投標(biāo)文件之技術(shù)標(biāo)及施工組織設(shè)計(jì) 04-02 一、某單位辦公樓設(shè)計(jì) 04-02 <br /> 1339-自動生產(chǎn)線封箱裝置設(shè)計(jì) 04-02<br /> 1333-基于AVR單片機(jī)數(shù)字示波器的設(shè)計(jì) 04-01<br /> 1330-搶答器的研究與設(shè)計(jì) 04-01<br /> <br />待添加的隱藏文字內(nèi)容3 <br /> <br /> <br /> <br /> </td> <td class="style3"> <table class="style1"> <tr> <td style="color: #0000CC" class="style5"> <img alt="s" src="sy_picture/s.gif" style="width: 90px; height: 90px" />熱門文章<br /> 春節(jié)放假通 02-01 <br /> 北京工業(yè)大學(xué)2011<br /> 年專業(yè)碩士招生目錄及參考書 08-26 <br /> 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); " /> <span style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; "> 從前有一對戀人私定終生,但是男生需要服兵役,便和女生定下誓言,給了女生一枚鉆石戒,并許諾在三年后的今天與那女生碰面,到時候,那枚戒指作為婚戒. 好不容易3年過去了,女生一直在等男生,卻一直等不到,她傷心過度,絕望的她把鉆戒扔入大海,遠(yuǎn)走他鄉(xiāng).可是,那男生其實(shí)也一直在等那女孩,可是,女孩誤解了約會地點(diǎn),于是便永遠(yuǎn)的成為了遺憾.男生傷心欲絕過了幾年,男生出外釣魚,猜猜看他釣到了什么?<span class="Apple-converted-space"> </span></span><br style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); " /> <span style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; "> 年糕!<span class="Apple-converted-space"> </span></span><br /> <span style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; "> 5.水餃?zhǔn)悄猩€是女生<span class="Apple-converted-space"> </span></span><br style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); " /> <span style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; "> 答案 男生 因?yàn)樗溣邪?lt;span class="Apple-converted-space"> </span></span><br style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 1