信息工程学院

《网页设计与制作》

 课程设计报告书

     

指导教师：                            

专业班级：                          

姓    名：                           

学    号：                             

      日    期： 2012 年 6 月 4 日  — 20##  年 6 月 10 日 

一、  设计目的

   《网页设计与制作课程设计》是在学生学习《网页设计与制作》课程后，结合HTML语言、Photoshop图像处理、Flash动画制作及Dreamweaver网页制作等进行的实践性教学环节。通过课程设计，帮助学生巩固所学知识，强化HTML语言的基本概念及HTML网页的设计与实现，提高网页设计与制作的能力，熟悉图像处理、动画制作的设计与实现，为后续课程的学习和实践打下一定基础。

二、  设计任务与要求

1、设计题目：利用所学知识，制作个人Blog网站。

2、学生设计的内容与要求：

（1）以学习小组（2至3人左右为一组）为单位，查阅相关资料，共同探讨，相互交流，互帮互助，完成一个高质量的设计作品。

（2）网站不少于5个子网页，各网页具体内容为：“基站导航”主页、“个人简介”子页、“心情日志”子页、“作品展示”子页、“联系留言”子页；

（3）“基站导航”主页界面美观，必须要有图片、flash等内容（且其中1个图片或flash必须含有“11软件1/2班”Loge设计或个人艺术签名设计），各导航条链接正确；

（4）“个人简介”子页界面美观，用表格或框架搭建页面布局；

（5）“心情日志”子页界面美观，要求心情日志内容不少于3篇，页面中设计锚点链接；

（6）“作品展示”子页界面美观，图片或flash必须为个人原创作品，数量不少于4件；

（7）“联系留言”子页界面美观，用表单设计页面。

3、设计报告的内容和要求 

设计报告的内容应包括基于“个人Blog”的构成与实现方案，并提交作品成果。

三、设计内容

1.个人Blog网站框架构成及综述

主页：

 首先考虑个人网站想要表达的主题，然后考虑框架。

顶端自主设计，放飞梦想；网页左侧设置五个选项：基站导航、个人简介、心情日志、作品展示、联系留言，从五个方面展示个人网页。网页右侧是小哲理分享，底端是：

右侧并有插图：

2.各网页设计分析与说明

  基站导航：

    基站导航链接一幅生动图片，

激发你点击的诱惑，点击后你就会发现回报：另一网页分为两个模块：一个模块是风景篇，另一个模块是搞笑篇。这些图片都使用流动代码，使图片各以各自的滚动速率在表格里滚动，各模块的图片间距合理，使用组合键完成。

   个人简介：

     在这一模块，主要介绍个人的一些信息，比如 姓名、出生日期、性别、身高、就读学校信息等。子页界面美观，是用表格（目的使文本字段、按钮、复选框等对齐）、表单和框架搭建的页面布局；

同时也使用了布局中的一些菜单，比如绘制层，使图片沿着轨迹运动，

（沿着轨迹运动）

     心情日志：

      分为四篇文章，分别为：记忆里的花香、沉默的人、我的大学我的梦、流年，页面中设计锚点链接；顶端设置：记忆里的花香、沉默的人、我的大学我的梦、流年；底端设置返回顶端，并有锚点连接，方便读者观看阅读。

，   作品展示：

        作品展示分为两个模块：图片处理和动画制作；图片

       

视频制作练习和熟悉了帧、关键帧，以及场景的变换、对象的形状、动作、颜色的变换；图层、元件等。

      联系留言：用表单设计页面；内容（如下）：窗窗体底端   

    

3、设计优缺点分析                          

   基站导航：

优点：

（1）采用吸引人的眼球的图片加链接，图片让人深思，留给读者无限遐想；

（2）图片分为两部分：风景片、幽默片；

（3）图片具有诱惑力；

     缺点：

（1）图片虽然加了随鼠标而移动、停顿代码，但是不成功，只有图片移动 ；

（2）图片速率不是十分协调，前期协调，后期并不理想。

   个人简介：

优点：

（1）背景色调合理；

（2）图片诙谐；

（3）严格合理使用了表单 、表格、页面布局；

缺点：

（1）在绘制层上的图片并没有成功按照记录轨迹运动；

（2）个人签名内字体小，不知怎么调；

心情日志：

优点：

（1）心情日志背景贴切，设计合理；

（2）心情日志所涉及的知识都能全部掌握；

作品展示：

  优点：

（1）小猫的图片抠图成功，修饰成功；

（2）动画综合运用并熟悉了了各种技术；

（3）人物图片利用了仿制图章技术；

缺点：

（1）人物图片仿制图章不是很成功；

（2）（2）人物图片白色边框有瑕疵；

联系留言:

  优点：

     （1）进一步熟悉了表单、布局；

缺点：

（1）有些菜单用的不是很顺利；

4.设计心得与体会

  （1） 创意，所谓创意就是不拘一格？之前做过一个网页，是为同学做的，并没有什么创意，而且感觉到自己掌握得太少了、另外缺乏创意，只是老师说过后练个几遍，随后看就不练了，导致当做作业时脑子一片空白；

（2） LOGO
说到设计，少不了要提到 LOGO，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。对logo其实并不是很熟悉，只是道听途说。

（3）习惯视觉流程
视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在网页设计中一些突出或推荐的信息通常都放在主要先看的位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。

（4）网页的配色
如果想成就一种很要层次感的网页，那么用一种颜色比较好，利用饱和度来调整色彩的明暗。如果想做一个既丰富又不花俏的网页，那么可用两种颜色。色系的使用又会使网页增加了不少的色彩，同时还能保持大方面的色调的统一。而灰色的作用将是最大的，在网页中被称为万能色的就是灰色。当然在现实中，为了避免页面太过于花俏，一个网页使用的颜色不宜太多。

设计中涉及到的是方方面面，还有很多是值得我注意、学习的的地方，我想以后不仅能够给别人设计网页而且能够给自己做，做的非常完美，恐怕目前无一企及（毕竟太菜了）。另外衷心的感谢汪老师的孜孜不倦的教导，苦口婆心的指引，启迪我们做事学习的思想，以及生活中给予的鼓励与帮助。谢谢汪老师！

第二篇：课程设计实验报告书格式

课程设计实验报告书

科    目：                       

设计题目：                       

指导教师：                       

班    级：                       

学    号：                       

姓    名：                       

      年      月      日

实验题目：

实验目的：

实验要求：

实验步骤：（阐述清楚实验的具体步骤）

实验结果：（实验结果的数据以及图、表等）

结果分析：（利用你所掌握的基础理论知识对实验的结果进行相应的分析）

心得体会：（阐述清楚你在实验过程中遇到了哪些问题，是怎样进行解决的，还存在哪些问题以及在实验过程中你的收获是什么）