课程设计报告书格式

《网页设计与制作》课程设计PAGEPAGE8信息工程学院《网页设计与制作》课程设计报告书指导教师：专业班级：姓名：学号：日期：2012年6月4日—2012年设计目的《网页设计与制作课程设计》是在学生学习《网页设计与制作》课程后，结合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）人物图片利用了仿制图章技术；缺点：人物图片仿制图章不是很成功；（2）人物图片白色边框有瑕疵；联系留言:优点：（1）进一步熟悉了表单、布局；缺点：（1）有些菜单用的不是很顺利；4.设计心得与体会（1）创意，所谓创意就是不拘一格？之前做过一个网页，是为同学做的，并没有什么创意，而且感觉到自己掌握得太少了、另外缺乏创意，只是老师说过后练个几遍，随后看就不练了，导致当做作业时脑子一片空白；（2）LOGO

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

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

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