学习网站的开发.docx

1、学习网站的开发本科毕业设计说明书题 目：C语言及程序设计学习网站的开发院 （部）： 计算机科学与技术学院专 业： 计算机科学与技术班 级： 姓 名： 学 号： 指导教师： 完成日期： 2014年6月10日目 录摘 要 IIIABSTRACT IV1前 言2总体分析设计2.1 网页设计技术 32.1.1 ASP技术 32.1.2 Dreamweaver技术 52.1.3 Fireworks技术 72.1.4 Flash技术 82.1.5 PhotoShop 技术 92.1.6 Access数据库技术 102.1.7 ASP与数据库 112.2 网站系统分析 112.3 主页设计 122.4 数据

2、库设计 133详细设计3.1 前台部分 153.1.1 网站主页 153.1.2 学习新闻页面 153.1.3 学生学习一级页面 173.1.4 教学课件页面 183.1.5 师资队伍页面 193.1.6 教材建设页面 203.1.7 教学改革页面 213.1.8 图片集锦页面 223.1.9 留言页面 223.1.10 站内搜索页面 233.1.11 用户注册页面 233.1.12 投票调查页面 243.1.13 友情连接页面 243.1.14 数据库连接文件 253.1.15 新闻列表页文件 253.1.16 新闻详细页文件 283.2 后台部分 293.2.1 login.asp：登陆

3、293.2.2 chklogin.asp:登陆验证 303.2.3 后台新闻栏目列表页 313.2.4 新闻栏目添加,修改保存后台处理页 323.2.5 新闻列表和内容添加页 353.2.6 新闻内容,添加修改后台处理文件 374 站点的建立4.1 DNS和IIS 414.1.1 DNS(Domain Name System)域名解析系统 414.1.2 IIS5.0 Internet信息服务 414.2 网络属性设置 414.3 DNS服务器的设置 414.4 WWW服务器IIS的设置 425网站的运行和维护5.1 网站的运行环境 435.2 网站的日常维护 436收获和感想 447结 论

4、45谢 辞 46参考文献 47摘 要本文建立了C语言及程序设计学习网站。为了提高大学课程的教学水平和学生素质，教育部提出了许多配套措施，例如进行5年一轮次的教学评估，建立主讲教师制度，规定教授、副教授不能脱离教学必须讲授大学课程，进行精品课程建设，评选教学名师，等等。本学习网站就是为便于学习而建立的。教师和学生使用该学习网站，有利于提高大学课程的教学水平和学生素质。本学习网站的栏目主要有：学习新闻、学生学习、教学课件、师资队伍、教材建设、教学改革、图片集锦、留言等。还有网站公告，用户登陆，广告招商位，后台管理等。本学习网站的内容主要有：新闻、师资信息、教学内容、教学电子资料、教材信息、网上答疑

5、、教改情况等。网站包含的要素主要有：文字、图片、滚动字幕、站内搜索、友情连接、联系我们等。本网站内容丰富，使用方便。相信它会较好地发挥作用，产生好的社会效益。关键词：网站；ASP技术；数据库；C语言及程序设计Development of A Study Website of C language and Programming ABSTRACTA study website of C language and programming is established in this paper. To increase the teaching level of university course

6、s and student quality, the Ministry of Education puts forward a number of supportive measures, such as the five-year circulation of the teaching assessment must be done, Professors, associate professors must teach university courses, fine courses must be built, the selection of excellent teachers mu

7、st be done, etc. So the website is established. The study website is favorable in increasing teaching level of university courses and pupillary diathesis. The columns of the website include: study news, student study, teaching PowerPoint, teacher teams, teaching books, teaching reformation, pictures

8、, leave-word area, and website affiche, user enter website, advertisement disseminate area, websites management etc. The contents of the website include: news, teacher information, teaching contents, teaching electronical materials, teaching books information, answer question etc. The main elements

9、of the website include: text, pictures, rolling subtitles, station search, friendship link, contact us etc. The website is plentiful in contents , and is convenient in operate, is of good effect.Key Words: website；ASP technology； data-base；C language and programming1前 言目前，我国高校非计算机专业的计算机教育普遍实施“三个层次”的

10、教学方式，即计算机应用基础、计算机技术基础和结合专业的计算机应用。C语言程序设计属计算机技术基础课程。程序设计是计算机技术在各行各业应用的基础。对广大的大学生而言，在今后的工作中不一定要自己开发大型的应用程序，但一定要会使用计算机程序，并能编写一般的应用程序来处理工作、生活中的实际问题，必要的话，能与计算机专业人员合作开发相关专业领域中的大型的应用程序。因此，学习程序设计的一般原理，掌握基本的程序设计方法和技术，培养自己的程序设计的能力，提高自己的计算机素质，具有重要的现实意义。必须明确，程序设计必须借助于某种语言。C语言程序设计包含“C语言”和“程序设计”两方面的内容。C语言是程序设计的工具

11、语言，是程序设计的载体，学习C语言是为了实现程序设计，为了掌握程序设计的基本思想、一般方法和具体技术。C语言程序设计学习网站建设的总体目标是：建设以多媒体和网络环境为支撑、以素质教育和创新能力培养为目标的理论教学和多元化实践教学相结合的课程教学体系，达到大面积、大幅度、全方位提高课程教学质量、提高学生计算机基本素质的目的。具体设想是： （1）建立教学内容体系和教材体系。进一步完善教学大纲、优化整合课程内容，建立以多媒体和网络环境为支撑、以素质教育和创新能力培养为目标、充分体现计算机公共课教学特点的新型教学内容体系和教材体系。 （2）构建多元化实践教学模式，彻底改变目前计算机公共语言课教学重理论

12、、轻实践的现状，把计算机语言课在科学思维和能力培养方面的应有价值充分发挥出来。大力促进实践教学环境建设，使其在内涵上产生突破，改进当前主要以实验课时量和实验开出率衡量计算机公共课实践水平的评价模式，建立以实践能力培养为核心的公共课实践环节教学评价体系。（3）通过对C语言的词法、语法介绍，通过各种基本控制结构的实际案例分析，向学生介绍程序设计的基本方法，使学生掌握程序调试和测试方法，使学生具备应用高级语言进行程序设计的能力，使学生应用计算机解决问题的能力得到进一步的提高，为后续的计算机应用课程打下坚实的基础。本网站积极推动C语言及程序设计课程的各项改革，为尽快把“C语言及程序设计”课程建成具有一

13、流教学队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范性课程而努力。C语言程序设计学习网站，不仅有助于学生从网站中获取该课程多方面的内容，深入学习，深入思考，提高学习质量，教师也可以从中获取教学资料，切磋教学方法，集思广益，取长补短，提高教学水平。总之，希望本网站能够满足广大教师、学生和社会的一些实际需求，为提高人们的计算机素质做出自己的贡献。2总体分析设计2.1 网页设计技术首先对建立网站的有关技术进行简介和分析。2.1.1 ASP技术Microsoft Active Server Pages 简称ASP，是一套微软开发的服务器端脚本环境，ASP 内含于IIS 3.0 和

14、4.0之中, 通过ASP可以结合HTML网页、ASP指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 就不必担心客户的浏览器是否能运行用户所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP是一个开放式的无须进行编译的应用程序环境，它提供了CGI程序和脚本的灵活性，同时又不会使性能显著下降；它与ADO的结合提供了强大的数据库访问功能，ASP成为网上数据库管理的重要手段。使用ASP可以组合HTML页脚本

15、命令和ActiveX组件以创建交互的Web页和基于 Web 的功能强大的应用程序。过去，只有掌握了程序设计语言才能建立Common Gateway Interface (CGI) 程序，因而，这部分工作大多都是由计算机专业人士来完成。Active Server Pages 所具有的特点如下：（1）使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站所需的应用程序。 （2）它无须 compile 编译。这与一般的程序不同。ASP 程序的控制部份，是使用 VBScript 、 JScript 等脚本语言来设计的，当执行 ASP 程序时，脚本程序将一整套命令

16、发送给脚本解释器 ( 即脚本引擎 ) ，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编程语言一样， ASP 程序的编写也遵循一定的规则，如果想使用某种脚本语言编写 ASP 程序，那么用户的服务器上必须要有能解释这种脚本语言的脚本解释器。ASP 本身并不是一种脚本语言，它只是提供了一种使镶嵌在 HTML 页面中的脚本程序得以运行的环境。 （3）使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。 （4）它与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所

17、设计的网页内容。 Active Server Pages 所使用的脚本语言（VBScript 、 Jscript）均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。 （5）Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用VBScript 或 JScript 语言来设计外，还可以通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的COM（Component Object Model ）构件。 （6）Active Server Pages

18、的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。 （7）可使用服务器端的脚本来产生客户端的脚本。 （8）物件导向（ Object-oriented ）。 （9）ActiveX Server Components(ActiveX 服务器元件 ) 具有无限可扩充性。可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写你所需要的 ActiveX Server Component 。网页设计人员使用ASP，只要掌握了简单的脚本语言，就可以更好的完成这部分工作。ASP当中的新技术在功能方面有所增强，更易于开发

19、应用程序。可以使用脚本调试程序调试 .asp 文件。 ASP 程序其实是以扩展名为 .asp 的纯文本形式存在于 WEB 服务器上的，用户可以用任何文本编辑器打开它， ASP 程序中可以包含纯文本、 HTML 标记以及脚本命令。用户只需将 .asp 程序放在 WEB 服务器的虚拟目录下（该目录必须要有可执行权限），就可以通过 WWW 的方式访问 ASP 程序了。许多应用程序设置可在 Internet 服务管理器上进行，这是 Internet Information Server 和 Personal Web Server（在 Windows NT Workstation 上）的管理工具，本网站

20、就选用这一个IIS。隔离 ASP 应用程序，可以隔离 ASP 应用程序以便它们能在 Web 服务器上独立的内存空间内运行。万一某个应用程序失败时，可以保护其他应用程序和 Web服务器。它也使用户可以在不停止 Web 服务器的情况下，停止一个应用程序或从内存中卸载其组件。浏览器可以通过 Posting Acceptor 应用程序将文件上载到 Web 服务器。可以编写 ASP 脚本来发送带有从 Posting Acceptor 传来的信息的 Email等。2.1.2 Dreamweaver技术Dreamweaver是美国Macromedia公司推出的主页编辑工具。这是一个所见即所得的主页编辑器，并

21、带有站点管理功能，可以方便地设计和管理多个站点。它支持最新的DHTML和CSS标准，用户可以用它设计出生动的DHTML动画、多层次的页面(layer)以及CSS样式表。 Dreamweaver 提供视觉化网页开发工具的生产力，同时不会降低HTML原始码的控制，Dreamweaver 提供的 Roundtrip HTML 功能， 让用户准确无误地切换于视觉模式与惯用的原始码编辑器，拖放式的表格与页框设计可以透过资料库来管理网站的内容使之更新。Dreamweaver 支援跨浏览器的 Dynamic HTML， 阶层式样式表单、绝对坐标定位以及JavaScript 的动画让用户更易编辑网页。 Dre

22、amweaver 是第一套针对专业网页开发者特别发展的视觉化网页设计工具。Roundtip HTML功能完全控制HTML原始码，著名的BBEdit与Home Site编辑器分别内含于 Macintosh 与 Windows 版本的软体中。 当开启其他编辑器产生的网页时，它会保存既有的 HTML 格式。 使用绝对座标可获得精准且弹性的设计。Dynamic HTML、直觉式时间轴界面以及JavaScrip 行为库， 可在不需程式下让 HTML元件动起来。 以全网站内容管理的方式让用户跳脱逐页更新管理的缺点提升您的生产力。 Roundtrip HTML完美整合视觉性工具和原始码编辑器 Dreamwe

23、aver整合视觉性工作环境及原始码文字编辑器(如BBEdit、HomeSite等)。 回想一下，随着互联网（Internet）迅速扩展到全球，HTML技术不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着一些弱点： （1）难以精确达到与浏览器完全一致的显示效果。也就是说在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到真正想要的效果

24、，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来。（2）页面原始代码的难以控制性，比如在所见即所得编辑器中制作一张表格也要几分钟，但要它完全符合要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码 都在监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。 如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备则见则所得的 高效率、直观性，一直是网页设计师的梦想。Dreamweaver的出现，克服了这些缺点，使网页设计更简单更容易了。Dreamweaver的主要特点如下：（1）最佳

25、的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，只要一个简单步骤便可完成。Dremweaver能与其它的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 （2）网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页

26、。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 （3）无可比拟的控制能力 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧（frames）和表格的制作速度快的令人无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所

27、得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。用户也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料

28、库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。Dreamwaver目前的最高版本为Dreamwaver MX。2.1.3 Fireworks技术Fireworks是Macromedia公司推出的专门针对网络图形设计的工具软件，它既可以编辑eb图像，又可以编辑Web动画，制作按钮的导航条、菜单等，甚至能直接制作网页。同时具有多种传统图形制作软件的功能，而且它能把位图处理和矢量处理完美的结合在一起，使得网页

29、图形设计人员再也不必在多种图形设计软件之间频繁切换。Fireworks的实质是通过最少的步骤创建最小、最高质量的JPEG和GIF图像， 是创建和生成网页图形的完全解决方案。它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将起到重要的作用。Fireworks简化了网页图形和屏幕图形的制作过程，同时提供了完全的机动性和可编特性。 在没有Fireworks的时候，网页设计者需要在一个矢量绘图程序（如FreeHand）上创

30、建图形，然后再把这个矢量图形引入到位图程序中进行涂抹和添加滤镜效果。设计者可能还需要使用一个动画工具或image map工具来创建动态图形。为了测试图形，设计者必须在浏览器中查看创建的图形。如果此时再需要对图形进行修改，或许会迫使设计者从头开始并重复上述每一个步骤。但有了Fireworks，设计者的工作就不再是复杂地从一个工具转到另一个工具，大量的重复工作量被省略，由此可以节省大量宝贵的时间。Fireworks是一个将矢量图形处理和位图图像处理合二为一的专业化的Web图像设计软件，使Web作图发生了革命性的变化。它可以导入各种图像文件，可以直接在点阵图像状态和矢量图形状态之间进行切换，编辑后生

31、成PNG图像文件，也可以生成其他格式的文件。它还可以直接生成包含HTML和JavaScript代码的动态图像，甚至可以编辑整幅的网页，使图形以最简洁的方式在网上淋漓尽致地体现其魅力。Fireworks不同于FreeHand和Photoshop，它并不专限于创建矢量图或处理位图，而是综合了它们双方的某些特性。Fireworks是一个可以同时编辑位图和矢量图形的软件，而其他图形图像软件总是偏重于某一方面。为此，Fireworks MX拥有两种图形编辑模式：位图编辑模式和矢量图编辑模式。在Fireworks中，可以非常方便地在矢量图编辑模式和位图编辑模式之间进行切换。2.1.4 Flash技术Fla

32、sh是web上重要的动画制作工具，是一种交互式矢量多媒体技术。 Flash的前身是Future Splash，是早期网上流行的矢量动画插件。由于网络带宽的限制，在主页上放置过大的文件是不现实的。但是因特网发展迅猛，枯燥无味的静态页面很难再引起用户的兴趣，制作人员都希望能使用引人人胜的动态效果来吸引用户的注意，使用Java Applet是一个解决办法，但是真正精通它并不是件容易的事情。而且，通过编写代码来生成动画永远都不是设计人员真正的手段。因此，Shockwave Flash诞生了，并且立即被投入到应用中去。（1）Flash的特点它是基于矢量的图形系统，各元素都是矢量的，只要用少量向量数据就可以描述一个复杂的对象，占用的存储空间只是位图的几千分之一，非常适合在网络上使用。同时，矢量图像可以做到真正的无级放大。这样，无论用户的浏览器使用多大的窗