1、I本科毕业论文天文科普网站设计与实现学院专业 教育技术学姓名学号II摘 要本文重点论述了基于 Dreamweavercs5 开发平台在天文科普网站的开发过程。文中首先对网站的开发技术进行概述，接着进行需求分析、在需求分析基础上建立网站系统整体结构图、设计数据表结构等,最后是网站系统各模块功能的实现；包括网站前台和后台的开发。其中前台使用了Dreamweavercs5、Photoshop、Flash 等结合来完成首页的设计,在首页设计中利用了当前比较流行的 DIV+CSS 技术进行布局；在后台方面,利用 Dreamweavercs5 开发平台、ACCESS 数据库技术,实现了登陆管理、新闻发布、
2、新闻删除、用户留言、留言管理的天文科普平台,最后在系统完成后进行了链接测试、管理员登陆测试、数据库测试，系统运行良好。关键词：Dreamweavercs5； 数据库技术； 天文科普ABSTRACTThis paper focuses on the development platform Dreamweavercs5 astronomical science-based website development process. Firstly the site development technology overview, followed by needs analysis, creati
3、ng a website system overall structure of the design data table structures, etc. On the demand based on the analysis, and finally realize the website each module functions;including websites foreground and background of development. Which uses a combination of foreground Dreamweavercs5, Photoshop, Fl
4、ash and so on to complete the home page design, the use of the current popular DIV + CSS technology in the home design layout; In the background, use Dreamweavercs5 development platform, ACCESS database technology to achieve a login manager, press releases, press Delete, user messages, message manag
5、ement platform of astronomical science, and finally in the system after completion of the link test, test administrator login, database testing, the system runs well.Keywords:Dreamweavercs5 ; database technology; astronomical science III目 次1. 引言 .11.1 研究的意义 .11.2研究的现状 .11.1.1 国外天文科普教育发展状况 .11.2.2 国内
6、天文科普教育发展状况 .22.网站开发关工具和键技术概述 .22.1 web界面开发工具 .22.2 web开发技术 .32.2.1 HTML 语言 .32.2.2 CSS 样式单 .42.2.3 ACCESS 数据库技术 .43.网站需求分析和整体结构设计 .43.1 网站需求分析 .43.2 网站的整体结构设计 .43.2.1 界面设计 .54.网站前台模块的设计与实现 .74.1首页的设计与实现 .74.2留言板的设计与实现 .104.3其他模块的制作 .115.网站后台管理系统设计与实现 .115.1 后台管理登录的实现 .115.2 新闻管理模块的实现 .135.3 留言管理模块的实
7、现 .166.总结 .16参考文献 .17致谢 .1711. 引言1.1 研究的意义科普方式和科普媒介多种多样,传统上科普多以科普书籍、科普报刊等纸质媒介的方式进传播;后来随着影视技术的发展,科教影片和科教影碟以及科教电视节目等以影视方式为载体的传播成为了科普传播的主要方式,极大增强了科普传播的生动性、多样性。 120 世纪 90 年代以来,互联网技术迅猛发展,日新月异,网络技术运用于科普传播,使得科普传播方式和科普资源的开发、分布产生了极大的变化,网络技术特有的优势使得科普资源形式更加新颖,内容更加多样。互联网传播媒介的特性主要在于及时性、互动性和多媒体表现性。互联网媒介属于无形媒介,不需要
8、类似报刊传送的过程,因此,总体而言,互联网媒介信息传播速度很快,相比于纸质传媒,互联网传播的及时性上有很大优势。 就互动性而言,书籍、报刊等纸质媒介和影视传媒的信息传播都只有单向性,受众只能单向浏览、获取信息,而不能及时通过这个媒介发表自己的见解和观点,无法形成及时的互动交流。而用户浏览科普网站服务器上的科普信息时,信息由服务器向客户端传输;当用户表达自己见解时,信息就由客户端向服务器传递。这种双向信息传递的互动功能在网络科普中得到展现,是传统的科普媒介所无法超越和比拟的。互联网的多媒体表现性优势也是极为突出,报刊、书籍等纸质媒介只能传播文本和图片信息,而且这些信息都是静态呈现的平面媒体,而且
9、多以文本信息为主,多媒体表现性不足。由于网络媒体强大的多媒体表现性,可以看出基于互联网技术的网络科普的优势。1.2研究的现状1.1.1 国外天文科普教育发展状况欧美各国对科普是相当重视的，在欧美地区，科普活动的表现形式主要是公众理解科学运动，近年来其影响面越来越大。美国的科普活动受到重视始于上世纪 50 年代苏联第一颗人造卫星上天，这一事件对当年美国朝野震惊很大。就在这一年，美国国家科学作家协会就对公众的科学态度进行了一次调查，调查1 冯雅蕾.基于网络平台的科普资源的利用与开发研究D.重庆：重庆大学.2012：15-31.天文科普网站设计与实现2分析表明：公众普遍对科学持肯定态度，但基本科学知
10、识低下,为此，美国政府拿出了数十亿美元投入到学校的科学普及教育上。欧洲的科学革命发端于天文学。欧洲各国中科普开展较早的首推英国，大不列颠皇家科学研究与普及学会从 1826 年开始举办圣诞科学讲座，坚持迄今，影响深远。除英国外，北欧国家在这方面表现得比较突出，这些国家工业生产较发达，国家重视科学，社会民主化程度高，民众有关心科学的传统。开展活动的方式也比较多。其特点是政府支持，媒体活跃，历史悠久。天文科普在亚洲，开展最好的要数日本。日本科普事业是后来者居上，走在世界科普的前列。1.2.2 国内天文科普教育发展状况 1目前，在我国大陆地区已经建成的专业性的自然和历史博物馆共 115 座，其中天文馆
11、有 15 座。然而，从 cnki 的学术文献总库中以“天文”作为为关键词进行的检索结果表明：在我国科普活动进行的如火如荼之时，我们的天文科普却显现的非常孤单。随着我国对科普工作的投入加大，各类科普网站的数量也大大增加，但这些网站的天文科普功能却略显不足，而专门面向天文科普的运行状态较好的网站数量也是屈指可数。2.网站开发关工具和键技术概述2.1 web界面开发工具AdobeDreamweavercs5（下载地址： CS5 是第一套针对专业网页设计师特别发展的视觉化网页开发工具，应用该程序可以高效快速地开发一个具有动态交互能力的 ASP 网站。 2每个动态网站的开发都有一定的流程和模式，这些流程
12、和模式总体上来说大同小异，只有在具体操作的时候存在细微的差异。下面介绍使用 Dreamweaver 开发动态网站的一般流程和模式。 3第 1 步：在存储动态网站的服务器上安装网站的开发和应用环境。动态网站的开发需要安装IIS 服务器、浏览器、ASP 开发工具（本网站的 ASP 开发工具是 Dreamweaver） 。1 朱建国.中国科普现状及对策研究R.湖北：2010 湖北省科协工作理论研讨会论文集.2010：22 百度百科3陆黎明.基于 ASP+Access+Dreamweaver 动态网站开发从入门到实践M.北京：机械工业出版社.2007：31-33.3第 2 步：设计网站的样式风格、页面
13、结构、功能实现等。第 3 步：创建站点，开始对网页进行开发。第 4 步：根据网站功能的需求设计、创建和应用数据库。第 5 步：实现应用程序的测试，检查网站中是否存在错误的页面等，如果存在错误则需要修改程序，直至页面完全正确。第 6 步：将测试成功的网站发布到 Internet 中或内部的服务器中（考虑到现实因素本网站制作成功后并不发布） 。下面是应用 Dreamweaver 开发动态网站的流程图，如图 4-1 所示：图 2-1 网站开发流程Adobe photoshop cs5 (下载地址： PS 软件进行处理。Adobe flash cs5 (下载地址： Flash 是一款动画制作软件。目前
14、,Flash 已经渐渐成为网页交互式的一种手段,被广泛用于网站的制作中。在网页制作中运用 flash 动画已经成为了一种潮流。天文科普网站中的横幅动画就是采用了 flash 动画效果,给整个页面增加了视觉上的动画,同时也更突出了网站的主题。2.2 web开发技术2.2.1 HTML 语言HTML 语言是对网页的版面进行规划、设计和装饰的语言。一个 HTML 超文本文档中包含了文设置动态网站开发环境设计网页风格、界面和动能设计、创建和应用数据库创建站点、开发页面测试应用页面和程序发布动态网站天文科普网站设计与实现4字信息、图片、动画、声音或是任何其他形式的资源，其中 HTML 语言通过标记符实现
15、了对这些资源的显示位置、显示模式的规划设计等功能。2.2.2 CSS 样式单CSS 为 Cascading Style Sheets 的缩写，中文名翻译为“层叠样式表” ，简称样式表，是目前广泛应用的 CSS 标准，由国际组织 W3C 所控制。本网站的导航栏的制作以及网页底部版权信息等均用到 css 样式单。2.2.3 ACCESS 数据库技术Microsoft Office Access 是微软把数据库引擎的图形用户界面和软件开发工具结合在一起的一个数据库管理系统。在开发一些访问量较小的网站时用来存储数据，天文科普网站中的数据存储与查询均使用 ACCESS 数据库技术。3.网站需求分析和整体
16、结构设计3.1 网站需求分析（1）功能分析网站通过首页、天文信息、天文奇观、天文讲堂、追星利器和下载区为浏览者提供天文科普活动和科普作品信息，以及大量的天文图片、天文知识和虚拟天文软件；通过留言板模块可是实现浏览者与管理员的信息交流。（2）技术分析AdobeDreamweavercs5 是一款集网页制作和管理网站于一身的可视化网页编辑工具，本天文科普网站的建设是在 Dreamweavercs5 可视化开发平台与 ACCESS 数据库技术相结合实现的。3.2 网站的整体结构设计天文科普网站的建设是为了使浏览者能够方便、快速地找到自己所需要的信息。整个网站由前台和后台两大部分组成,前台主要提供信息
17、的查看以及留言交流，文件下载等服务；后台主要是对信息和留言内容进行管理。网站整体结构如下图 3-1 所示：5图 3-1 网站整体结构3.2.1 界面设计网站主界面是一个网站的门面，所以网页的布局和选择显示的内容是非常重要的，首页通常是显示一些重要的信息，或者能突出网站主题的内容,重要的信息在网页中放置的位置也是引人注意的，例如：本网站中的天文科普活动和科普作品,放置在网站首页的中间位置。同时也为了使整个页面有视觉上的动感，把网站的头部用 flash 动画软件做成 flash 动画，不再显得呆板。为了引起浏览者的注意，把网页左边的“天象预测”和“天文直播室”的内容设计成滚动新闻，为了突出和呼应网
18、站的主题，网页采用蓝色作为主色调，为了扩展浏览者的知识需求，本网站中设有5 个外部链接，均链接到著名天文科普网站或博客，网页底部用来显示版权信息。网站首页如下图 3-2 所示：天文科普网站天文信息 天文奇观 天文讲堂 留 言 板追星利器后台管理登录新闻管理 留言管理下 载 区首 页前台模块 后台管理模块天文科普网站设计与实现6图 3-2 网站首页3.2.2 数据库设计根据前台模块分析可知,本网站所要实现的功能模块在数据库中应有以下数据表及存储信息： （1）管理员表 T_admin字段 数据类型 说明adminid 短文本 管理员编号 adminname 短文本 管理员昵称password 短文本 登录密码表 3-1 管理员表 T_admin（2）天文信息表 T_news字段 数据类型 说明newid 短文本 新闻编号newstitle 短文本 新闻标题newstime 时间 发布时间newsnr 长文本 新闻内容表 3-2 天文信息表 T_news（3）科普活动表 T_news_kphd字段 数据类型 说明
