网页课程设计.docx
- 文档编号:29862566
- 上传时间:2023-07-27
- 格式:DOCX
- 页数:14
- 大小:3.24MB
网页课程设计.docx
《网页课程设计.docx》由会员分享,可在线阅读,更多相关《网页课程设计.docx(14页珍藏版)》请在冰豆网上搜索。
网页课程设计
《网页及图形设计》
课程设计报告
姓名学号
系别信息管理与工程系
专业软件技术
班级10软件技术
课程设计题目北仑幼儿园
指导教师
小组成员
目录
第一章引言
(2)
第二章系统分析与设计
(2)
2.1、功能分析··························
(2)
2.2、模块划分··························(3)
2.3、详细介绍及效果图······················(4)
2.4、设计特色··························(12)
2.5、参考网站··························(12)
第三章总结(13)
3.1、遇到的问题·····························(13)
3.2、心得体会······························(14)
3.3、期望································(14)参考文献(14)
第一章引言
幼儿园网站是幼儿园的标志,美哟所幼儿园都有自己的特色与个性,建立自己的网站是最直接的宣传手段,网站的超时空特性,让世界的人可以了解幼儿园,幼儿园就可以成为教育百花园中最绚烂的一朵。
幼儿园网站也是实现资源共享的的桥梁,也能提供教学互动的教学方式,更重要的是,能为小朋友提供个性化的学习平台。
以上便是我选择做幼儿园网站的原因。
我做的网站,整体是用div布局,然后结合表格与层,实现的是学校网站的功能,浏览者在首页可以点击进入学校的各个页面来了解相关信息,除首页外,还有论坛、特色课程、活动、注册、风采等等好多界面,比较出彩的地方有:
各界面的特效使网站更完美如图片滚动、文字滚动、动态flash、幻灯片切换;在风采的界面中我用到了iframe,并实现点击小图片出现大图片在iframe里;在特色课程里我用到了隐藏层,实现了很好的效果;在注册里我用到里正则表达式;在活动里我插入了练习之自制图形;
第二章系统分析与介绍
2.1功能介绍
本课程设计为幼儿园网站,此网站的作用乃是表现学校的特色与个性,使更多的人了解幼儿园,另外可为学生和老师供更好的交流平台,我做的网站布局合理,功能齐全,以首页的导航条为向导,浏览者可以快速的进入网页,例如课程的网页,还可进入学校的相册,查看幼儿园孩子的相片等等,全方位的了解幼儿园。
2.2模块划分
本网站共分为10个模块,分为首页、幼儿园简介、党员之家、特色学习、幼儿论坛、幼儿园总院、食谱、巾帼文明、注册、教研科研。
模块之间既互相独立,又互相配合,展示了学校的风采。
各模块又有自己的子模块,子模块包括宝宝风采、精品课程、宝宝活动。
子模块更丰富的介绍了学校的网站。
2.3详细介绍及效果图
(1)首页
首页比较复杂,大体使用div布局,分为top、left、right、bottom,
left为左浮动,right为右浮动,bottom为清除两者,然后在left、right中又有好多div,在这些div里大多是使用了表格,在首页里面有图片特效、文字特效,还有一个flash,各部分布局清晰,方便用户。
用户可以导航条为向导,了解学校的布局,进入各个页面。
此网站乃为幼儿园网站,所以整个页面鲜艳活泼,图片的选择符合幼儿园的特点,给人耳目一新的感觉。
(2)亲亲幼儿园
本页面为学校的整体概况,布局也是div和表格,此页面边框是把切片放入表格里,组成的,在bottom里查的是背景图片,里面有一个友情链接,浏览者可以点击友情链接,进入其他页面。
(3)巨幼论坛
本页面使用div和隐藏层布局,其中院长信箱、幼儿环境、院长寄语,都用到了隐藏层,单击哪个相应就会出现哪个信息。
这样布局就会使整个页面看起来合理些,合理的利用了层带来的空间。
另外这些照片也很合理的出现在这,很有特色。
(4)巾帼文明
本页面风采不失前面几张,首先它的布局和前面一样为div布局,此页面用到了iframe,实现了单击小图片大图片就会出现在iframe里,而我选的这个背景框架也很美,大图片恰好出现在这,很完美。
还有上面的图片位置放得也很合理。
很适合小朋友的特点。
此外还有
也很让小朋友喜欢。
(5)特色学习
此页面布局为div和表格,其中插入了floatimage和鼠标移动到图片图片就变大的特效,很可爱。
然后点击精品课程就可进入下一个页面。
(7)教研科研
此网页布局用到了div和隐藏层。
布局看着也很舒服,合适的素材更使得页面完美。
8注册
这是一个表单,里面用到了正则表达式,但其在失去焦点时判断,下面用到了文字移动的特效,很符合网站的特点。
2.4设计特色
该网站首页为模仿其他的网站,但另外一些页面改动很大,因为模仿的那个网站布局很简单,所以后面很多网页都是我自己综合其它一些网站做的,像图片素材啊都是自己找的,很多布局是自己改了好多次才弄好的,绝对是独一无二的,把自己想得结合老师讲的知识,一个很炫的网站就出来了,由于插入了特效,是网站具有了动态效果,很是逼真。
2.5参考网站
第三章总结
3.1遇到的问题
(1)切片放到单元格里组合问题,中间会有缝隙,要把一块块的切片通过单元格组合在一起很是麻烦,而且我的网站大多都需要切片,所以在图片的组合上花费了很大的功夫;
(2)层的应用,因为我想用隐藏层的功能。
所以在层上也花费了很长的时间,因为层的位置总是乱跑,在这次的作业中曾站了很长时间。
(3)iframe的应用,在设置它的参数上也花了时间去查资料,因为我把它放在了背景框架里所以我不希望他再有边框、滚动条等。
而且还得把它放在框架里符合图片大小。
在布局上得费些心思。
(4)特效的应用,在制作网站中,有很多特效并不是用得很顺利,需要自己再修改参数等。
(5)素材的查找,因为我不是全部模仿一个网站,其中加入了自己的心思,这就得自己去找合适的素材,并不断的改动。
面对以上问题,刚开觉得很麻烦,可随着问题的解决,或查资料或问老师,不知不觉自己的能力就提高了不少,虽然前期出现了很多问题,但正因为在处理前期的问题上使得做后面的网页时得心应手,随着不断地改善,自己已能自己构思出一个页面,后期很顺利,只是整理一些小问题。
3.2心得体会
学了很多知识,感觉还是实战一下比较好,这次的课程设计就是做一个网站,自己选的是幼儿园的网站,我的构思是既然是网站就要起到相应的作用,是网站成为别人了解幼儿园的桥梁,对学校起到宣传作用,所以对各个页面都是深思熟虑决定的,幼儿园的网站首先应该活泼的气息,所以我尽量站在小朋友的角度上来布局,图片等的素材都是从很多图片里筛选出来的,图片大多为下朋友喜欢的动画人物或为可爱的小宝宝等这些图片首先就为本网站尊定了活泼阳光的感觉。
不光得做足表面功夫,真技术也是必不可少的,我在网站里用到了很多javascript特效,还有隐藏层、iframe等,整体用div布局,各种噢乖局势相互配合使网站表面内涵都很到位。
我特从中收获了很多。
包括额外知识的积累。
3.3期望
这次课程设计时间有限,所以有些地方并不是很完善,接下来的时间我会把它逐渐完善,是布局更为完美,在搜集更多资料来给自己充电,是自己的网站更逼真,更具有动态效果。
参考文献
1.张华、贾志娟主编,asp项目开发实践,中国铁道出版社
2.李烨.别具光芒DIV+CSS网页布局与美化.北京:
人民邮电出版社,2006
3.贾素玲等.JavaScript程序设计.北京:
清华大学出版社,2007
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 课程设计
![提示](https://static.bdocx.com/images/bang_tan.gif)