网页设计课程设计报告网站设计报告.doc

ZHEJIANGWATERCONSERVANCYANDHYDROPOWERCOLLEGE网页设计课程设计报告题目:计信系网站设计报告系(部):计算机与信息工程系专业班级:信管11-1姓名:沈慧婷学号:101190107指导教师:张铁英迄止时间: 2012年7月2日~,是适应现代教育技术和信息技术的发展,加大学校对外交流与宣传力度,提高教学、科研、管理效率的重要途径;学校网站是学校对外宣传的窗口,也是展示全校师生才能,加强对校外联系,互相学****共同发展的阵地,学校网站建设的目的是促进师生与学校共同发展,需要全校师生共同参与,,系部网站建设也是一块重要的内容,系部网站建设要突显系部的特色与风格,展现系部各个方面的实力与优势,树立一个良好形象,增加一个公众了解学校的窗口,也能提高学校知名度、及学校内各部门效率,因此,身为计信系的学生,有责任有义务为系部网站的建设出一份绵薄之力。经过几天的设计与修改,我们设计的网页已初见成效,、吸取他人的经验、探讨技术的****惯培养我们团队协作的能力加强我们课余学****交流、沟通感情、:网站规划:把“计信系”放在突出位置,并突出系部特色,把系部相关内容放在页面上,吸引注意力,展现计信系风采。为师生互动、学生之间交流提供一个平台、方便“教”与“学”,在对外宣传上发布更新信息、对内管理上加强各部门协调沟通。首页结构如图图1首页首页风格:首页以表格构成。首页背景为用Photoshop处理制作的淡蓝色壁纸,导航栏链接实现的背景为用Photoshop处理制作的淡黄色壁纸,首页上三块绿色内容链接实现的背景都分别用Photoshop处理制作的壁纸。首页顶部是Flash制作的动画,其中欢迎入住的字眼滚动出现,右下角的“浙江水利水电专科学校”字样分别从左至右逐个出场,导航栏背景为Photoshop制作的图片,然后在该表格上加了一个层,以便加上导航栏,导航栏各个菜单项均是经过Firework处理制作的下拉菜单,也都实现了链接功能,并且运用模板,采用共同的样式。首页中间分为三个部分,把表格拆分为三个部分,插入背景的图片均是采用Photoshop制作的,插入表格、内容,并且有一个实现了从下至上的滚动效果,还有鼠标事件,即鼠标划到滚动字幕上时字幕停止滚动,当鼠标划出字幕时,字幕重新开始滚动。图2首页中间部分接下来的部分就是用Flash制作的动画,五张系部的奖牌依次时隐时现地出现图3FLASH页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。我们设计的页角如下:设为主页-加入收藏-系部介绍-友情链接-版权申明-联系方式-我要留言******@2004-:浙江杭州下沙学林街583号邮编:310018系办电话:6计算机与信息工程系毛辉吕彩虹链接页面风格:导航栏链接:以表格构成,顶部为FLASH制作的动画,背景是绿叶,右下角是“浙江水利水电专科学校”字样,最上面是“jsj.”字样从右到左从淡到明、从明到淡划过屏幕;还有“计信系”红色字样的动画。接下来就是导航栏,实现了链接。还有,时间的显示,这个是在代码中假如了Javascript实现的。图4导航栏中间内容的链接:点击标题文字,出现新的页面,顶部和页角和首页一样,中间部分有有一个实现了从下至上的滚动效果,还有鼠标事件,即鼠标划到滚动字幕上时字幕停止滚动,当鼠标划出字幕时,字幕重新开始滚动。点击滚动的任意内容,均出现相应的文章内容。链接后又是另一种颜色。使用了模板。中导航栏上的“新闻中心”和“行政科研”均使用了模板。:正文字体为“宋体”9pt。主色调与色彩:本网站以绿色为主色调,颜色明了清新,正文部分为黑色,链接颜色为橘黄色。。优势在于它可以对不同对象进行处理,而不必担心不同对象之间的互相影响,且在定位图片和文本上比用CSS更方便,比框架布局更美观。CSS它能够使你保持整个HTML的统一外观。过去当你在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。如果使用了CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。本网站就对颜色、字体大小进行了设置。,代码如下:<metaTTP-EQUIV=”Page-Enter”ONTENT=”revealtrans(duration=6.