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

网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
ZHＥJIＡNG WAＴER ＣＯNＳEＲVANCY ＡND　ＨYDROPOWER　COLＬＥＧE
网页设计课程设zjwchc．com”字样从右到左从淡到明、从明到淡划过屏幕；还有“计信系”红色字样的动画。接下来就是导航栏,实现了链接。还有，时间的显示,这个是在代码中假如了Javａscrｉpt实现的。
　　 　 　　 　　
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
　 　 　 　 　 　 　 　　 图４　导航栏
中间内容的链接：点击标题文字，出现新的页面，顶部和页角和首页一样,中间部分有有一个实现了从下至上的滚动效果，还有鼠标事件,即鼠标划到滚动字幕上时字幕停止滚动，当鼠标划出字幕时,，均出现相应的文章内容。链接后又是另一种颜色。
使用了模板。中导航栏上的“新闻中心"和“行政科研”均使用了模板。
　 　 　 　　　 　 　 　 图5模板
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
4。网站形象设计
标准字体:正文字体为“宋体"9pt。
主色调与色彩:本网站以绿色为主色调,颜色明了清新，正文部分为黑色，链接颜色为橘黄色.

　　　本站主要使用表格布局布局。优势在于它可以对不同对象进行处理，而不必担心不同对象之间的互相影响，且在定位图片和文本上比用CSS更方便，比框架布局更美观.
CSS　　
，为了保持整个段落都使用相同的外观，不得不为每一段设置属性，,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等，这样，我们就能获得统一的文本外观了。
本网站就对颜色、字体大小进行了设置。
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
６．　网站特效说明　
页面转换效果应用
主要应用于整个页面,代码如下:
＜metａ ＴTP—ＥQUIV＝"Ｐaｇe-Enｔeｒ" 　ＯＮＴＥＮT=”rｅveａｌtraｎs（dｕrａｔｉon=,ｔrａnsｉｔion＝23)"〉
<meta　TTP－ＥQUIV＝”Ｐage-Exｉt" ＣOＮＴＥNＴ="ｒｅvealｔrans（durａtｉoｎ＝，tｒansｉｔion=23）”>
第一个标签是进入页面效果控制,告诉浏览器进入时创建一个随机的页面转换效果。
第一个标签是离开页面效果控制,告诉浏览器进入时创建一个随机的页面转换效果。
(其中:“Dｕratiｏn=3"表示网页动态过滤的时间为6秒,“Tranｓitｉon=19”表示网页过渡的方式值为２3，即为从左上角向右下角展开。）
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
　 　 　 　 　 　　 　 图６　页面转换效果
插入多个ＦLASH动画，使整个网页看起来更有立体感，效果十分不错，也突显了系部的特色。
　 　 　　　　 　　图7 ＦLASH
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
使用了JavaScrｉｐt的对象事件处理程序，例如鼠标事件。 　 　　 　 　　　 　 　 　 　 　 　 　　 　
7. 网页设计分工
毛辉 　20０６9４０04
主页FLAＳＨ制作
主页三个绿色框的制作
全部按纽的制作
留言页面的制作
制作人资料栏的制作
部分文章的链接
网页特效的制作
吕彩虹 　　2006940０6
分页FＬＡSＨ的制作
部分文章的链接
分页的制作
页脚的制作
流动栏的制作
图片的搜索
分页文章主题部分的制作
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
网页设计课程设计报告网站设计报告
ﻩ
　　 　 　 　　表1 小组人员分工表

以前我一直在做网页,不过是在博客上,那里提供了摸板，只需要自己在里面添舔改改就行了，对一些代码我更本就看不懂,现在好了，虽然我不是很会,但是可以看懂一些了，也能改一些代码了。通过这几天的学****和制作