Web前端页面设计
Window.clearTimeout(closetimer); closetimer = null; } }
// close layer when click-out Document.onclick = mclose; // -->
$(function() {
$(\get_slideshow_html5_simple\show_transition_effect:'Mosaic,Wipe_from_horizontal_blind,Wipe_from_vertical_blind,
Wipe_from_vertical_center,Wipe_from_horizontal_center,Wipe_to_h
orizontal_center,
Wipe_to_vertical_center,Wipe_from_bottom_to_top,Wipe_from_top_to_bottom, Wipe_from_right_to_left', slideshow_time_interval: '2000', slide-show_window_width: '350', slideshow_window_height: '370s',
slideshow_background_color: '#FFF', slideshow_border: '#999 solid 2px', text_effect: 'text_fade' }); });
此代码主要是实现前段图片动态特效的JS代码。照片动态切换效果,可
以直接涉及到网站是否有活力,也是整个网站集聚吸引力的地方,所以在使用JS调用的时候一般不在同一时间使用多次,以减轻服务器和数据库读写的负担。
4.6 本章小结
本章具体介绍了网站前端的实现,在动画效果的实现中给出了具体的代
码。说明了在页面设计过程的具体实现,说明了网站修饰风格,可视化的重要概念。也是整个网站集聚吸引力的地方,所以在使用JS调用的时候一般不在同一时间使用多次,以提高服务器和数据库读写的效率
31
Web前端页面设计
第4章 总结
4.1 总结
创建的数字媒体技术系的专业网站,网站前端设计最基本的三个技能:
HTML,CSS,JavaScript,PS 矢量图像编辑技术。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。
本网站的建立的作用具有超时空特性,不仅能让本地区的人们了解学院,
更可让世界了解本专业。网站巨大的教育资源,网站是实现教育资源分配的桥梁,它使每一位教师和学生都能均等的得到培训和受教育的机会,能极大的提高教学效率。
JSP虽然提供了功能强大的Web应用程序开发环境,但和其它技术一样,它
也存在着某些缺点。但JSP毕竟是软件霸主微软精心设计的一个宠儿,人们不得不慢慢向它靠拢,现在越来越多的Web服务器大多数都用JSP。以信息网站为核心的Web信息系统建设方兴未艾,运用新技术进行创新的应用开发,提高网络系统应用成效将是一个不竭的课题。
本文中介绍了JSP,JS,CSS,JQuery以及前端布局的制作做法,详细的说
明了数字媒体技术系网站前端的全部制作流程,以及网站中的主要功能。
网站中还存在一些不足之处,如网站的留言系统没建立等等。这些问题
和功能有待于进一步学习和添加。
32
Web前端页面设计
致 谢
本文是在xx老师悉心指导和帮助下完成的。在毕业设计学习期间,导师
在毕业设计指导上尽心尽责、精益求精。导师的严谨治学的态度、勤勉进取的精神、渊博丰富的学识,无私忘我的工作作风,宽厚的为人都给我留下了非常深刻的印象,使我终身受益。在此,再一次向舒挺老师表示深深的谢意。
在2年的学习生涯中,是每一位优秀的任课老师无私传授的知识使我们
成长,是班主任和学院的各位老师给予的无私的关怀和指导使我在为人处事方面不断成熟,也借此机会向他们表示诚挚的感谢,感谢老师们给予我们的支持、帮助和关怀关心。
同时,我还要感谢陪我一起走过2年生活的同学们。感谢他们2年来,
在学习和工作上的无私帮助,使我能够顺利踏上社会。
最后,我要感谢我的家人。无论我遇到多少困难险阻,他们总是默默地
在背后支持我,鼓励我。立誓走上社会以后做有用之才,可塑之才,无愧于自己的老师,无愧于学院的领导、无愧于自己的父母,为母校交上一份满意的答卷。
33