网页设计课程报告.doc

多媒体技术课程报告题 目: 题网页设计 院系名称： 信息科学与工程学院 专业班级： 计算机科学与技术1101 姓名、学号： 1一、设计目的结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。熟练掌握Photoshop cs5、Dreamweaver cs5等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的以“河南工业大学简介”为主题的网页，给不了解河南工业大学的人一个窗口。二、设计思想利用Dreamweaver cs5制作一个关于“河南工业大学简介”的网站，利用表格、行为、层和链接等网页设计技术设计页面。本网站以河南工业校园风景为素材，首页一幅大的校园风景幻灯片以一种清新不失严禁的方式向大家展示了河南工业大学。网站的重心是在“学校简介”这一块儿，其它的分类都链接到河南工业大学官网上。首页网站结构图党群机构行政机构院系设置学校简介三、网页详细设计分析(一)建立布局 在这次的网页设计中用到大量的表格布局，先用表格为网站的各个网页搭建一个框架模板。在做页面框架的导航条时，用到photoshop cs5做出鼠标滑过切换图片的效果。Dreamweaver cs5是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。（二）网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。 因为没有好的相机，所以网页上的图片都来源于网络，并运用photoshop cs5进行了简单的处理。（三）关于Flash视频 使用 Dreamweaver 中的“插入 Flash 视频”命令，可将 Flash 视频内容插入 Web 页面，而无需使用 Flash 创作工具。该命令可以插入 Flash 组件；当您在浏览器中查看它时，它显示所选择的 Flash 视频内容以及一组播放控件。网页中插入了三段关于咱们学校的360视频，也用flash做了主页的幻灯片。（四）设置链接选中图片或者文字，在下面的链接属性中输入所要连接到的地址，同时，下方的目标属性被激活，输入blank设置成在新窗口中打开网页。我们设置了链接本站点的网页页面，同时也连接了外网，使得大家访问页面时能够查询更多详细的信息，方便用户查询。四、结论在此次网页设计中，我们充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！ 做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足