《[互联网]C语方教学网站设计.doc》由会员分享，可在线阅读，更多相关《[互联网]C语方教学网站设计.doc（43页珍藏版）》请在三一办公上搜索。
1、唐 山 学 院毕 业 设 计设计题目：C语言教学网站前台的设计与实现 经济管理系03信管（1）班 系 别：_魏中来 班 级：_劳淑蕾姓 名：_指 导 教 师：_2007年6月22 日C语言教学网站前台的设计与实现摘要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为人们学习，生活的重要组成部分，从而倍受人们的重
2、视。为了更好的让人们学习C语言，我们特意建立了C语言教学网站，以此为平台让我们更好的学习。本设计以教育网站的开发为背景，论述了C语言教学网站的概念、结构及功能。全文共分为引言、概述、主页分析和设计、网站实现、总结、参考文献等部分。文章主要分析了网页的主要组成情况，包括教学内容、教研教改、实验指导、常见问题。教学内容包括课程简介、教学大纲、电子课件。教研教改包括学生作品、经典编程。常见问题这一块作为师生交流的一个平台。关键词：教学网站 C语言 教学内容C language Teaching Website Onstage Design and RealizationAbstractIn Inte
3、rnet rapid development today, the Internet becomes the people fast to gain, the issue and the transmission information important channel, it in the people politics, the economy, the life and so one ach aspect is playing the vital role. On Internet issued the information mainly will be, gains the inf
4、ormation which realizes through the website also is must in Internet the sea center the information which will need according to the certain retrieval way from the website download. Therefore the website construction is obvious in the Internet application status, it has become the people to study, l
5、ife important constituent, thus time peoples value. In order to better let the people study the C language, we have specially established the C language teaching website, lets we better study take this as the platform.This design take educates the website the development as a background elaborated t
6、he C language teaching website concept, the structure and the function. The full text altogether divides into part and so on introduction, outline, main page analysis and design, website realization, summary, reference. The article has mainly analyzed the homepage main composition situation, includi
7、ng the course content, there search Education reform, the experiment instructs the frequently asked questions. The course content introduces the program of instruction including the curriculum, the electronic class Research Education reform including student work, classics programming. The part of F
8、requently asked questions is a platform which exchanges as the teachers and students.Keywords: Teaching Website C language Course content目 录1 引言12 系统调查22.1 网络教学的概况22.2 C语言简介23 系统分析33.1需求分析3311 教育网站评价的原则3312网站应具备的特点3313网站应具备那些功能33.2 可行性分析4321技术上的可行性4322 经济上的可行性433功能分析44 网站前台设计相关内容541网页界面构成要素542网页的整体造
9、型643网页的色彩搭配744网页设计制作规范845网站设计的文件命名原则85C语言教学网站的设计851 网站的构成要素852教学网站的总体造型853教学网站的色彩搭配96系统实现136.1系统前台开发工具简介13611 Dream weaver介绍：13612 ASP的简介1362 后台开发工具简介137谢辞148参考文献149. 附录1510.外文资料25唐 山 学 院 毕 业 设 计1 前言伴随着教育信息化的进程，网络化学习（e-learning）已成为信息社会的主要学习方式之一，教育网站如雨后春笋般涌现，这些网站构成了中文网络教育信息的重要组成部分。教育信息化促进了教育现代化，而教育网站
10、是这种发展的具体体现。如何对还处于起步阶段、水平参差不齐的教育网站进行评价以提高其质量的问题日益引起人们的重视。本文根据整体完备性、科学合理性和简易可行性原则，从内容、技术、效用性和发展性角度建构教育网站评价指标体系，并力图通过不断的论证与改进，发挥它对建设者、决策者以及使用者的鉴定作用、诊断作用、导向作用与决策作用。教学网站是通过网络课程表现的某门学科的教学内容及实施的教学活动的总和，它按一定的教学目标、教学策略组织起来的教学内容和网络教学，教学资源以及在网络教学平台上实施的教学活动。网络课程的教学包括网上学习、讨论、作业、辅导、答疑、实习、测试等教学环节。C语言教学网站是新课程体系下网络教
11、学的一种实践，是未来学习化社会的一块实验田。教师个人教学网站的存在意义，就是发挥基于网络环境的学习和教研平台的合理性、探究性、自主性等特点，直接面向学生和其他教师，拓展服务对象在认识空间上的深度与广度，以达到为新课程的实施提供整合教学资源、重组教学结构的目的。教师个人教学网站在以信息化为媒介开展的网络教学中的作用是不容忽视的。2 系统调查2.1 网络教学的概况网络教学不是计算机辅助教学，不是多媒体教室中的教学。网络教学是将计算机网络技术应用到教学之中的具体体现，是建立在多媒体。计算机网络和国际互联网基础之上的一种全新的教学系统或教学模式，是把教室扩展到校园网、互联网上，使资源在全校甚至全国、全
12、球范围共享的教学。较之传统教学、现代教学，网络教学的特点是信息容量大，传输速度快，交互性、渗透性强，多媒体，无形化.它具有满足所有人的教育需求的潜力。它可以让任何人都能随时随地接受到个性化的教育。 网络教学则使人类第一次实现了世界范围内学习的自由。网络教学是一种以信息为基础的教学网络教学是信息本位教学。这包括信息的迅速流动和信息的迅猛增长。网络教学将通过已有的和不断完善的功能，把人类积累起来的基本认识最有效地转化到新生一代个体的认识中，在有限的学习期间使个体认识迅速提高到社会要求的水平。2.2 C语言简介C语言是目前世界上流行、使用最广泛的高级程序设计语言,它有很强的绘图能力和可移植性，并具备
13、很强的数据处理能力。C语言具有如下特特点 1. 简洁紧凑、灵活方便 2. 运算符丰富 3. 数据结构丰富 4. C是结构式语言，条件语句控制程序流向,从而使程序完全结构化。 5. C语法限制不太严格、程序设计自由度大 6. C语言允许直接访问物理地址，可以直接对硬件进行操作 7. C语言程序生成代码质量高，程序执行效率高.8. C语言适用范围大，可移植性好 3 系统分析3.1需求分析311 教育网站评价的原则1 整体完备性原则 2.科学合理性原则 3.简易可行性原则 312网站应具备的特点1全面性 网站中的信息要有一定的广度和深度，既有文字信息又有图像信息；提供原始文献、提供资源链接。 2准确
14、性 网站中的内容必须要做到正确、真实；语法及拼写正确度，正文要采用标准的字体、字号，编排结构以及文件格式要规范。3权威性 信息一定要做到可靠、可信。4艺术性 主题确立、站标制作、版面布局、色彩搭配、文字设计、表格运用、内容加工上追求形式与内容的统一性、新颖性与个性化。页内模块布局要重点突出，构件的搭配要富有美感。网站要富有感染力即说服力，能激起人们的喜爱与探求。5便捷性 就是说整体设计要以人为本，用户界面要友好，每个网页要有直接返回起始页或网站主页的链接。313网站应具备那些功能在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方
15、面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，从而倍受人们的重视。通过网站，全面宣传，展示C语言的优点与特色，发布C语言的最新信息，增强人们对C语言的兴趣，提高同学学习C语言的效率。本着以上的的原则和特点，这个C语言教学网站的前台应有以下几个模块构成：主页、教学内容、教研教改、实验指导、常见问题。教学内容包括课程简介、教学大纲、电子课件。教研教改包括学生作品、经典编程。常见问题这一块作为师生交流的一个平台。另外，还应有一个在线论
16、坛以供学生和老师们交流学习中的经验。3.2 可行性分析321技术上的可行性随着计算机技术的不断发展，利用现有的技术实现一个简洁的C语言教学网站是很容易办到的。本网站对计算机硬件的要求不是很高，目前市场上流行的绝大多数计算机基本上都能满足我们建设网站的要求。在开发工具上我们选择了目前为上最为流行的Dreamweaver软件为为本网站建设的主要工具，再加上flash photoshop等辅助软件工具可以保证，网站建设的所有需要。322 经济上的可行性考虑到该系统对计算机硬件的要求不是很高，所选用的开发工具简单实用，其开发难度不会很大，投入的费用也不会很多。通过从以上技术、经济、两方面的研究与分析，
17、我得出的结论是C语言的设计和实施是可行的。33功能分析 根据以上分析我得出本C语言教学网站应包括以下几个功能模块：主页、教学内容、教研教改、实验指导、常见问题。教学内容包括课程简介、教学大纲、电子课件。教研教改包括学生作品、经典编程。常见问题这一块作为师生交流的一个平台。本网站的大略功能模块结构图如下：首页教研教改实验指导常见问题教学内容在线论坛课程简介教学大纲电子课件经典编程学生作品4 网站前台设计相关内容网站除了具有传播信息的功能外，还往往代表网站设计者的形象。因此对网页设计的艺术性提出了很高的要求。虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件
18、的形状和颜色十分单一，网页的视觉效果可能会很差。但是如果在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。41网页界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说，网页的界面主要由下面几个因素构成：（1）文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的
19、基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。（2）图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。（3）页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 （4）
20、色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。 （5）多媒体：网页构成中的多媒体元素主要包括音频、视频和动画。这些是界面构成中最吸引人的元素 。42网页的整体造型网页的整体造型在整个制作中至关重要，一个杂乱无章的网页，给人第一极差的网页，用户访问过之后是不会再访问的。在制作本网页时，主要以学校主页界面形式作为参考，因为它看上去比较柔和、简洁、和谐，给用户清新的感觉。造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角
21、形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表正式，规则，注意到很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。制作中主要采用Dreamweaver作为主要制作工具，其中插入了Flash元素，还用了Photoshop处理其中图片，这
22、样能使网页更加生动。43网页的色彩搭配打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。色彩五颜六色、千变万化。其中，红、黄、蓝是三原色，三原色通过不同比例的混合可以得到各种颜色。色彩有冷暖色之分，冷色(如蓝色)给人的感觉是安静、冰冷；而暖色(如红色)给人的感觉是热烈、火热。冷暖色的
23、巧妙运用可以让网站产生意想不到的效果。色彩与人的心理感觉和情绪也有一定的关系，利用这一点可以在设计网页时形成自己独特的色彩效果，给浏览者留下深刻的印象。一般情况下，各种色彩给人的感觉是：红色代表热情、活泼、热闹、温暖、幸福、吉祥橙色代表光明、华丽、兴奋、甜蜜、快乐黄色代表明朗、愉快、高贵、希望绿色代表新鲜、平静、和平、柔和、安逸、青春蓝色代表深远、永恒、沉静、理智、诚实、寒冷紫色代表优雅、高贵、魅力、自傲白色代表纯洁、纯真、朴素、神圣、明快灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞黑色代表崇高、坚实、严肃、刚健、粗莽在色彩搭配中一般遵循下述一些原则：(1) 特色鲜明：一个网站的用色必须要
24、有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。(2) 搭配合理：网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。(3) 讲究艺术性：网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身特点的同时，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站2。在设计标本室时主要考虑的因素是要能让用户浏览过之后，以后还会再登陆标本室网站，因此用了朴素、大方、简洁、和谐的设计原则。44网页设计
25、制作规范1. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。2. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；为了便于记忆目录的命名请尽量以拼音为指导，不到万不得已不要以英文作为目录名称，经验证明，用英文命名的目录往往连一个月后的自己都看不懂， 45网站设计的文件命名原则 1. 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.Htm 2文件名称统一用小写的英文字母、数字和下划线的组合。 3. 命名原则的指导思想一是使得你
26、自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排列”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等操作 。5C语言教学网站的设计51 网站的构成要素本网站的网页主要有文字，图像，动画构成。网页界面有一定的生动性和复杂性，网页设计设计时主要考虑了页面元素的排布、优化。文字元素是本网站的主体部分。网页中的文字主要是标题、信息、文字链接。图形在本网站网页界面中主要是背景来衬托整个网页的效果，让本网页显得更加简洁。52教学网站的总体造型 本网站的总体造型是方格型，而且样式也是非常传统的由一个flash等几个常见的板块构成，通过
27、不同的组合，给人一种清新规矩的感觉。53教学网站的色彩搭配毫无疑问本网站的网页是平面的，前面说过了网页的色彩中红色代表热情、活泼、热闹、温暖、幸福、吉祥，黄色代表明朗、愉快、高贵、希望，绿色代表新鲜、平静、和平、柔和、安逸、青春，蓝色。本网站采用的是主色是代表深远、永恒、沉静、理智、诚实、寒冷的淡蓝色，这样做的目的是让大学在学习C语言的时能保持清醒的头脑，来保持严密的逻辑。从而更好的掌握C语言。本网站也采用了一点代表光明、华丽、兴奋、甜蜜、快乐的橙色来衬托大家学习C语言的热情。反衬了大家在学习难的东西时的积极心态。总之在设计网站时我充分考虑了在设计网站时用色的特色鲜明，搭配合理，讲究艺术性的特
28、点。另外我也严格遵守了上面提到的网页设计制作规范和网站设计的文件命名原则如：.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；为了便于记忆目录的命名请尽量以拼音为指导。 文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排列”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量
29、等操作 。图1图66系统实现6.1系统前台开发工具简介611 Dream weaver介绍：Dream weaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。DREAMWEAVER的特点：最佳的制作效率，所见即所得，Dreamweaver的特点卓越的可视环境-简单易用所见即所得的强大功能，方便快速的文本编排，Dreamweaver与现存的网页有着极好的兼容性，不会更改任何其他编辑器生成的页面。 612 ASP的简介Acti
30、ve Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务器端执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（client）在浏览器中可以显示程序执行的结果，可是，客户端（client若使用Netscape浏览器就无法显示VBScript的执行结果。的
31、特点：任何开发工具皆可发展，通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器，语言相容性高，隐密安全性高，易于操控数据库，面向对象学习容易，ASP的六大内部对象。62 后台开发工具简介在这里系统后台设计是通过Access 2003实现的。Access 2003是Office 2003的成员之一，是Microsoft公司开发的一个功能强大的数据库系统。所谓数据库是指经过组织的、关于特定主题或对象的信息集合。数据库管理系统分为两类：文件管理系统和关系型管理系统。Access应用程序就是一种功能强大且使用方便的关系型数据库管理系统，一般也称关系型数据库
32、管理软件。Access提供诸多如表生成器、查询生成器、报表生成器等可视化操作工具，以及表向导、查询向导、窗体向导、数据页向导和报表向导等对象生成工具，甚至不需要用户写一句代码就可以非常轻松地设计和完成一些日常的、通用的操作。而且，对于专业人员而言，利用内嵌的VBA可以开发出极具表现力的数据库应用程序，从而满足不同用户的需求。随着Access版本的不断升级，我们看到它的操作越来越简单，但功能越来越强大，与其它Office组件一起成为现在企业办公不可缺少的重要软件之一。7谢辞在这篇论文完成之际，在此我衷心的感谢我的指导老师劳淑蕾老师。劳老师在百忙之抽出时间来为我指导讲解，并提出了许多宝贵的意见和建
33、议，循循善诱的教导和不拘一格的思路给予我无尽的启迪。我的论文才得以顺利完成。在即将离开学校之际，再次衷心感谢我系所有老师对我的帮助，谢谢你们为我的大学生活划上一个完满的句号！通过此次的论文，我学到了很多知识，跨越了传统方式下的教与学的体制束缚，在论文的写作过程中，通过查资料和搜集有关的文献，培养了自学能力和动手能力。并且由原先的被动的接受知识转换为主动的寻求知识，这可以说是学习方法上的一个很大的突破。在以往的传统的学习模式下，我们可能会记住很多的书本知识，但是通过毕业论文，我们学会了如何将学到的知识转化为自己的东西，学会了怎么更好的处理知识和实践相结合的问题。 在论文的写作过程中也学到了做任何
34、事情所要有的态度和心态，首先做学问要一丝不苟，对于发展过程中出现的任何问题和偏差都不要轻视，要通过正确的途径去解决，在做事情的过程中要有耐心和毅力，不要一遇到困难就达退堂鼓，只要坚持下去就可以找到思路去解决问题的。而且要学会与人合作，这样做起事情来就可以事倍功半。 总之，此次论文的写作过程，我收获了很多，即为大学四年划上了一个完美的句号，也为将来的人生之路做好了一个很好的铺垫。8参考文献1 舒震庚。中文Dreamweaver 8网页设计精粹150例，北京，冶金工业出版社，2003。2 肖金秀 何 鹏 王当文。ASP.NET案例教程，北京，冶金工业出版社，2005。3 肖金秀。ASP 3.0动态
35、网页培训教程，北京，冶金工业出版社，2000。4 李光明 曹 蕾，中文Dreamweaver 8网页设计与实训教程，北京，冶金工业出版社，2003。5 滕 直 刘朝春 林雪莹，新编动态网页设计教程，北京，冶金工业出版社，2004。6 周德华 鞠仪静，网页设计与制作基础教程，北京，冶金工业出版社，2002。7 周德华 许铭霖，新编网页设计教程，北京，冶金工业出版社，2006。8 俞开伟孙明亮，动态网页设计教程，北京，冶金工业出版社，2001。 9 夏玮，李朝晖， Photoshop cs2中文版基础与实例教程，北京，科学出版社，2005。 10 童爱红，候太平，After effects6.5基
36、础与实例教程，北京，北京交通大学出版社，2004。11 张凡，冯贞，Dreamwever8基础与实例教程，北京，人民邮电出版社机械工业 出版社，2002。12 董真，王炎，3dsmax8中文版基础与实例教程，北京，人民邮电出版社，2005。13OttoPeters.APedagogicalModelforVirtualLearningSpaces,SymposiumonEducationalTechnologyandDevelopmentofDistanceEducationintheNewMillennium,Shanghai.，(2000)14 Thomas Muck, Ray West，Dreamweaver MX 2004: A Beginners Guide，美国，MCGRAW-HILL，2004。 15 Keyton Weissinger，ASP in a Nutshell, 2nd Edition，美国，ILLUSTRATED，2000。9. 附录 首页代码: C语言教学网站 在线论坛 a href=cjwt.h
