《网页设计》课程报告模板.docVIP

《网页设计》课程报告 学 号: 专 业: 姓 名: 题 目: 设 计 时 间: 电子信息与计算机工程系 2011年11月 目 录 一、设计目的 2 二、课程设计题目 2 三、课程设计要求 3 四、需求分析 3 五、技术分析 4 六、创意分析 7 七、制作过程及要点 9 八、参考资料 12 九、设计总结 12  一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。 根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。 增强动手实践能力，进一步加强自身综合素质。 二、课程设计题目 设计的题目是：《XXXXX》 三、课程设计要求 1．课程设计要求一人一题，每题之间不得有雷同现象。 2．每个题目至少要?有8个不同页面（不能利用模板生成），总页面不少于10个。作品中必须有index.htm为索引页，作品中需包含flash动画、超链接、图片、声音等多媒体元素。 3．课程设计过程中，首先要进行项目调研分析、技术设计分析及页面布局。 4．设计结束时，每人须按题目分析设计的要求，上交所有的HTML文档和素材，将所有文件作压缩包，文件名按“学号+姓名+项目名称”来命名（将压缩文件在课堂上发给我或者在课程结课一周内发送至邮箱：zt_project@163.com，否则将视为放弃所修课程）。 5．作品内容必须要和课程设计报告中的项目内容要一致，设计报告要求在3500字以上，报告内容应有课程设计题目、需求分析、设计制作方案及关键制作技术等内容，必要时需要将效果图抓屏后进行插图。课程设计报告要求用A4纸打印后与作品一同上交，无设计报告者不予评定成绩。 四、需求分析 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。调研内容如下： 1、 网站当前以及日后可能出现的功能需求。 2、 客户对网站的性能（如访问速度）的要求和可靠性的要求。 3、 确定网站维护的要求。 4、 网站的实际运行环境。 5、 网站页面总体风格以及美工效果。 6、 主页面和次级页面数量等。 7、 内容管理及录入任务的分配。 8、 各种页面特殊效果及其数量（如flash等）。 9、 项目完成时间及进度。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 例如：（本内容为模板例文不得抄袭）选做的主题是旅游交通，并且选定题目为“玩转西安”，其目的是做一个简单的网站，介绍西安旅游的各个方面，提供一定的资讯信息，。进行一番调研之后，该网站整体站功能结构图如下： 五、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像 图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。 图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。 （1）在网页中插入图像 利用Dreamweaver2004 cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单： 1.新建一个空白网页，把光标定位在网页的开始位置。 2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来