网页课程设计.doc

PAGE \* MERGEFORMAT5 《网页及图形设计》 课程设计报告 姓名 学号 系别 信息管理与工程系 专业 软件技术 班级 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和鼠标移动到图片