网页设计作品设计说明.docVIP

第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