网设计作品设计说明

1、湖南软件职业学院网页设计期末作品设计说明书课程名称： 网页设计期末作品设计说明书设计题目：某律师团队专业法律服务网专业班级：学生姓名：指导教师：起止日期：某律师团队专业法律服务网网站制作说明-、网站开发目的和功能简介随着网络技术的发展与互联网的普及，网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行（略）二、网站的总体设计2.1网站名称：某律师团队专业法律服务网2.2网站栏目划分：根据本网站的目的和功能规划网站内容，包括如卞信息：（1）关于我们：介绍相关律师信息，事务所信息，收费标准（略）（2）法律服务：（略）（3）法律文书：（略）（4）律师手记：

2、（略）（5）经典案例：（略）（6）在线服务：（略）具休如卞图示：2.3网站导航应用于所有页面提高网站的操作友好性。2.4网站的风格与色彩选择：页面以浅绿色为背景，黑白灰三色为主体。浅绿色体现了 本律师事务所的活力，字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一, 布局相似。2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如声音放在sound 文件夹、图片放在images文件夹，照片放在photos、FLASH动画放在flash文件夹、样式 表文件放在CSS文件夹中、作业成果图放在works等。三、网站的总体设计3.1 LOGO 设计Logo应体现律师行业庄重、严谨的

3、形象。本LOGO以暗绿色为背景，金黄色为前景，（略）3.2首页的制作过程版面分栏结构，即页头、导航栏、FLASH展示、相关内容、版权（如下图）业务介绍法律咨询律师简介网站动杰版权信息LOGO 及 BANNER导航1动态FLASH新闻整个页面分为四部分，第一部分是LOGO. BANNER及导航栏，主要是（略）“第二部分是动态FLASH新闻，其中（略）；第三部分是版权声明（略）；第四部分是版权信息，（略）。采用这种布局，主要是给浏览者一种简单、清晰、明了的感觉，使网站整齐划一。具体首页布局如卞图所示。淞访I麻到帀那宅业怎W9.务网t逹站咨世矽天是；2008. 10.22.

4、星期三陆欣律师团队专业法律服务网百页 | 关于我心 |注律文节|律締手记|径典至«1|在戏聖努在絃沫律2HH陆玫律算荷介业务躺艮两诉讼业务公可业势证券业箱-田际曲民甫诉讼业厲HJ:离议网焙侵怒勇任才匸尿«:不和产卷辺与不动产物投転t的去摞 何：对訟我殴见代珍制反的日老谷：产品总仪责赶归贵19.刖珞论同：構谈田跻恸中慢越产的分割笞:茫血祕中如何认定未3?分居欲怪苴戛者»先芷芨的,眈正苴心者先 WSfio意滅帀点心正。“偎全的怯崔钊直 是现代社曲彥三”。网站动玄歎爰戏冊I在伏咨诃I蓉垃图I官方牌容I酥药阴3.3列表页制作作力一-T潮币的創乩匕为人採供高箇、商效的怯陞用

5、耳 力自己飯B业 探堑君至旨孚人腫舸J跟权 感躺庐 音却是用目己霰劳动的ffSWH自己存在如5的认可京卸述师爭落折?年丈爭垃回顾我朗日丈吕铉师赴涣门科技犬字讲学潮用公藏Y幵层堆址：中国上組祁妙绸玛:2COjlO沪IC?备38号OOCOjCO号戏iffl访街五团IA切畑t环同"證站咨制加述：15674344芟X： 2iTO 10 22 BMfi£刑法专栏 Cr)nir.al Lvz celrrA.矢于珑们密tIR劳注狸文书絶I荐记：人才堆合茨魁过国糕产年抵准4祢引淤条约I 8-10-24 9JS： 9 】经典其例在綁?弄：知场通E怎行冃6搖置玫月注殳股币浮动环E7K3J2CC

6、8-10-24 亦:9 ：人穴空垂合衣决烦过(2有氏产除娥醴中帶引滾M約soa-ia-2< 綁J: 9 ：脛茅宝开他访俄N行中合作劭议I 8-10-24 9JS： 9 】：鼻】,咖fiE：绘行臨銘受如连专股昭功坏球创匸：心耘合丟刘fijqrB百耳尸烹m腥中*引栽糸约2CC8-10-24 亦:9 :诅垄至并抽访住Z疗中临签:£大能股台住劭讪saja-ia-2< 綁J: 9 ：至】93爲区黒行册接茨朗注窘鹽击冷动环味帙曲I 8-10-24 9JS： 9 】2CC8-10-24 亦:9 saja-ia-2< 綁J: 9 I 8-10-24 9JS： 9 】：工】矯地区協行

7、眈播曼玖烦fJ5股市说动环閒&充：人才堆合茨魁过国糕产年抵准4祢引淤条约共103射彻当粽力:I"交MTT ©务匪召珈们| 5(86询|网茁地的|官方鯛 |戏私而明3.4内容页制作陆欣律师团队专业法律服务网百!a1关于我们| 乐atii务I 沁文书| 程奔手总|站内披来| 中"铎师介绍 Lwyrs)id“dug&矢于龙门法律蔗势*法禅文书*劑帀手记经典军例在线压芬栗上海律师爭生所俺币一九A八年取祥中华人民芜和国S3祕格 中华会忌上海币会!3上海市從币顶胃团跡专业经验：8£85»5«585国企法翌附垂工鬥 貝百丰旨的企业怎

8、乞工作经孩SESseLSu：2uesa：eGS-£sisn：s 在岂左普匹乞左总左 徉肿忘旨：合JW®，坚JW9則.恢义？注否务，堆疽刑孚劉櫛”护名矣诉讼、sr»tt. r5-ih*a®e.私人店戶业豕网路、龟孑鬲易&知识产隸注割肠,姐任公宙怯注a洞 联系方式，地址：中E±®却競：ZOOCCO觀銭! 158tt6T43>tl0电7AM : CO3B163. carffiftRtt http：/z*« robanvo. cor*型系戎们I左船询I网姑选IS I言才ts客I鬲私二明也址：中ELtfS: 2O330D

9、 ICPSOCCOXO3.5后台登陆页制作管理段赴QmE7屜U1Sby S51 ： Ccpyr.x 2CC?3.6后台管理页制作瞇 103%-四、CSS样式表制作#maiii_containerwidth:950px;height: auto;maigin:auto;backgnnindMl(images/main_bggif) no-repeat top center #ft)fi)d8;#center_contentwidth: 895px;maigin:auto;#headerwidth: 895px;height: 130px;maigin:auto;#niiddle_boxwidth

10、:895px;height:278px;clear: both;maigin:auto;background:uil(iniages/niiddle_bg.jpg) no-repeat center;#fboterwidth:895px;height:48px;maigin:auto;color:#508aal;border-top: lpx #b2bbbb dashed;五、设计技术总结为了使我们的网站更加实用、内容丰富，我们在网站里用了很多的技术，包括flash fireworks photoshop等图片处理和动画，运用dieamweaver中相关知识制作各种特效比如图 层运用、时间轴运

11、用等，本网站中还运用知识点运用swislunax和fuewoiks相结合制作出 banner.还包括javascript等动态脚本语言。5.1在素材收集和处理上本人花费了人量时间处理网站动画、真实照片收集、个人信息。 如应用PHOTOSHOP对相片进行整体处理。利用SWFText制作了广告动画。5.2文字滚动效果，代码如下：<marquee direction="up" Sciollainount="l"Scrolldelay="5"onMouseOvei="this.stop(),'omnouseout=&q

12、uot;this.stail()"> 内容 <maiquee>5.3设为首页，其代码如下所示:<aluef=H#Honclick=Hthis.style.behavio 尸 liTKdefhiilthomepagbHhis.sHoiMPagM")”设为首页v/a>5.4收藏本站，其代码如下所示：<aluefH#Honchck=Hwindow.external.addFavonte(,/title,)H> 收藏本站 </a>5.5为页面增加状态栏运动文字的效果，其代码如下所示：<SCRIPT language=HJa

13、vaScriptH>var pos=50;fiinction scrollit(seed)varnisg="XX迎观看蔡秀萍的个人网站“;状态条显示的文字var out ="if (seed > pos) seed;cmd=,scrollit(,+seed+n)n;wmdow.setTuneout(cmd. 100);else if (seed <= pos && seed > 0) for (i=0 ; i < seed ; i+)out+=H H;out+=msg;seed;wmdow.status=out;cmd=,scr

14、ollit(,+seed+M)H;wmdow.setTuneout(cmd. 100);else if (-seed < nisg.length)out+=nisg.substiing(-seed4nsg.lengtli);seed;wiiidow.status=out;cmd=”sc«)llitC+seed+”)"wiiidow.setTiineout(cmd, 100);else window.statuswmdow.setTmieout(,sciollit(pos), 100); scrollit(50);</SCRIPT>5.6为网友添加时间代码，使其在页面的头部显示现在的时间口期。5.7为相册添加特效，使其自行从左自右运动，当鼠标移动到相册下的小照片的时候，照片会自动放大，并显示在图层中。5.8为网叶添加切换特效，其代码如下：<meta http-equi -Hpage-entern content=HRevealTrans(Duration=4, Transition=2)H><me