网站内容设计(|基于Dreamweavercs5开发平台在天文科普网站的开发过程)

　　网站内容设计(|基于Dreamweavercs5开发平台在天文科普网站的开发过程)

　　摘要 本文重点介绍基于Dreamweavercs5开发平台的天文科学网站的开发过程。文章首先概述了网站的开发技术，然后进行需求分析，在需求分析的基础上建立网站系统的整体结构，设计数据表结构等，最后， 网站系统模块功能的实现；包括网站前台和后台的开发。其中，前台使用Dreamweavercs5、Photoshop、Flash等完成首页的设计。在首页设计中，采用当前流行的DIV+CSS技术进行布局；后台使用Dreamweavercs5开发平台和ACCESS数据库技术。, 实现了登录管理、新闻发布、新闻删除、用户留言、留言管理的天文科普平台。最后，系统完成后，进行了链接测试、管理员登录测试、数据库测试，系统运行良好。关键词：Dreamweavercs5；数据库技术；天文科学 ABSTRACT 本文重点介绍基于Dreamweavercs5的天文科学网站开发平台的开发过程。首先是网站开发技术概述，其次是需求分析，创建网站系统整体结构设计数据表结构等。在需求分析的基础上，最终实现网站各模块功能；和消息管理。最后，系统完成后，进行了链接测试、管理员登录测试、数据库测试，系统运行良好。关键词：Dreamweavercs5；数据库技术；天文科学 ABSTRACT 本文重点介绍基于Dreamweavercs5的天文科学网站开发平台的开发过程。首先是网站开发技术概述，其次是需求分析，创建网站系统整体结构设计数据表结构等。在需求分析的基础上，最终实现网站各模块功能；和消息管理。最后，系统完成后，进行了链接测试、管理员登录测试、数据库测试，系统运行良好。关键词：Dreamweavercs5；数据库技术；天文科学 ABSTRACT 本文重点介绍基于Dreamweavercs5的天文科学网站开发平台的开发过程。首先是网站开发技术概述，其次是需求分析，创建网站系统整体结构设计数据表结构等。在需求分析的基础上，最终实现网站各模块功能；天文科学 ABSTRACT 本文重点介绍基于Dreamweavercs5的天文科学网站开发平台的开发过程。首先是网站开发技术概述，其次是需求分析，创建网站系统整体结构设计数据表结构等。在需求分析的基础上，最终实现网站各模块功能；天文科学 ABSTRACT 本文重点介绍基于Dreamweavercs5的天文科学网站开发平台的开发过程。首先是网站开发技术概述，其次是需求分析，创建网站系统整体结构设计数据表结构等。在需求分析的基础上，最终实现网站各模块功能；

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

　　美国科普活动的重要性始于1950年代苏联第一颗人造卫星升空时。这一事件震惊了美国政府和公众。今年，美国科学作家协会对公众的科学态度进行了调查。调查分析表明，公众普遍对科学持积极态度，但基础科学知识水平较低。为此，美国政府提供了数十亿美元的资金用于学校的科普教育。欧洲的科学革命始于天文学。欧洲国家最早开展科普的是英国。英国皇家科学研究与普及学会于 1826 年开始举办圣诞科学讲座。它一直持续至今，并产生了深远的影响。除英国外，北欧国家在这方面的表现更为突出。这些国家工业生产比较发达，国家重视科学，社会民主化程度高，人民关心科学传统。开展活动的方式也更多。它的特点是政府支持、媒体活跃和历史悠久。天文科普在亚洲，日本是最好的。日本的科普事业是后来者，走在世界科普的前列。1.2.2 国内天文科普教育发展现状，中国大陆有115个专业自然历史博物馆，其中天文馆15个。但是，从cnki学术文献库中关键词的“天文”搜索结果来看，在我国科普活动如火如荼的情况下，我们的天文科普显得十分孤独。随着我国科普投入的增加，各种科普网站的数量也大大增加，但这些网站天文科普功能略显不足，专用于天文科普的运行状态相对较低。嗯，网站的数量也很少。对于关键词 来自中国知网学术文献数据库显示，在我国科普活动如火如荼的情况下，我们的天文科普显得十分孤独。随着我国科普投入的增加，各种科普网站的数量也大大增加，但这些网站天文科普功能略显不足，专用于天文科普的运行状态相对较低。嗯，网站的数量也很少。对于关键词 来自中国知网学术文献数据库显示，在我国科普活动如火如荼的情况下，我们的天文科普显得十分孤独。随着我国科普投入的增加，各种科普网站的数量也大大增加，但这些网站天文科普功能略显不足，专用于天文科普的运行状态相对较低。嗯，网站的数量也很少。随着我国科普投入的增加，各种科普网站的数量也大大增加，但这些网站天文科普功能略显不足，专用于天文科普的运行状态相对较低。嗯，网站的数量也很少。随着我国科普投入的增加，各种科普网站的数量也大大增加，但这些网站天文科普功能略显不足，专用于天文科普的运行状态相对较低。嗯，网站的数量也很少。

　　2.网站开发工具和关键技术概述2.1 Web界面开发工具AdobeDreamweavercs5（下载链接：/products/download/dreamweaver）是网页创建和管理的集合网站多合一所见即所得的网页编辑器，Dreamweaver CS5 是第一套专为专业网页设计师开发的可视化网页开发工具。使用本程序可以高效快速地开发具有动态交互能力的ASP。网站。每个动态网站的开发都有一定的流程和模式。一般来说，这些流程和模式都差不多，只是在具体操作上略有不同。下面介绍使用Dreamweaver开发动态网站的一般流程和方式。第1步：在存储动态网站的服务器上安装网站的开发应用环境。动态网站的开发需要安装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*敏*感*词*已经成为一种趋势。天文科普网站中的banner*敏*感*词*采用了flash*敏*感*词*效果，为整个页面增添了视觉*敏*感*词*，也突出了网站的主题。2.2 Web 开发技术2.2.1 HTML 语言 HTML 语言是一种用于规划、设计和装饰网页布局的语言。HTML 超文本文档收录文本信息、图片、*敏*感*词*、声音或任何其他形式的资源。HTML语言通过标记实现这些资源的显示位置和显示方式规划设计等功能。2.2.2 CSS样式表 CSS是Cascading Style Sheets的缩写，中文译为“层叠样式表”，或简称样式表。

　　这个网站的导航栏的创建和页面底部的版权信息都使用了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.<

　　代码如下： .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所示：

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

　　在留言主界面输入用户名、邮箱、留言内容，点击留言按钮；此时留言人的用户名、邮箱和留言内容会写入留言信息表T_lyb，但是用户点击“浏览留言”超链接后可以看到用户的留言内容如图图 4-5。主消息界面是通过在页面主体中插入一个表单，在表单中插入一个四行两列的表单，插入用户名、邮箱文本字段和消息内容文本区域，然后插入“停留”和“重置”在留言板中键入文本“浏览留言板”。图4-4 图4-5 4.3 其他模块的制作“天文信息”，“ 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所示界面，提醒管理员是否删除该新闻，以免误删.

　　操作

　　新闻编号

　　头条新闻

　　推出日期

　　"target="_blank">删除

　　/*显示中的newsid列*/

　　/*显示中的新闻标题栏/

　　/*显示中的新闻时间栏/

　　5.3 消息管理模块的实现。本网页对消息的管理只能实现消息的删除，实现方式与新闻基本相同。6.总结本次研究的主要内容归纳为以下几个方面：（1)阅读大量网站开发的硕士论文，为网站@的设计开发提供> 以理论和技术为支撑。（2) 介绍了与研究课题相关的技术基础知识、ASP.NET技术、数据库技术和开发系统使用的开发工具，为后续章节打下基础. .(3)对网站进行整体规划。通过网站的需求分析，测试表明，天文科普网站平台运行性能良好。参考文献[1]。姜云欣。基于ASP.NET技术的留言板系统设计与实现[J]. 计算机与电信, 2013, (11）:44-45.[2].徐龙.基于ASP.NET的技术电子留言板的设计与实现[J].计算机知识与技术, 2009, 5 (25）: 35-36.[3]. 王贤梅. 基于ASP.NET的花木信息网站研发[D].广西:广西大学。: 44-45.[2]。徐龙。基于ASP.NET的技术电子留言板的设计与实现[J]. 计算机知识与技术, 2009, 5 (25）: 35-36.[3]. 王贤梅. 基于ASP.NET的花木信息网站研究与开发[D] ]. 广西：广西大学。: 44-45.[2]。徐龙。基于ASP.NET的技术电子留言板的设计与实现[J]. 计算机知识与技术, 2009, 5 (25）: 35-36.[3]. 王贤梅. 基于ASP.NET的花木信息网站研究与开发[D] ]. 广西：广西大学。

　　从论文的选题、开题报告的撰写、网站系统的开发、论文的撰写，我都得到了吴老师的精心指导，使我能够完成论文的写作。论文准时，保质保量，让我受益匪浅。浅。感谢淮北师范大学教育学院的各位领导和老师们，感谢他们在大学期间的关心和培养。同时，我要感谢我的同学们，尤其是我的室友，感谢他们对我的帮助。特别感谢朱金良对我毕业设计的大力支持。冯亚蕾。基于网络平台的科普资源利用与开发研究[D]．重庆：重庆大学。2012年：15-31.朱建国。我国科普现状及对策研究[R]．湖北：2010湖北省协同工作理论学术研讨会论文集。2010：2百度百科卢黎明。基于ASP+Access+Dreamweaver的动态网站开发从入门到实践[M]. 北京：机械工业出版社。2007：31-33.陆黎明。基于ASP+Access+Dreamweaver动态网站从入门到实践的开发[M]. 北京：机械工业出版社。2007: 156.18I天文科普网站@ >淮北师范大学本科毕业论文设计与实现 19 淮北师范大学本科毕业论文设计 网页风格、界面与动能 创建网站、开发页面设计、