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

网页设计作业要求： 团队完成，每个团队限5人以下。 成员分数 设计优秀 设计良好 完成 组长1人 95 90 85 主要完成2人 90 85 80 协同完成2人 85 80 75 设计优秀的必须有原创内容。应付了事的只能算完成。 设计完成分工情况： 组长：班级姓名学号 完成的主要工作 主要参加者：班级姓名学号 完成的主要工作 协同完成者：班级姓名学号 完成的主要工作 作业说明书一份，参考下面的一个文档。学生名单在群共享，大家可以自由组合。在11月底前完成网页设计作业。另外一份书面作业开卷考试内容请注意通知。 文档内容控制在15页之内，包括网站设计说明，截图，及部分css代码。动态的内容不要求，就是网页布局就可以了。 实际设计的网页必须在十个以上，包括主页，列表页，内容页。必须是使用CSS样式表来控制网页的外观。群共享里有一本书[变幻之美-DivCSS网页布局揭秘-案例实战篇].(金峰).扫描版，还有源代码可以下载学习下。讲解的很细致，值得看看。 XX学院 《网页设计》期末作品设计说明书 课程名称： 网页设计期末作品设计说明书 设计题目： 某律师团队专业法律服务网 组 长： 姓名（班级） 联系方式： QQ ，手机 主要参加者： 姓名 协同完成者： 姓名 起止日期： 11月3日~11月30日 某律师团队专业法律服务网网站制作说明 一、网站开发目的和功能简介 随着网络技术的发展与互联网的普及，网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。门户网站越来越称为律师行业进行…………（略） 二、网站的总体设计 2.1网站名称：某律师团队专业法律服务网 2.2网站栏目划分： 根据本网站的目的和功能规划网站内容，包括如下信息： （1）关于我们：介绍相关律师信息，事务所信息，收费标准…………（略） （2）法律服务：…………（略） （3）法律文书：…………（略） （4）律师手记：…………（略） （5）经典案例：…………（略） （6）在线服务：…………（略） 具休如下图示： 2.3网站导航应用于所有页面提高网站的操作友好性。 2.4网站的风格与色彩选择：页面以浅绿色为背景，黑白灰三色为主体。浅绿色体现了本律师事务所的活力，字体用黑、白、灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。 2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如声音放在sound文件夹、图片放在images文件夹，照片放在photos、FLASH动画放在flash文件夹、样式表文件放在CSS文件夹中、作业成果图放在works等。 三、网站的总体设计 3.1 LOGO设计 Logo应体现律师行业庄重、严谨的形象。本LOGO以暗绿色为背景，金黄色为前景，…………（略） 3.2首页的制作过程 版面分栏结构，即页头、导航栏、内容、版权（如下图） 整个页面分为四部分，第一部分是LOGO、BANNER及导航栏，主要是…………（略）；；第二部分是动态FLASH 新闻，其中…………（略）；第三部分是版权声明…………（略）；第四部分是版权信息，…………（略）。采用这种布局，主要是给浏览者一种简单、清晰、明了的感觉，使网站整齐划一。 具体首页布局如下图所示。 3.3列表页制作 3.4内容页制作 3.5后台登陆页制作 3.6后台管理页制作 四、CSS样式表制作（主页，列表页，内容页的CSS代码都要给出） #main_container{ width:950px; height:auto; margin:auto; background:url(images/main_bg.gif) no-repeat top center #f0f0d8; } #center_content{ width:895px; margin:auto; } #header{ width:895px; height:130px; margin:auto; } #middle_box{ width:895px; height:278px; clear:both; margin:auto; background:url(images/middle_bg.jpg) no-repeat center; } #footer{ width:895px; height:48px; margin:auto; color:#508aa1; border-top:1px #b2bbbb dashed; } 六、作品设计心得 本次网站主要是运用本学期学过的知识来布局