1、资源网站的设计与开发宇宙探索教育科学与技术学院资源网站的设计与开发-宇宙探索专 业：教育技术学班 级：姓 名：学 号：指导老师： 一、计划通过学习本课程，让学习者对天文知识有了一个更加系统的了解，同时学到了很多观察天象的经验及技术，激起了学习者更多的参与到有关天文学方面活动的兴趣。二、设计导航与链接设计：站主要页面的链接结构图luntanhtml三、创作故事板网站主题：宇宙网页名称：index.html故事板编号：001网页内容详描述首页首页 宇宙起源 宇宙形成 宇宙爆炸 太阳系 在线留言 论坛相关视频：目录：宇宙模型宇宙图景宇宙范围行业新闻：会员中心：用户名：密码： 验证码：注册Design
2、ed 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 PanLingju
4、n网站主题：宇宙网页名称：taiyangxi.html故事板编号：005网页内容详描述太阳系首页 宇宙起源 宇宙形成 宇宙爆炸 太阳系 在线留言 论坛太阳系概述： 相关图片：太阳系动态图片：太阳：水星： 金星： 地球： 火星： 木星：土星：天王星：海王星：矮行星：小行星：彗星：Designed by PanLingjun网站主题：宇宙网页名称：feichuan.html故事板编号：006网页内容详描述宇宙飞船首页 宇宙起源 宇宙形成 宇宙爆炸 太阳系 在线留言 论坛飞行任务：最新发布： 更多载人航天基金会：未来发展：国内综合 国外动态 更多来自太空的祝福：视频： 更多航天员风采：Designe
5、d by PanLingjun网站主题：宇宙网页名称：liuyan.html故事板编号：007网页内容详描述在线留言首页 宇宙起源 宇宙形成 宇宙爆炸 太阳系 在线留言 论坛给我们写信：姓名：邮箱地址：网站：你的信息：提交留言相关登录：登录相关：用户名：密码：Designed by PanLingjun网站主题：宇宙网页名称：origin.html故事板编号：008网页内容详描述宇宙理论首页 宇宙起源 宇宙形成 宇宙爆炸 太阳系 在线留言 论坛主要内容：相关链接：origin.htmlSaying.htmlReveal.html注释：右边的小框框是个浮动框。可连接相关页面。1.2.3.4.5.
6、Designed by PanLingjun 四、开发1、开发环境及工具Win7系统中，用deamweaver软件。2、界面设计网站的导航栏主要设置8项内容，分别是首页，宇宙起源，宇宙形成，宇宙大爆炸，太阳系，宇宙飞船，在线留言，论坛。整个网站所呈现的效果是块的叠加，风格的主调色为淡蓝色，主要是简单不浮夸的调调来展示宇宙这个严谨的知识。布局分明。网页大致布局采用div+css样式排版，其中小部分采用表格的定局。首页效果图：二级效果图：三级页面效果图：3、亮点与特色网站中特效的应用，要特效有导航分类，图片放大，图片下滑，还有文本框收缩展开，以及点击变换内容的文本框等。网站中多媒体的应用，视频，图片等的插入。五、 结束语作品整体都是以淡蓝色为背景，没有太多花俏的样式和图案组成，主要是对宇宙这块知识的展示，通过正规的和严谨的排版方式向爱好天文学的朋友们一个知识的盛典。Div+css排版以前在学动态网页的时候就已经接触过，但是还是觉得这个排版有点难，Dreamweaver里面，用div+css再配Table，觉得是完美的搭配，但是由于对div排版的学习知识初没有深入研究，一些浮动，浏览出错，乱套的问题还是出现了，所以需要耐心地钻研，细心发现问题，从这实践中，我能学到好多关于div+css的知识，并能耐心发现排版中所出现的问题，受益颇深。
