学习网站的开发.docx

学习网站的开发.docx

《学习网站的开发.docx》由会员分享，可在线阅读，更多相关《学习网站的开发.docx（57页珍藏版）》请在冰点文库上搜索。

学习网站的开发

本科毕业设计说明书

题目：

《C语言及程序设计》

学习网站的开发

院（部）：

计算机科学与技术学院

专业：

计算机科学与技术

班级：

姓名：

学号：

指导教师：

完成日期：

2014年6月10日

目录

摘要III

ABSTRACTIV

1前言

2总体分析设计

2.1网页设计技术3

2.1.1ASP技术3

2.1.2Dreamweaver技术5

2.1.3Fireworks技术7

2.1.4Flash技术8

2.1.5PhotoShop技术9

2.1.6Access数据库技术10

2.1.7ASP与数据库11

2.2网站系统分析11

2.3主页设计12

2.4数据库设计13

3详细设计

3.1前台部分15

3.1.1网站主页15

3.1.2学习新闻页面15

3.1.3学生学习一级页面17

3.1.4教学课件页面18

3.1.5师资队伍页面19

3.1.6教材建设页面20

3.1.7教学改革页面21

3.1.8图片集锦页面22

3.1.9留言页面22

3.1.10站内搜索页面23

3.1.11用户注册页面23

3.1.12投票调查页面24

3.1.13友情连接页面24

3.1.14数据库连接文件25

3.1.15新闻列表页文件25

3.1.16新闻详细页文件28

3.2后台部分29

3.2.1login.asp：

登陆29

3.2.2chklogin.asp:

登陆验证30

3.2.3后台新闻栏目列表页31

3.2.4新闻栏目添加,修改保存后台处理页32

3.2.5新闻列表和内容添加页35

3.2.6新闻内容,添加修改后台处理文件37

4站点的建立

4.1DNS和IIS41

4.1.1DNS（DomainNameSystem）域名解析系统41

4.1.2IIS5.0Internet信息服务41

4.2网络属性设置41

4.3DNS服务器的设置41

4.4WWW服务器IIS的设置42

5网站的运行和维护

5.1网站的运行环境43

5.2网站的日常维护43

6收获和感想44

7结论45

谢辞46

参考文献47

摘要

本文建立了《C语言及程序设计》学习网站。

为了提高大学课程的教学水平和学生素质，教育部提出了许多配套措施，例如进行5年一轮次的教学评估，建立主讲教师制度，规定教授、副教授不能脱离教学必须讲授大学课程，进行精品课程建设，评选教学名师，等等。

本学习网站就是为便于学习而建立的。

教师和学生使用该学习网站，有利于提高大学课程的教学水平和学生素质。

本学习网站的栏目主要有：

学习新闻、学生学习、教学课件、师资队伍、教材建设、教学改革、图片集锦、留言等。

还有网站公告，用户登陆，广告招商位，后台管理等。

本学习网站的内容主要有：

新闻、师资信息、教学内容、教学电子资料、教材信息、网上答疑、教改情况等。

网站包含的要素主要有：

文字、图片、滚动字幕、站内搜索、友情连接、联系我们等。

本网站内容丰富，使用方便。

相信它会较好地发挥作用，产生好的社会效益。

关键词：

网站；ASP技术；数据库；C语言及程序设计

DevelopmentofAStudyWebsiteofClanguageandProgramming

ABSTRACT

AstudywebsiteofClanguageandprogrammingisestablishedinthispaper.Toincreasetheteachinglevelofuniversitycoursesandstudentquality,theMinistryofEducationputsforwardanumberofsupportivemeasures,suchasthefive-yearcirculationoftheteachingassessmentmustbedone,Professors,associateprofessorsmustteachuniversitycourses,finecoursesmustbebuilt,theselectionofexcellentteachersmustbedone,etc.Sothewebsiteisestablished.Thestudywebsiteisfavorableinincreasingteachinglevelofuniversitycoursesandpupillarydiathesis.Thecolumnsofthewebsiteinclude:

studynews,studentstudy,teachingPowerPoint,teacherteams,teachingbooks,teachingreformation,pictures,leave-wordarea,andwebsiteaffiche,userenterwebsite,advertisementdisseminatearea,websitesmanagementetc.Thecontentsofthewebsiteinclude:

news,teacherinformation,teachingcontents,teachingelectronicalmaterials,teachingbooksinformation,answerquestionetc.Themainelementsofthewebsiteinclude:

text,pictures,rollingsubtitles,stationsearch,friendshiplink,contactusetc.Thewebsiteisplentifulincontents,andisconvenientinoperate,isofgoodeffect.

KeyWords:

website；ASPtechnology；data-base；Clanguageandprogramming

1前言

目前，我国高校非计算机专业的计算机教育普遍实施“三个层次”的教学方式，即计算机应用基础、计算机技术基础和结合专业的计算机应用。

《C语言程序设计》属计算机技术基础课程。

程序设计是计算机技术在各行各业应用的基础。

对广大的大学生而言，在今后的工作中不一定要自己开发大型的应用程序，但一定要会使用计算机程序，并能编写一般的应用程序来处理工作、生活中的实际问题，必要的话，能与计算机专业人员合作开发相关专业领域中的大型的应用程序。

因此，学习程序设计的一般原理，掌握基本的程序设计方法和技术，培养自己的程序设计的能力，提高自己的计算机素质，具有重要的现实意义。

必须明确，程序设计必须借助于某种语言。

《C语言程序设计》包含“C语言”和“程序设计”两方面的内容。

C语言是程序设计的工具语言，是程序设计的载体，学习C语言是为了实现程序设计，为了掌握程序设计的基本思想、一般方法和具体技术。

《C语言程序设计》学习网站建设的总体目标是：

建设以多媒体和网络环境为支撑、以素质教育和创新能力培养为目标的理论教学和多元化实践教学相结合的课程教学体系，达到大面积、大幅度、全方位提高课程教学质量、提高学生计算机基本素质的目的。

具体设想是：

（1）建立教学内容体系和教材体系。

进一步完善教学大纲、优化整合课程内容，建立以多媒体和网络环境为支撑、以素质教育和创新能力培养为目标、充分体现计算机公共课教学特点的新型教学内容体系和教材体系。

（2）构建多元化实践教学模式，彻底改变目前计算机公共语言课教学重理论、轻实践的现状，把计算机语言课在科学思维和能力培养方面的应有价值充分发挥出来。

大力促进实践教学环境建设，使其在内涵上产生突破，改进当前主要以实验课时量和实验开出率衡量计算机公共课实践水平的评价模式，建立以实践能力培养为核心的公共课实践环节教学评价体系。

（3）通过对C语言的词法、语法介绍，通过各种基本控制结构的实际案例分析，向学生介绍程序设计的基本方法，使学生掌握程序调试和测试方法，使学生具备应用高级语言进行程序设计的能力，使学生应用计算机解决问题的能力得到进一步的提高，为后续的计算机应用课程打下坚实的基础。

本网站积极推动C语言及程序设计课程的各项改革，为尽快把“C语言及程序设计”课程建成具有一流教学队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范性课程而努力。

《C语言程序设计》学习网站，不仅有助于学生从网站中获取该课程多方面的内容，深入学习，深入思考，提高学习质量，教师也可以从中获取教学资料，切磋教学方法，集思广益，取长补短，提高教学水平。

总之，希望本网站能够满足广大教师、学生和社会的一些实际需求，为提高人们的计算机素质做出自己的贡献。

2总体分析设计

2.1网页设计技术

首先对建立网站的有关技术进行简介和分析。

2.1.1ASP技术

MicrosoftActiveServerPages简称ASP，是一套微软开发的服务器端脚本环境，ASP内含于IIS3.0和4.0之中,通过ASP可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。

有了ASP就不必担心客户的浏览器是否能运行用户所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。

当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。

ASP是一个开放式的无须进行编译的应用程序环境，它提供了CGI程序和脚本的灵活性，同时又不会使性能显著下降；它与ADO的结合提供了强大的数据库访问功能，ASP成为网上数据库管理的重要手段。

使用ASP可以组合HTML页脚本命令和ActiveX组件以创建交互的Web页和基于Web的功能强大的应用程序。

过去，只有掌握了程序设计语言才能建立CommonGatewayInterface（CGI）程序，因而，这部分工作大多都是由计算机专业人士来完成。

ActiveServerPages所具有的特点如下：

（1）使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站所需的应用程序。

（2）它无须compile编译。

这与一般的程序不同。

ASP程序的控制部份，是使用VBScript、JScript等脚本语言来设计的，当执行ASP程序时，脚本程序将一整套命令发送给脚本解释器（即脚本引擎），由脚本解释器进行翻译并将其转换成服务器所能执行的命令。

当然，同其他编程语言一样，ASP程序的编写也遵循一定的规则，如果想使用某种脚本语言编写ASP程序，那么用户的服务器上必须要有能解释这种脚本语言的脚本解释器。

ASP本身并不是一种脚本语言，它只是提供了一种使镶嵌在HTML页面中的脚本程序得以运行的环境。

（3）使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。

（4）它与浏览器无关（BrowserIndependence）,用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。

ActiveServerPages所使用的脚本语言（VBScript、Jscript）均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。

（5）ActiveServerPages能与任何ActiveXscripting语言相容。

除了可使用VBScript或JScript语言来设计外，还可以通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如REXX、Perl、Tcl等。

脚本引擎是处理脚本程序的COM（ComponentObjectModel）构件。

（6）ActiveServerPages的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。

（7）可使用服务器端的脚本来产生客户端的脚本。

（8）物件导向（Object-oriented）。

（9）ActiveXServerComponents（ActiveX服务器元件）具有无限可扩充性。

可以使用VisualBasic、Java、VisualC++、COBOL等编程语言来编写你所需要的ActiveXServerComponent。

网页设计人员使用ASP，只要掌握了简单的脚本语言，就可以更好的完成这部分工作。

ASP当中的新技术在功能方面有所增强，更易于开发应用程序。

可以使用脚本调试程序调试.asp文件。

ASP程序其实是以扩展名为.asp的纯文本形式存在于WEB服务器上的，用户可以用任何文本编辑器打开它，ASP程序中可以包含纯文本、HTML标记以及脚本命令。

用户只需将.asp程序放在WEB服务器的虚拟目录下（该目录必须要有可执行权限），就可以通过WWW的方式访问ASP程序了。

许多应用程序设置可在Internet服务管理器上进行，这是InternetInformationServer和PersonalWebServer（在WindowsNTWorkstation上）的管理工具，本网站就选用这一个IIS。

隔离ASP应用程序，可以隔离ASP应用程序以便它们能在Web服务器上独立的内存空间内运行。

万一某个应用程序失败时，可以保护其他应用程序和Web服务器。

它也使用户可以在不停止Web服务器的情况下，停止一个应用程序或从内存中卸载其组件。

浏览器可以通过PostingAcceptor应用程序将文件上载到Web服务器。

可以编写ASP脚本来发送带有从PostingAcceptor传来的信息的Email等。

2.1.2Dreamweaver技术

Dreamweaver是美国Macromedia公司推出的主页编辑工具。

这是一个所见即所得的主页编辑器，并带有站点管理功能，可以方便地设计和管理多个站点。

它支持最新的DHTML和CSS标准，用户可以用它设计出生动的DHTML动画、多层次的页面（layer）以及CSS样式表。

Dreamweaver提供视觉化网页开发工具的生产力，同时不会降低HTML原始码的控制，Dreamweaver提供的RoundtripHTML功能，让用户准确无误地切换于视觉模式与惯用的原始码编辑器，拖放式的表格与页框设计可以透过资料库来管理网站的内容使之更新。

Dreamweaver支援跨浏览器的DynamicHTML，阶层式样式表单、绝对坐标定位以及JavaScript的动画让用户更易编辑网页。

Dreamweaver是第一套针对专业网页开发者特别发展的视觉化网页设计工具。

RoundtipHTML功能完全控制HTML原始码，著名的BBEdit与HomeSite编辑器分别内含于Macintosh与Windows版本的软体中。

当开启其他编辑器产生的网页时，它会保存既有的HTML格式。

使用绝对座标可获得精准且弹性的设计。

DynamicHTML、直觉式时间轴界面以及JavaScrip行为库，可在不需程式下让HTML元件动起来。

以全网站内容管理的方式让用户跳脱逐页更新管理的缺点提升您的生产力。

RoundtripHTML完美整合视觉性工具和原始码编辑器Dreamweaver整合视觉性工作环境及原始码文字编辑器（如BBEdit、HomeSite等）。

回想一下，随着互联网（Internet）迅速扩展到全球，HTML技术不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着一些弱点：

（1）难以精确达到与浏览器完全一致的显示效果。

也就是说在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来。

（2）页面原始代码的难以控制性，比如在所见即所得编辑器中制作一张表格也要几分钟，但要它完全符合要求可能需要几十分钟，甚至更多时间。

而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。

如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备则见则所得的高效率、直观性，一直是网页设计师的梦想。

Dreamweaver的出现，克服了这些缺点，使网页设计更简单更容易了。

Dreamweaver的主要特点如下：

（1）最佳的制作效率

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。

使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。

对于选单，快捷键与格式控制，只要一个简单步骤便可完成。

Dremweaver能与其它的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。

除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

（2）网站管理

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。

改变网页位置或档案名称，Dreamweaver会自动更新所有连结。

使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

（3）无可比拟的控制能力

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。

它包含HomeSite和BBEdit等主流文字编辑器。

帧（frames）和表格的制作速度快的令人无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。

建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。

用户也可以使用样版正确地输入或输出XML内容。

全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。

对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。

使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。

当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

Dreamwaver目前的最高版本为DreamwaverMX。

2.1.3Fireworks技术

Fireworks是Macromedia公司推出的专门针对网络图形设计的工具软件，它既可以编辑Ｗeb图像，又可以编辑Web动画，制作按钮的导航条、菜单等，甚至能直接制作网页。

同时具有多种传统图形制作软件的功能，而且它能把位图处理和矢量处理完美的结合在一起，使得网页图形设计人员再也不必在多种图形设计软件之间频繁切换。

Fireworks的实质是通过最少的步骤创建最小、最高质量的JPEG和GIF图像，是创建和生成网页图形的完全解决方案。

它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将起到重要的作用。

Fireworks简化了网页图形和屏幕图形的制作过程，同时提供了完全的机动性和可编特性。

在没有Fireworks的时候，网页设计者需要在一个矢量绘图程序（如FreeHand）上创建图形，然后再把这个矢量图形引入到位图程序中进行涂抹和添加滤镜效果。

设计者可能还需要使用一个动画工具或imagemap工具来创建动态图形。

为了测试图形，设计者必须在浏览器中查看创建的图形。

如果此时再需要对图形进行修改，或许会迫使设计者从头开始并重复上述每一个步骤。

但有了Fireworks，设计者的工作就不再是复杂地从一个工具转到另一个工具，大量的重复工作量被省略，由此可以节省大量宝贵的时间。

Fireworks是一个将矢量图形处理和位图图像处理合二为一的专业化的Web图像设计软件，使Web作图发生了革命性的变化。

它可以导入各种图像文件，可以直接在点阵图像状态和矢量图形状态之间进行切换，编辑后生成PNG图像文件，也可以生成其他格式的文件。

它还可以直接生成包含HTML和JavaScript代码的动态图像，甚至可以编辑整幅的网页，使图形以最简洁的方式在网上淋漓尽致地体现其魅力。

Fireworks不同于FreeHand和Photoshop，它并不专限于创建矢量图或处理位图，而是综合了它们双方的某些特性。

Fireworks是一个可以同时编辑位图和矢量图形的软件，而其他图形图像软件总是偏重于某一方面。

为此，FireworksMX拥有两种图形编辑模式：

位图编辑模式和矢量图编辑模式。

在Fireworks中，可以非常方便地在矢量图编辑模式和位图编辑模式之间进行切换。

2.1.4Flash技术

Flash是web上重要的动画制作工具，是一种交互式矢量多媒体技术。

Flash的前身是FutureSplash，是早期网上流行的矢量动画插件。

由于网络带宽的限制，在主页上放置过大的文件是不现实的。

但是因特网发展迅猛，枯燥无味的静态页面很难再引起用户的兴趣，制作人员都希望能使用引人人胜的动态效果来吸引用户的注意，使用JavaApplet是一个解决办法，但是真正精通它并不是件容易的事情。

而且，通过编写代码来生成动画永远都不是设计人员真正的手段。

因此，ShockwaveFlash诞生了，并且立即被投入到应用中去。

（1）Flash的特点

①它是基于矢量的图形系统，各元素都是矢量的，只要用少量向量数据就可以描述一个复杂的对象，占用的存储空间只是位图的几千分之一，非常适合在网络上使用。

同时，矢量图像可以做到真正的无级放大。

这样，无论用户的浏览器使用多大的窗