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

1、教育科学与技术学院资源网站的设计与开发-宇宙探索专 业：教育技术学班 级： 姓 名:学 号: 指导老师:、计划通过学习本课程，让学习者对天文知识有了一个更加系统的了解， 同时学到 了很多观察天象的经验及技术，激起了学习者更多的参与到有关天文学方面活动 的兴趣。二、设计导航与链接设计：站主要页面的链接结构图三、创作故事板网页名称：index.html网站主题：宇宙故事板编号：001网页内容详描述首页首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛目录：宇宙模型宇宙图景宇宙范围相关视频:会员中心：用户名：I密码：【验证码：I登录 注册行业新闻:更多相关：关于宇宙的电影 关于宇宙的资料 关于宇宙的图片

2、最新动态:宇宙简介:Designed by PanLingjun网站主题：宇宙网页名称：qiyuan.html故事板编号：002网页内容详描述宇宙起源首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛相关视频：火爆场面：宇宙探索系列宇宙起源探索宇宙起源之谜霍金谈宇宙起源彭罗斯发现宇宙起源百科全书：视频：（宇宙起源）宇宙简介:Designed by PanLingjun 相关链接：origin.html saying.html reveal.html网站主题：宇宙网贝名称：xingcheng.html故事板编号：003网贝内容详描述宇宙形成首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛宇宙起源的视频

3、:猜你喜欢：黑洞吞噬恒星瞬间跳进一个黑洞会怎么样问：宇宙现在已经发展到什么阶段了？问问之星:问：宇宙边缘附近有星系、星球或其他物质存 在吗？问问专家:问：宇宙现在已经发展到什么阶段了？声望排行:问：什么是宇宙发展规律?问问开放平台:宇宙简介:Designed by PanLingjun网站主题：宇宙网贝名称：baozha.html故事板编号：004网页内容详描述宇宙爆炸宇宙爆炸图解：宇宙爆炸名片:宇宙简介:Designed by PanLingjun首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛网站主题：宇宙网页名称：taiyangxi.html故事板编号:005网页内容详描述太阳系太阳系概述

4、：相关图片：太阳系动态图片:首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛太阳：水星：金星：地球：火星：木星：土星：天王星：海王星：建行星：小，星:彗星Designed by PanLingjun网贝名称：feichuan.html故事板编号：006网站主题：宇宙网页内容详描述宇宙飞船首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛最新发布：更多国内综合国外动态更多Designed by PanLingjun来自太空的祝福:航天员风米:网站主题：宇宙网页名称：liuyan.html故事板编号：007网页内容详描述在线留言首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛提交留言给我们写信:姓名:邮箱

5、地址:网站:你的信息:相关登录： 登录相关：用户名：密码： 1Designed by PanLingjun网站主题：宇宙网页名称：origin.html故事板编号:008网页内容详描述宇宙理论首页宇宙起源宇宙形成宇宙爆炸太阳系在线留言论坛主要内容：相关链接：origin.htmlSaying.htmlReveal.html注释：右边的小框框是个 浮动框。可连接相关页面。1.2.3.4.5.Designed by PanLingjun四、开发1、开发环境及工具Win7系统中，用deamweave歆件。2、界面设计网站的导航栏主要设置8项内容，分别是首页，宇宙起源，宇宙形成，宇宙 大爆炸，太阳系，

6、宇宙飞船，在线留言，论坛。整个网站所呈现的效果是块的叠 加，风格的主调色为淡蓝色，主要是简单不浮夸的调调来展示宇宙这个严谨的知 识。布局分明。网页大致布局采用div+css样式排版，其中小部分采用表格的定首页效果图:二级效果图:三级页面效果图:3、亮点与特色网站中特效的应用，要特效有导航分类，图片放大，图片下滑，还有文本框 收缩展开，以及点击变换内容的文本框等。网站中多媒体的应用，视频，图片等 的插入。五、结束语作品整体都是以淡蓝色为背景，没有太多花俏的样式和图案组成，主要是对 宇宙这块知识的展示，通过正规的和严谨的排版方式向爱好天文学的朋友们一个 知识的盛典。Div+css排版以前在学动态网页的时候就已经接触过，但是还是觉 得这个排版有点难，Dreamweaver里面，用div+css再配Table ,觉得是完美的 搭配，但是由于对div排版