网页设计课程报告.doc

网页设计课程报告.doc多媒体技术课程报告题目: 题网页设计 院系名称:信息科学与工程学院专业班级: 计算机科学与技术1101 姓名、学号:•、设计目的结合具体的开发案例,理解并初步掌握运用Dreamweavercs5可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。熟练掌握Photoshopcs5>Dreamweavercs5等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。我本次主要是设计的以“河南工业大学简介”为主题的网页,给不了解河南工业大学的人一个窗口。二、设计思想利用Dreamweavercs5制作一个关于“河南工业大学简介”的网站,利用表格、行为、层和链接等网页设计技术设计页面。本网站以河南工业校园风景为素材,首页一幅大的校园风景幻灯片以一种清新不失严禁的方式向大家展示了河南工业大学。网站的重心是在“学校简介”这一块儿,其它的分类都链接到河南工业大学官网上。网站结构图首页学校简介 党群机构 行政机构 院系设置、网页详细设计分析(一) 建立布局在这次的网页设计中用到大量的表格布局,先用表格为网站的各个网页搭建一个框架模板。在做页面框架的导航条时,用到photoshopcs5做出鼠标滑过切换图片的效果。Dreamweavercs5是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。(二) 网页中的图像图像传输是有显著的优点:一是直观,人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度;二是能更清楚地表达细节内容。正是由于这些优点,所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画,浏览者一定会流连忘返(如果图片很大,效果会适得其反)。因为没有好的相机,所以网页上的图片都来源于网络,并运用photoshopCS5进行了简单的处理。(三)关于Flash视频使用Dreamweaver中的"插入Flash视频”命令,可将Flash视频内容插入Web页面,而无需使用Flash创作工具。该命令可以插入Flash组件;当您在浏览器中查看它时,它显示所选择的Flash视频内容以及一组播放控件。网页中插入了三段关于咱们学校的360。视频,也用flash做了主页的幻灯片。(四)设置链接选中图片或者文字,在下面的链接属性中输入