网页设计作品设计说明.doc
第PAGE3页共NUMPAGES12页
第PAGE3页共NUMPAGES12页
网页设计作业要求：
团队完成，每个团队限5人以下。
成员分数
设计优秀
设计良好
完成
组长1人
95
90
85
主要完成2人
90
85
80
协同完成2人
85
80
75
设计优秀的必须有原创内容。应付了事的只能算完成。
设计完成分工情况：
组长：班级姓名学号完成的主要工作
主要参加者：班级姓名学号完成的主要工作
协同完成者：班级姓名学号完成的主要工作
作业说明书一份，参考下面的一个文档。学生名单在群共享，大家可以自由组合。在11月底前完成网页设计作业。另外一份书面作业开卷考试内容请注意通知。
文档内容控制在15页之内，包括网站设计说明，截图，及部分css代码。动态的内容不要求，就是网页布局就可以了。
实际设计的网页必须在十个以上，包括主页，列表页，内容页。必须是使用CSS样式表来控制网页的外观。群共享里有一本书[变幻之美-DivCSS网页布局揭秘-案例实战篇].(金峰).扫描版，还有源代码可以下载学习下。讲解的很细致，值得看看。
XX学院
《网页设计》期末作品设计说明书
课程名称：网页设计期末作品设计说明书
设计题目：某律师团队专业法律服务网
组长：姓名（班级）
联系方式：QQ，手机
主要参加者：姓名
协同完成者：姓名
起止日期：11月3日~11月30日
3.2首页的制作过程
版面分栏结构，即页头、导航栏、FLASH展示、相关内容、版权（如下图）
版权信息网站动态律师简介法律咨询业务介绍动态FLASH新闻导航LOGO及BANNER
版权信息
网站动态
律师简介
法律咨询
业务介绍
动态FLASH新闻
导航
LOGO及BANNER
整个页面分为四部分，第一部分是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-repeattopcenter#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-repeatcenter;
}
#footer{
width:895px;
height:48px;
margin:auto;
color:#508aa1;
border-top:1px#b2bbbbdashed;
}
六、作品设计心得
本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，…………（略）。
·五、设计技术总结（动态内容，可以不用考虑）
为了使我们的网站更加实用、内容丰富，我们在网站里用了很多的技术，包括flashfireworksphotoshop等图片处理和动画，运用dreamweaver中相关知识制作各种特效比如图层运用、时间轴运用等，本网站中还运用知识点运用swishmax和fireworks相结合制作出banner.还包括javascript等动态脚本语言。
5.1在素材收集和处理上本人花费了大量时间处理网站动画、真实照片收集、个人信息。如应用PHOTOSHOP对相片进行整体处理。利用SWFText制作了广告动画。
5.2文字滚动效果，代码如下：
marqueedirection=upScrollamount=1
Scrolldelay=5onMouseOv