网页设计作品设计说明-必看请相互转告

《网页设计作品设计说明-必看请相互转告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12页共12页网页设计作业要求：1、团队完成，每个团队限5人以下。成员分数设计优秀设计良好完成组长1人959085主要完成2人908580协同完成2人858075设计优秀的必须有原创内容。应付了事的只能算完成。2、设计完成分工情况：组长：班级姓名学号完成的主要工作主要参加者：班级姓名学号完成的主要工作协同完成者：班级姓名学号完成的主要工作作业说明书一份，参考下面的一个文档。学生名单在群共享，大家可以自由组合。在11月底前完成网页设计作业。另外一份书面作业开卷考试内容请注意通知。文档内容控制在15页之内，包括网站设计说明，截图，及部分css代码。动态的内容不要求

2、，就是网页布局就可以了。实际设计的网页必须在十个以上，包括主页，列表页，内容页。必须是使用CSS样式表来控制网页的外观。群共享里有一本书[变幻之美-DivCSS网页布局揭秘-案例实战篇].(金峰).扫描版，还有源代码可以下载学习下。讲解的很细致，值得看看。第12页共12页第12页共12页XX学院《网页设计》期末作品设计说明书课程名称：网页设计期末作品设计说明书设计题目：某律师团队专业法律服务网组长：姓名（班级）联系方式：QQ，手机主要参加者：姓名协同完成者：姓名起止日期：11月3日~11月30日第12页共12页第12页共12页某律师团队专业法律服务网网站制作说明

3、一、网站开发目的和功能简介随着网络技术的发展与互联网的普及，网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行…………（略）二、网站的总体设计2.1网站名称：某律师团队专业法律服务网2.2网站栏目划分：根据本网站的目的和功能规划网站内容，包括如下信息：（1）关于我们：介绍相关律师信息，事务所信息，收费标准…………（略）（2）法律服务：…………（略）（3）法律文书：…………（略）（4）律师手记：…………（略）（5）经典案例：…………（略）（6）在线服务：…………（略）具休如下图示：第12页共12页第12页共12页首页关

4、于我们法律服务法律文书律师手记经典案例在线服务律师介绍律所介绍收费标准教您打官司请律师指南法律援助刑法专栏公司法专栏婚姻法专栏民商法专栏服务特色经典案例案例详解在线咨询办案进度房产发专栏知识产权专栏2.3网站导航应用于所有页面提高网站的操作友好性。2.4网站的风格与色彩选择：页面以浅绿色为背景，黑白灰三色为主体。浅绿色体现了本律师事务所的活力，字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如声音放在sound文件夹、图片放在images文件夹，照片放在photos、FLASH

5、动画放在flash文件夹、样式表文件放在CSS文件夹中、作业成果图放在works等。三、网站的总体设计3.1LOGO设计Logo应体现律师行业庄重、严谨的形象。本LOGO以暗绿色为背景，金黄色为前景，…………（略）第12页共12页第12页共12页3.2首页的制作过程版面分栏结构，即页头、导航栏、FLASH展示、相关内容、版权（如下图）版权信息网站动态律师简介法律咨询业务介绍动态FLASH新闻导航LOGO及BANNER整个页面分为四部分，第一部分是LOGO、BANNER及导航栏，主要是…………（略）；；第二部分是动态FLASH新闻，其中…………（略）；第三部分是版

6、权声明…………（略）；第四部分是版权信息，…………（略）。采用这种布局，主要是给浏览者一种简单、清晰、明了的感觉，使网站整齐划一。具体首页布局如下图所示。第12页共12页第12页共12页3.3列表页制作第12页共12页第12页共12页3.4内容页制作第12页共12页第12页共12页3.5后台登陆页制作3.6后台管理页制作第12页共12页第12页共12页四、CSS样式表制作（主页，列表页，内容页的CSS代码都要给出）#main_container{width:950px;height:auto;margin:auto;background:url(images/m

7、ain_bg.gif)no-repeattopcenter#f0f0d8;}#center_content{width:895px;margin:auto;}#header{第12页共12页第12页共12页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:48p

8、x;margin:aut