资源网站的设计与开发——宇宙探索.doc

教育科学与技术学院 资源网站的设计与开发 --宇宙探索 专 业：教育技术学 班 级： 姓 名： 学 号： 指导老师： 一、计划 通过学习本课程，让学习者对天文知识有了一个更加系统的了解，同时学到了很多观察天象的经验及技术，激起了学习者更多的参与到有关天文学方面活动的兴趣 三、创作故事板 网站主题：宇宙 网页名称：index.html 故事板编号：001 网页内容详描述 网站主题：宇宙 网页名称：qiyuan.html 故事板编号：002 网页内容详描述 相关链接：origin.html saying.html reveal.html 网站主题：宇宙 网页名称：xingcheng.html 故事板编号：003 网页内容详描述 网站主题：宇宙 网页名称：baozha.html 故事板编号：004 网页内容详描述 网站主题：宇宙 网页名称：taiyangxi.html 故事板编号：005 网页内容详描述 网站主题：宇宙 网页名称：feichuan.html 故事板编号：006 网页内容详描述 网站主题：宇宙 网页名称：liuyan.html 故事板编号：007 网页内容详描述 网站主题：宇宙 网页名称：origin.html 故事板编号：008 网页内容详描述 四、开发 1、开发环境及工具 Win7系统中，用deamweaver软件。 2、界面设计 网站的导航栏主要设置8项内容，分别是首页，宇宙起源，宇宙形成，宇宙大爆炸，太阳系，宇宙飞船，在线留言，论坛。整个网站所呈现的效果是块的叠加，风格的主调色为淡蓝色，主要是简单不浮夸的调调来展示宇宙这个严谨的知识。布局分明。网页大致布局采用div+css样式排版，其中小部分采用表格的定局。 首页效果图： 二级效果图： 三级页面效果图： 3、亮点与特色 网站中特效的应用，要特效有导航分类，图片放大，图片下滑，还有文本框收缩展开，以及点击变换内容的文本框等。网站中多媒体的应用，视频，图片等的插入。 结束语 作品整体都是以淡蓝色为背景，没有太多花俏的样式和图案组成，主要是对宇宙这块知识的展示，通过正规的和严谨的排版方式向爱好天文学的朋友们一个知识的盛典。Div+css排版以前在学动态网页的时候就已经接触过，但是还是觉得这个排版有点难，Dreamweaver里面，用div+css再配Table，觉得是完美的搭配，但是由于对div排版的学习知识初没有深入研究，一些浮动，浏览出错，乱套的问题还是出现了，所以需要耐心地钻研，细心发现问题，从这实践中，我能学到好多关于div+css的知识，并能耐心发现排版中所出现的问题，受益颇深。 index.html qiyuan.html xingcheng.html baozha.html taiyangxi.html feichuang.html liuyan.html origin.html saying.html reveal.html luntan html 首页 首页 宇宙起源 宇宙形成 宇宙爆炸 太阳系 在线留言 论坛 相关视频： 目录： 宇宙模型 宇宙图景 宇宙范围 行业新闻： 会员中心： 用户名： 密码： 验证码： 注册 Designed by PanLingjun 宇宙简介： 登录 更多相关： 关于宇宙的电影 关于宇宙的资料 关于宇宙的图片 必威体育精装版动态： 宇宙起源 首页 宇宙起源 宇宙形成