網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明尛希湖南軟件職業(yè)學(xué)院《網(wǎng)頁(yè)設(shè)計(jì)》期末作品設(shè)計(jì)說明書課程名稱：網(wǎng)頁(yè)設(shè)計(jì)期末作品設(shè)計(jì)說明書設(shè)計(jì)題目：某律師團(tuán)隊(duì)專業(yè)法律服務(wù)網(wǎng)專業(yè)班級(jí)：學(xué)生姓名：指導(dǎo)教師：起止日期：網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第1頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第1頁(yè)。第1頁(yè)共11頁(yè)某律師團(tuán)隊(duì)專業(yè)法律服務(wù)網(wǎng)網(wǎng)站制作說明一、網(wǎng)站開發(fā)目的和功能簡(jiǎn)介隨著網(wǎng)絡(luò)技術(shù)的發(fā)展與互聯(lián)網(wǎng)的普及，網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作越來越來成為各行各業(yè)以及個(gè)人宣傳自己的有利工具。門戶網(wǎng)站越來越稱為律師行業(yè)進(jìn)行…………（略）二、網(wǎng)站的總體設(shè)計(jì)2.1網(wǎng)站名稱：某律師團(tuán)隊(duì)專業(yè)法律服務(wù)網(wǎng)2.2網(wǎng)站欄目劃分：根據(jù)本網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，包括如下信息：（1）關(guān)于我們：介紹相關(guān)律師信息，事務(wù)所信息，收費(fèi)標(biāo)準(zhǔn)…………（略）（2）法律服務(wù)：…………（略）（3）法律文書：…………（略）（4）律師手記：…………（略）（5）經(jīng)典案例：…………（略）（6）在線服務(wù)：…………（略）具休如下圖示：網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第2頁(yè)。首頁(yè)網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第2頁(yè)。首頁(yè)關(guān)于我們法律服務(wù)法律文書律師手記經(jīng)典案例在線服務(wù)律師介紹律所介紹收費(fèi)標(biāo)準(zhǔn)教您打官司請(qǐng)律師指南法律援助刑法專欄公司法專欄婚姻法專欄民商法專欄服務(wù)特色經(jīng)典案例案例詳解在線咨詢辦案進(jìn)度房產(chǎn)發(fā)專欄知識(shí)產(chǎn)權(quán)專欄2.3網(wǎng)站導(dǎo)航應(yīng)用于所有頁(yè)面提高網(wǎng)站的操作友好性。2.4網(wǎng)站的風(fēng)格與色彩選擇：頁(yè)面以淺綠色為背景，黑白灰三色為主體。淺綠色體現(xiàn)了本律師事務(wù)所的活力，字體用黑、白、灰色給人一種清析、穩(wěn)重的感覺。所有頁(yè)面色調(diào)統(tǒng)一，布局相似。2.5網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)合理：不同素材采用不同學(xué)文件夾分開存放。如聲音放在sound文件夾、圖片放在images文件夾，照片放在photos、FLASH動(dòng)畫放在flash文件夾、樣式表文件放在CSS文件夾中、作業(yè)成果圖放在works等。三、網(wǎng)站的總體設(shè)計(jì)3.1LOGO設(shè)計(jì)Logo應(yīng)體現(xiàn)律師行業(yè)莊重、嚴(yán)謹(jǐn)?shù)男蜗?。本LOGO以暗綠色為背景，金黃色為前景，…………（略）3.2首頁(yè)的制作過程網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第3頁(yè)。版面分欄結(jié)構(gòu)，即頁(yè)頭、導(dǎo)航欄、FLASH展示、相關(guān)內(nèi)容、版權(quán)（如下圖）網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第3頁(yè)。版權(quán)信息網(wǎng)站動(dòng)態(tài)律師簡(jiǎn)介法律咨詢業(yè)務(wù)介紹動(dòng)態(tài)FLASH新聞導(dǎo)航LOGO及BANNER版權(quán)信息網(wǎng)站動(dòng)態(tài)律師簡(jiǎn)介法律咨詢業(yè)務(wù)介紹動(dòng)態(tài)FLASH新聞導(dǎo)航LOGO及BANNER整個(gè)頁(yè)面分為四部分，第一部分是LOGO、BANNER及導(dǎo)航欄，主要是…………（略）；；第二部分是動(dòng)態(tài)FLASH新聞，其中…………（略）；第三部分是版權(quán)聲明…………（略）；第四部分是版權(quán)信息，…………（略）。采用這種布局，主要是給瀏覽者一種簡(jiǎn)單、清晰、明了的感覺，使網(wǎng)站整齊劃一。網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第4頁(yè)。具體首頁(yè)布局如下圖所示。網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第4頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第5頁(yè)。3.3列表頁(yè)制作網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第5頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第6頁(yè)。3.4內(nèi)容頁(yè)制作網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第6頁(yè)。3.5后臺(tái)登陸頁(yè)制作網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第7頁(yè)。3.6后臺(tái)管理頁(yè)制作網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第7頁(yè)。四、CSS樣式表制作#main_container{width:950px;height:auto;margin:auto;background:url(images/main_bg.gif)no-repeattopcenter#f0f0d8;}#center_content{width:895px;margin:auto;}網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第8頁(yè)。#header{網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第8頁(yè)。width:895px;height:130px;margin:auto;}#middle_box{width:895px;height:278px;clear:both;margin:auto;background:url(images/middle_bg.jpg)no-repeatcenter;}#footer{width:895px;height:48px;margin:auto;color:#508aa1;border-top:1px#b2bbbbdashed;}·五、設(shè)計(jì)技術(shù)總結(jié)為了使我們的網(wǎng)站更加實(shí)用、內(nèi)容豐富，我們?cè)诰W(wǎng)站里用了很多的技術(shù)，包括flashfireworksphotoshop等圖片處理和動(dòng)畫，運(yùn)用dreamweaver中相關(guān)知識(shí)制作各種特效比如圖層運(yùn)用、時(shí)間軸運(yùn)用等，本網(wǎng)站中還運(yùn)用知識(shí)點(diǎn)運(yùn)用swishmax和fireworks相結(jié)合制作出banner.還包括javascript等動(dòng)態(tài)腳本語(yǔ)言。5.1在素材收集和處理上本人花費(fèi)了大量時(shí)間處理網(wǎng)站動(dòng)畫、真實(shí)照片收集、個(gè)人信息。如應(yīng)用PHOTOSHOP對(duì)相片進(jìn)行整體處理。利用SWFText制作了廣告動(dòng)畫。5.2文字滾動(dòng)效果，代碼如下：<marqueedirection="up"Scrollamount="1"

Scrolldelay="5"onMouseOver="this.stop()"onmouseout="this.start()">內(nèi)容</marquee>網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第9頁(yè)。5.3設(shè)為首頁(yè),其代碼如下所示：網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第9頁(yè)。<ahref="#"onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('')">設(shè)為首頁(yè)</a>5.4收藏本站,其代碼如下所示：<ahref="#"onclick="window.external.addFavorite('','title')">收藏本站</a>5.5為頁(yè)面增加狀態(tài)欄運(yùn)動(dòng)文字的效果，其代碼如下所示：<SCRIPTlanguage="JavaScript">varpos=50;functionscrollit(seed){ varmsg="歡迎觀看蔡秀萍的個(gè)人網(wǎng)站";//狀態(tài)條顯示的文字 varout=""; if(seed>pos) { seed--; cmd="scrollit("+seed+")"; window.setTimeout(cmd,100); } elseif(seed<=pos&&seed>0) { for(i=0;i<seed;i++) {out+=""; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; window.setTimeout(cmd,100); } else { if(-seed<msg.length)網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第10頁(yè)。 { out+=msg.substring(-seed,msg.length);網(wǎng)頁(yè)設(shè)計(jì)作品設(shè)計(jì)說明全文共11頁(yè)，當(dāng)前為第10頁(yè)。 seed--; window.status=out; cmd="scrollit("+seed+")"; window.setTimeout(cmd,100); } else { window.status=""; window.setTimeout("scrollit(pos)",100); } }}scrollit(50);</SCRIPT>5.6為網(wǎng)友添加時(shí)間代碼，使其在頁(yè)面的頭部顯示現(xiàn)在的時(shí)間日期。5.7為相冊(cè)添加特效，使其自行從左自右運(yùn)動(dòng)，當(dāng)鼠標(biāo)移動(dòng)到相冊(cè)下的小照片的時(shí)候，照片會(huì)自動(dòng)放大，并顯示在圖層中。5.8為網(wǎng)葉添加切換特效，其代碼如下：<metahttp-equiv="enter"content="RevealTrans(Duration=4,Transition=2)"><metahttp-equiv="exit"content="RevealTrans(Duration=7,Transition=27)">六、作品設(shè)計(jì)心得本次網(wǎng)站