摘要 本文重点介绍基于Dreamweavercs5开发平台的天文科普网站的开发过程。 本文首先总结了网站的开发技术，然后进行了需求分析，在需求分析的基础上建立了网站系统的总体结构图，设计了数据表的结构等。 .,最终实现网站系统各模块的功能； 包括网站前台和后台的开发。 其中前台采用Dreamweavercs5、Photoshop、Flash等组合完成主页的设计，在主页设计中采用目前流行的DIV+CSS技术进行布局； 后台采用Dreamweavercs5开发平台和ACCESS数据库技术实现登录。 管理、新闻发布、新闻删除、用户留言、留言管理天文科普平台，最后系统完成后进行了链路测试、管理员登录测试、数据库测试，系统运行良好。 关键词：Dreamweavercs5； 数据库技术； 天文科普网站 摘要本文主要介绍基于Dreamweavercs5开发平台的天文科普网站的开发过程。 首先是网站开发技术概述，其次是需求分析、创建网站系统总体架构、设计数据表结构等。 基于需求分析，最终实现网站各模块功能； 包括网站开发的前景和背景。 其中使用森林dreamWeavercs5、Photoshop、Flash等工具完成首页设计，在首页设计布局中运用当前流行的DIV+CSS技术； 在后台，利用Dreamweavercs5开发平台，ACCESS数据库技术实现了登录管理、新闻发布、按删除、用户留言、天文科普留言管理平台，最后在系统完成链接测试后，测试管理员登录、数据库测试，系统运行良好。 数据库技术； 教育发展现状 11.2.2 国内天文科普教育发展现状 22. 网站开发工具及关键技术概述 22.1 Web界面开发工具 22.2 Web开发技术 32.2.1 HTML语言 32.2.2 CSS样式表 42.2.3 ACCESS数据库技术 43.网站需求分析及总体结构设计 43.1 网站需求分析 43.2 网站总体结构设计 4 3.2.1 界面设计 54. 网站前端模块设计与实现 74.1 首页设计与实现 74.2 留言板设计与实现 104.3其他模块 115. 网站后台管理系统的设计与实现 115.1 后台管理登录的实现 115.2 新闻管理模块的实现 135.3 消息管理模块的实现 166. 总结 16 参考文献 17 致谢 171. 引言 1.1 研究意义 有多种方法和媒体为了科普。 ，传统上，科普多通过科普书籍、科普报刊等纸质媒体传播； 后来，随着影视技术的发展，以影视为载体的科教电影、科教DVD、科教电视节目的传播成为科普传播的基础。 主要方法大大增强了科普的生动性和多样性。

20世纪90年代以来，互联网技术迅速发展，日新月异。 网络技术在科普传播中的应用，引起了科普传播方式以及科普资源的开发和分配的巨大变化。 网络技术的独特优势，使得科普资源的形式更加新颖。 内容更加多元化。 网络传播媒体的主要特点是及时性、交互性和多媒体性。 网络媒体是一种无形的媒介，不需要像报纸、期刊那样的流程。 因此，总体来说，网络媒体信息传播速度非常快。 与纸质媒体相比，网络传播在时效性上具有很大优势。 从交互性来看，书籍、报刊、影视媒体等纸质媒体的信息传播只是单向的。 受众只能向一个方向浏览和获取信息，而无法通过这一媒体及时表达自己的观点和看法，无法制定及时的互动沟通。 当用户在科普网站服务器上浏览科普信息时，信息从服务器传输到客户端； 当用户表达自己的意见时，信息从客户端传输到服务器。 这种双向信息传递的互动功能在网络科普中得到了体现，这是传统科普媒体无法超越和比较的。 互联网的多媒体表现力优势也极为突出。 报纸、期刊、书籍等纸质媒体只能传输文字和图片信息，而这些信息都是静态呈现的平面媒体，且大多以文字信息为主，多媒体表现力不足。 由于网络媒体强大的多媒体表现力，我们可以看到基于互联网技术的网络科普的优势。 1.2 研究现状 1.1.1 国外天文科普教育的发展现状 欧美国家十分重视科普教育。 在欧美，科普活动主要采取公众了解科学运动的形式，近年来其影响力越来越大。

美国的科普活动从20世纪50年代苏联向太空发射第一颗人造卫星开始受到关注。 这一事件极大地震惊了当时的美国政府和反对党。 就在今年，美国国家科学作家协会对公众的科学态度进行了一项调查。 调查分析显示，公众普遍对科学持积极态度，但基础科学知识水平较低。 为此，美国政府已拨款数百亿美元投入学校科普教育。 欧洲的科学革命始于天文学。 在欧洲国家中，英国是最早开展科普的国家。 英国皇家科学研究与普及学会自1826年开始举办圣诞科学讲座，一直延续至今，影响深远。 除英国外，北欧国家在这方面表现更为突出。 这些国家工业生产比较发达，国家高度重视科学，社会民主化程度高，人民有关心科学的传统。 开展活动的方式也有很多种。 它的特点是政府支持、媒体活跃和历史悠久。 亚洲天文科普普及最好的是日本。 日本的科普产业是后来者，在世界科普方面走在前列。 1.2.2国内天文科普教育的发展现状。 目前，我国大陆共建成专业自然历史博物馆115个，其中天文馆15个。 然而，中国知网学术文献数据库中以“天文学”为关键词的搜索结果显示，在我国科普活动如火如荼的同时，我们的天文学科普却显得十分落寞。 随着我国科普投入的加大，各类科普网站的数量也大幅增加。 但这些网站的天文科普功能略显不足，运营状况良好的专门从事天文科普的网站屈指可数。 。

2、网站开发工具及关键技术概述 2.1 网页界面开发工具 AdobeDreamweavercs5（下载地址：/products/download/dreamweaver）是一款集网页制作和网站管理于一体的所见即所得网页编辑器。 Dreamweaver CS5是第一套专为专业网页设计师开发的可视化网页开发工具。 该程序可用于高效、快速地开发具有动态交互功能的ASP网站。 每个动态网站的开发都有一定的流程和模式。 总体来说，这些流程和模型都是相似的，只是具体操作上略有不同。 下面介绍使用Dreamweaver开发动态网站的一般流程和模式。 第一步：在存放动态网站的服务器上安装网站的开发和应用环境。 动态网站的开发需要安装IIS服务器、浏览器和ASP开发工具（本网站的ASP开发工具是Dreamweaver）。 第二步：设计网站的风格、页面结构、功能实现等。 第三步：创建网站并开始开发网页。 第四步：根据网站的功能需求设计、创建和应用数据库。 第五步：实施应用测试，检查网站是否存在错误页面。 如果有错误，需要修改程序，直到页面完全正确。 第六步：将测试成功的网站发布到互联网或内部服务器上（考虑到实际因素，该网站制作成功后将不再发布）。

下面是使用 Dreamweaver 开发动态网站的流程图，如图 4-1 所示： 图 2-1 网站开发流程 Adobe photoshop cs5（下载地址：/products/download/photoshop）简称“PS”，是一款图像处理软件，用它来编辑网页中的图片，以达到优化网页和快速下载的目的。 天文科普网站中的背景图片设计以及网站各页面的图片均采用PS软件进行处理。 Adobe flash cs5（下载地址：/products/download/flash） Flash是一款动画制作软件。 目前，Flash已逐渐成为一种网页交互手段，并广泛应用于网站制作中。 在网页制作中使用Flash动画已经成为一种趋势。 天文科普网站中的横幅动画采用了flash动画效果，为整个页面增添了视觉动画，也凸显了网站的主题。 2.2 Web开发技术 2.2.1 HTML语言 HTML语言是规划、设计和装饰网页布局的语言。 HTML 超文本文档包含文本信息、图片、动画、声音或任何其他形式的资源。 HTML语言利用标签来实现规划设计这些资源的显示位置、显示方式等功能。 2.2.2 CSS 样式表 CSS 是层叠样式表的缩写。 中文名称译为“Cascading Style Sheets”，简称样式表。 它是目前广泛使用的 CSS 标准，由国际组织 W3C 控制。

本网站导航栏的制作以及网页底部的版权信息均使用了css样式表。 3 ACCESS数据库技术 Microsoft Office Access是微软公司结合图形用户界面的数据库引擎和软件开发工具的数据库管理系统。 用于开发一些访问量较小的网站时存储数据。 天文科普网站的数据存储和查询采用ACCESS数据库技术。 3、网站需求分析及总体结构设计 3.1 网站需求分析 （1）功能分析 网站为浏览者提供天文科普活动和科普作品的信息，以及大量的天文图片、天文知识和虚拟天文软件； 通过留言板模块可以实现浏览者与管理员之间的信息交流。 技术分析 Adobe Dreamweavercs5可视化工具，本次天文科普网站的建设是通过Dreamweavercs5可视化开发平台与CCESS数据库技术相结合来实现的。 图3-1 网站整体结构 3.2.1 界面设计 网站的主界面是网站的门面，因此网页的布局和显示内容的选择非常重要。 首页通常会显示一些重要信息或者可以突出网站的主题。 网页上重要信息的内容和位置也引人注目。 例如：本网站的天文科普活动、科普作品放在网站首页的中间位置。

同时，为了让整个页面视觉上动感十足，利用flash动画软件将网站头部制作成flash动画，让其不再显得呆板。 为了吸引浏览者的注意力，网页左侧的“天文预报”和“天文直播间”的内容被设计为滚动新闻。 为了突出和呼应网站的主题，网页采用蓝色作为主色调。 为了扩大浏览者的知识面要求，本网站共有5个外部链接，均链接到著名的天文科普网站或博客，并在页面底部显示版权信息。 网站首页如下图3-2所示： 图3-2 网站首页 3.2.2 数据库设计 根据前端模块的分析，本网站要实现的功能模块应具有：数据库中的数据表及存储信息如下： （1）管理会员表 T_admin 字段数据类型 说明 adminid 短文本 管理员编号 adminname 短文本 管理员昵称 密码 短文本登录密码 表 3-1 管理员表 T_admin （2）天文信息表 T_news字段数据类型说明 newid 短文本新闻号 newstitle 短文本 本新闻标题 newstime 时间 发布时间 newsnr 长文本新闻内容表 3-2 天文信息表 T_news (3) 科普活动表 T_news_kphd 字段数据类型说明 newid 短文本新闻号 newstitle短文本新闻标题 newstime 时间 发布时间 newsnr 长文本新闻内容 表 3-3 科普活动表 T_news_kphd (4) 科普作品表 T_news_kpzp 字段数据类型说明 newid 短文本新闻编号 newstitle 短文本新闻标题 newstime 时间 发布时间 newsnr long文本新闻内容 表 3-4 科普作品表 T_news_kpzp (5) message 信息表 T_lyb 字段数据类型说明 lyid 短文本消息号码 email 短文本邮箱 nr 长文本消息内容 lytime time 消息时间 username 短文本用户名 表 3-5消息信息表T_lyb 4.网站前端模块的设计与实现 4.1 主页设计 网站创建完成后，开始制作主页。 为了使网页呼应主题，使用Photoshop制作蓝白渐变图片（bg.gif）。 同时，为了使网页能够快速加载背景图片，这张图片的大小为一个像素Width，这样就可以垂直平铺，达到预定的效果，如图4-1所示：图4-1的代码如下： body {background-image: url(/image/bg.gif); /*背景图片的位置*background-repeat:repeat-x;}/*设置图片水平重复*/:插入div层，新建css样式规则，编辑css样式。

代码如下： .navigation {background:#0033FF;/*设置栏的背景色*height: 35px;width: 800px;margin: 0 auto;text-align: left;vertical-align:middle;padding -左：0px； /*元素到左边框的距离/padding-top:0px;}.navigation ul{/*子元素选择器，设置导航文本的格式*/ list-style-type:none;margin:0px ;内边距:0px; font: 18px "宋体";font-weight:bold;}.navigation li{ float:left; }.navigation li a{ display:block;/*将每个导航文本设置为块级元素* padding:1px 14px 1px 14px; 文本装饰：无； 边框：1px实心#0099CC； margin:6px;}头文件和导航栏的渲染如图4-2所示：图4-2同样采用div布局来制作网页的主题以及底部的版权信息，如图4-3：图4-3 滚动文字的制作：使用...标签显示滚动跑马灯，文字可以达到动态滚动的效果。

...有多个具体属性来设置滚动效果。 对齐：文本和背景的对齐方式。 行为：动作风格。 bgcolor：背景颜色。 方向：滚动方向。 height、hspace：背景的高度及其在页面上的位置。 循环：循环次数。 scrollamount：每次移动的距离。 Scolldelay：移动速度。 超链接的制作：网页中有很多超链接，以“友情提醒”的超链接为例，选择“北京天文馆”，在页面属性中的超链接文本框中输入链接的地址，或者拖动文本框后的指针指向要链接的文件。 “北京天文馆”的超链接代码如下： 北京天文馆4.2留言板的设计与实现 简单的留言板模块，虽然只提供了发布和浏览消息的功能，但实现了观众与网站管理员信息交流的基本功能。 在留言板模块中，需要一个前台接口供用户发布消息。 当用户提交消息时，后台应用程序的ASP程序会将消息信息存储到数据库中； 同时，留言板模块还需要一个用于显示用户留言信息的接口，按照倒序的方法显示留言信息。 一个简单的留言板包含两个 ASP 文件和一个数据库文件。 这两个ASP文件分别是如图4-4所示的主消息界面liuyanban.asp； 消息内容see_liuyanban.asp如图4-5所示； 数据库文件是指消息信息表T_lyb。

在消息主界面输入用户名、邮箱地址、消息内容，点击消息按钮； 此时，留言者的用户名、邮箱地址、留言内容都会被写入留言信息表T_lyb中，但是用户点击“浏览留言”超链接就可以看到用户的留言内容，如图所示如图 4-5 所示。 消息主界面的制作是在网页主体中插入一个表单，在表单中插入一个四行两列的表格，插入用户名、邮件文本字段和消息内容文本区域，然后插入“停留”和“重置”，然后将其插入留言板中键入文本“浏览留言板”。 图4-4 图4-54.3 其他模块“天文资讯”、“天文奇观”、“天文讲堂”、“追星利器”、“下载区”网页制作方法类似主页的内容，这里不再重复详细描述。 5、网站后台管理系统设计实现一个动态网站，后台管理是必不可少的，为了网站管理员能够实现对天文科普网站的简单管理，在网站系统过程中设计了一个简单、便捷的系统开发中，后台管理非常重要。 根据前面的需求分析，后台管理系统分为三个模块：管理员登录、新闻管理、留言管理。 5.1 后台管理登录的实现 后台登录模块主要是验证管理员的身份。 只有输入正确的管理员帐号和密码才能进入网站后台管理系统并对网站进行管理。 后台登录界面如下图5-1所示： 图5-1是在网页主体插入一个表单，在表单中插入一个四行两列的表格，插入管理员和密码文本字段中，然后插入“登录”和“重置”“设置”按钮，当输入正确的管理员帐号和密码后，点击登录按钮，管理员即可进入后台管理系统，实现代码如下： 5.2 实现新闻管理模块的功能 (1)发布新闻和添加新闻，该功能给新闻添加标题和新闻内容，如下图5-2所示。 点击“提交”按钮后，待发布的内容将自动写入数据库表中，并显示在首页的天文科普活动新闻中。 当您点击“重置”按钮时，输入的新闻标题和内容将被清除。 图 5-2 （2）删除新闻 删除新闻模块包括 del.asp 和 del_news.asp 两个接口的创建，效果图如图 5-3 和 5-4 所示： 点击图 5-3 ，图5-4 如果删除图5-3中的文字，会弹出图5-4的界面，提醒管理员是否确定要删除该新闻，以免误删除。 制作新闻界面关键代码如下：删除新闻界面关键代码如下：

操作

新闻号

头条新闻

推出日期

“目标=“_blank”>删除

/*显示Newsid列*/

/*正在显示的新闻标题栏/

/*显示新闻时间栏/

5.3 消息管理模块的实现 对于消息的管理，本网页只能实现消息的删除，其实现方法与消息删除基本相同，这里不再赘述。 六、总结本次学习的主要内容总结如下： (1)阅读了大量有关网站开发的硕士学位论文，为本网站的设计和开发提供了理论和技术支持。 （2）介绍与研究课题相关的技术、ASP.NET技术的理论基础知识、数据库技术以及开发系统中使用的开发工具，为后续章节打下基础。 （三）做好网站总体规划。 通过对网站的需求分析，设计了网站系统的总体结构图以及各模块涉及的数据库的表结构。 （4）比较全面的介绍了网站系统各模块功能的实现，包括网站前台和后台的功能。 在前端主页设计中，采用当前流行的DIV+CSS技术进行布局； 后端采用DWCS5开发平台。 ACCESS数据库技术与ASP的结合。 NET网络编程等技术开发了集信息发布、管理、消息交流功能于一体的天文科普网站。 （5）对已建成的网站系统进行链接测试、数据库测试、性能测试。 测试表明，天文科普网站平台运行性能良好。 参考文献[1]。 姜云馨。 基于ASP.NET技术的留言板系统设计与实现[J]． 计算机与电信，2013，（11）：44-45。 [2]。 徐龙. 基于ASP的基于.NET技术的电子留言板的设计与实现[J]． 计算机知识与技术，2009，5（25）：35-36。 [3]。 王贤梅. 基于ASP.NET的花木信息网站的研究与开发[D]. 广西: 广西大学. 2013 年：12-55。 [4]。 杨邦伟. 基于ASP.NET的动态供需信息发布系统的设计与实现[D]． 湖南：电子科技大学． 2013：28-41。[5]。 卢振刚. 基于ASP.NET平台架构的网站后台管理系统设计与实现[D]. 湖南：电子科技大学． 2009：31-55。 [6]。 孙元. 动态网页的实现及数据库连接方法[J]． 计算机时代，2009（5）：51-52[7]。 刘英. 小学地震科普网站建设研究[J]. 大家，2012（05）：144.[8]。 张志杰. 北京科普网站个性化信息服务系统设计与实现[D]. 北京：北京工业大学. 2011：31-59。 [9]。 杨胜飞. 拉萨市中学生天文科普知识现状调查及对策研究[D]. 西藏：西藏大学。 2012 年：26-36。 [10]。 冯亚蕾. 基于网络平台的科普资源利用与开发研究[D]. 重庆: 重庆大学. 2012 年：15-31。 致谢首先，我要特别感谢我的导师吴亦江老师。

从论文选题、提案报告的撰写、网站系统的开发以及论文的写作，我都得到了吴老师的细心指导，使我能够按时、高质的完成论文写作工作。保质保量，让我受益匪浅。 感谢淮北师范大学教育学院的各位领导和老师对我大学期间的关心和培养。 我还要感谢我的同学，特别是我的室友，感谢他们的帮助。 我要特别感谢朱金良老师对我完成毕业设计的大力支持。 冯亚蕾. 基于网络平台的科普资源利用与开发研究[D]. 重庆: 重庆大学. 2012 年：15-31。 朱建国. 我国科普现状及对策研究[R]. 湖北：2010年湖北省科协工作理论研讨会论文集。 2010：2 百度百科卢黎明。 基于ASP+Access+