课程设计报告书格式.docVIP

信息工程学院 《网页设计与制作》 课程设计报告书 指导教师： 专业班级： 姓 名： 学 号： 日 期： 2012 年 6 月 4 日 — 2012 年 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）心情日志所涉及的知识都能全部掌握