计算机毕业论文开题报告—教学网站的设计与实现(一)

一、引言

随着Internet网络建设的迅速发展，特别是校园网络的广泛建立，开发建设基于Internet的多媒体学习资源具有重大意义。专题学习网站是在因特网的环境下，围绕某一专题进行较为广泛深入研究的资源学习型网站，专题学习网站在中小学教学的应用，充分体现了信息技术与课程整合的优势。本文将对专题网站建设的意义和设计策略结合扬州大学附属中学信息技术拓展专题学习网站对专题学习网站的设计开发做一探讨，并就专题学习网站如何有效地实施课堂教育教学结合课程实例作一阐述。

二、专题学习网站的定义

专题学习网站的本质是一个基于网络资源的专题研究、协作式学习系统，它通过在网络学习环境中，向学习者提供大量的专题学习资源和协作学习交流工具，让学习者自己选择和确定研究的课题或项目的设计，自己收集、分析并选择信息资料，应用知识，去解决实际问题。它强调通过学习者主体性的探索、研究、协作来求得问题解决，从而让学习者体验和了解科学探索过程，提高学习者获取信息、分析信息、加工信息的实践能力和培养良好的创新意识与信息素养。

三、专题学习网站的基本特征

专题学习网站通常包含以下四个基本内容：

（1） 专题知识部分是指通过收集整理与建设与本专题相关的文本、图片、动画等教学媒体，按一定的教学策略进行分类、组织，以网页形式制作专题网络教学课件。

（2） 专题资源库部分是指按有关的资源建设规范分类、整理与本专题相关的资源入库（例如学习工具（字典、词典、读音、仿真实验）以及相关资源网站的链接等，并提供良好的资源上传、下载、资源维护、资源检索、资源应用等资源管理与应用功能

（3） 专题学习应用工具部分指学习者提供能应用专题知识和专题资源进行网络学习的工具，这为协作学习的开展提供了有利的空间，学生可以利用“论坛”、“留言板”、“BBS”、“聊天室”等方式互相交流，并且也为教师与学生之间的沟通搭建了桥梁。

（4） 专题学习评价部分是指为学习者提供自我学习评测的手段，通过收集与学习专题相关的思考性问题、形成性联系以及总结性考察的评测资料，学生可以在线完成自我学习的评价。

专题学习网站是围绕某一专题进行详细而深入的资源建设，利用网站组织学习者对该专题进行全面的学习，并使用所提供的资源，在创设的情境下（如教学活动、各种问题情境以及虚拟实验，甚至游戏）分析信息、利用信息、培养学习者的观察思维能力，具有专题性、综合性、开放性、实践性的特点。

五、专题学习网站的设计

专题学习网站的包括选题、内容设计和系统设计几个步骤。

1．专题学习网站选题

选题网站的设计关键，主题的选择要体现专题的特点，可以涉及与中小学学习有关的学科知识、人文社会、自然科学等方面。专题学习网站不同于网络课程，课程在内容上有系统性、完整性、教学性，而专题内容相对具体，更加针对一项具体的知识内容，因此在选题时应注意以下原则

（1）选题上的教育性、科学性原则：专题是为教学服务的，要符合学习对象的特点，选题内容有一定的教育意义，突出学习中的重点，注意启发，促进思维，培养能力。选题内容正确、逻辑严谨，层次清楚，扩展资源内容健康、合情合理，突出专题特征。

（2）内容上的整合性原则：专题不只是单个知识点，它是具有相关知识特征的知识点的集合与延伸，所以选题要在专题范围内自成体系，各相关知识点要围绕专题设立，不仅仅局限于书本内容，允许在该专题涉及的范围内涵盖相关学科，体现了学科的整合。

另外，在选题时还要注意下面几个方面：

（1）专题要小而精。定位要小，内容要精，选择的题材涉及面可以很广，不要只是局限于学校的学科教学，但也要有所侧重，以实用为主。

（2）要有独特性，新颖性，只有专题网站要做出自己的特色来，才会有生命力。

2．专题学习网站的设计原则

（1）交互性原则：专题学习网站要有良好的交互性，及时对学生的学习活动做出相应的反馈。

（2）界面直观友好原则：网站界面要美观，符合学生的视觉心理；操作要简单，不需要大量的预备技能；提示信息要详细、准确、恰当。

（3）创新能力培养原则：知识创新和信息获取的能力是当代素质教育的核心，专题学习网站应采取多种教学策略，以便充分体现学生的认知主体作用，使学生在学习过程能进行积极的思考，而不是处于被动接受知识状态，从而在培养学生的创新能力和增强信息文化素养方面发挥应有的作用。

（4）科学性原则：专题网站中所要表达的知识要具有科学性，措辞要准确，行文要流畅，符合知识的内在逻辑体系和学生的认知结构。

（5）协作性原则：协作学习有利于高级认知能力以及合作精神的培养，而网络为协作学习提供了理想的环境，因此，专题学习网站要充分发挥这一优势，提供协作学习和协同工作的工具和网络空间。

（6）教学设计原则：要重视教学设计，即要注意分析学习者的特征、要分析教学目标和教学内容的结构、要设计符合学生认知心理的知识表现形式，设计能够有力地促进主动建构知识意义的学习策略。

六、专题学习网站建设的步骤：

确定选题

（1）选题要具有教育性、科学性、知识性、趣味性与整合性。

（2）选题要独特、新颖、定位准确。

（3）选题要发挥本身优势、教学试验与内容建设相结合。

专题结构化知识设计。

（1）标题

（2）专题内容（知识点）

（3）制作思路

系统结构的设计

（1）专题知识框架

（2）各部分内容的说明

网页界面的设计

工作任务列表分工

素材、资源的搜集和制作

制作工具的使用

自主学习的设计

协作交流的设计

学生评价系统的设计

网站评价的设计

七、专题学习网站的制作

目前各个学校专题学习网站的开发与设计，大部分都是由计算机教师完成的。由此而带来的弊端就是懂技术的教师不懂教学，懂教学的老师不懂技术。因此制作时必须由一线教师广泛参与网站建设，资源的整理、加工，素材的制作，制作相对简单的网页部分，计算机教师进行整合，已充分体现教师的教学思想。网站的资源建设，可采纳如下途径：

一线教师：收集资料，上传，下载符合专题的资源整理加工利用。

专业教师：围绕专题制作相关素材、课件。

购买:购买教育教学类素材。

制作时要选择或设计合适的网站源程序，制作富有个性的网站界面，学习资源的呈现要符合学生的认知规律，要按照专题内容的类型和学习者的特征，选择最合适的形式来表现专题内容。不能是资源的简单堆积，要对上传的资源适当加工，并建立合理的检索机制。其检索方式至少包括：关键字、作者、所属专题等.

随着信息时代的发展，互联网的普及，使互联网络成为“第四大信息传播的媒介”。网页设计以信息传播为裁体，两者之间紧密联系。作为互联网的重要元素之一——网页，它的发展虽然没有多长时间，但作为一种新的视觉表现形式，兼容了平面设计的特征，并具有迅捷，交互性好、传播面广等特点，为互联网络的信息传播提供良好的平台并且在教学中不断探索网页的设计理念，加上通知。

每一个时代都有代表性的发明作为这个时代的象征，像第一次工业革命，蒸汽机的发明，使得那时成为蒸汽时代爱迪生发明了电灯从那时起进入了电的时代，要说21世纪，我想应该是网络的时代，自从互联网的出现使“地球村”的概念更加贴切，可以说网络拉近了地球上每一个角落的人。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。互联网是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。而网页设计是伴随着计算机互联网络的产生而形成的平面设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。设计师如何将网络与设计、技术与艺术完美地结合，是非常值得我们深思和研讨的。

1一骑红尘妃子笑，谁人知是荔枝来之信息传播

信息元素可以说是网络最基本的元素，互联网自始至终都起着一个信息传播的做用，也是由此而产生的。自从人类诞生以来，人类社会至少已经经历了四次意义重大的信息传播革命，每一次信息传播革命都把人类文明推向一个新的发展阶段。第一次信息传播革命是语言传播的诞生。第二次信息传播革命是文字传播的诞生。第三次信息传播革命是印刷传播的诞生。第四次信息传播革命是模拟式电子传播的诞生。

最新的一次信息传播革命，即正在我们身边发生的第五次信息传播革命，是数字式电子——网络传播的诞生。网络媒体的出现，使得传播者与受众之间的传统的相互关系正面临巨大的变化。人类进入了真正的信息时代。

网页设计以信息传达为目的，而传达的最终表现界面则永远也脱离不了媒体。媒体与网页设计之间的关系是互动的，媒体既体现了设计，又给设计带来了局限性设计既受制于媒体，又是新媒体产生的动力之一。

我们大家所共知的传媒方式有报纸、广播、杂志、电视等等，这些在现代媒体中仍然占主要位置。如果与互联系网络比较的话，它们这些传媒方式就显的相当单一。因此它们的先天缺陷也越来越明显，所以像这种单一的传达方式也使设计师受到了一定程度上的限制。人们接受信息的途径是多方面的。像视觉、听觉、触觉、嗅觉、味觉等一系列感官的综合使我们更加全面的去了解其他的事物。为了能使信息传达的更全面一些，一直在追求完美的设计师也在寻找着一个崭新的媒体来表达完善的设计。因此当今互联网络顺利的成为新生的、综合感官的、充满活力的新媒体，也为设计师创造了前所未有的信息传达手段与途径。而且随着技术的不断发展，它极有可能成为最完善的媒体。这应该引起每一个平面设计师的关注。网络的发展速度和力量是惊人的。

2横看成岭侧成峰之视觉效果

可以说网页是通过视觉元素来进行信息传达的，这里说的视觉元素包括文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是视频，为了使网页获得最大的视觉传达功能，网页设计者所要考虑的是如何适应人们视觉流向的心理和生理的特点把它们放进页面这个“大展示窗口”里。由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。

从理论说起，视觉流程的形成是由人类的视觉特性所决定的。因为人眼独特的结构，造成只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方。这样就使得人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。

所以在网页设计中，重要的信息和标题栏通常在这个位置出现。只要遵循视觉流程和符合人们认识过程的心理顺序和思维发展的逻辑顺序就可以更为灵活的运用。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性。

3进化、发展之必要

网页设计这门学科是一门后期新兴的设计类与网络方面交叉的学科，在最近的几年也随着网络的发展越来越受人们的重视，它是以网络为载体，把各种各样不同的信息以最快捷与最方便的模式传达给每一位与之相关的人员，但是单单这种标准是不够的，人们也对在观看各类信息的同时逐步产生了视视美观的需求。然而每个人对美的追求是不尽相同的，网页设计也是同样的。因为要求了网页不光是把各类信息与事物放上去能看就行，这些对现在的人们已经是远远不够的了，这时设计师就要考虑如何使受众能更好更有效率的接收到网页上的信息。这方面就需要从审美入手了，如何制作出清晰、整体性效果好的页面。使人们浏览起来更方面，心情更舒畅，制作出清晰、整体性好的页面。使人浏览起来心情愉快，接收信息也会更加容易。网页设计的审美需求是对平面设计美学的一种继承和延伸。

我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理统一的方式来排布，使整体感加强同时又有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。

4千里之行始于足下之构成效果

文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题。

网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合，而不是相脱离，更不能相互冲突。如政府网页其文字具有庄重和规范的特质，字体造型规整而有序，简洁而大方休闲旅游类内容网页，文字编辑应具有欢快轻盈的风格，字体生动活泼，跳跃明快，有鲜明的节奏感，给人以生机盎然的感受有关历史文化教育方面的网页，字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调公司网页可根据行业性质、企业理念或产品特点，追求某种富于活力的字体编排与设计个人主页则可结合个人的性格特点及追求，别出心裁，给人一种强烈独特印象。

在网页文字的编排与设计中，由于计算机给我们提供了大量可供选择的字体，导致字体的变化趋于多样化这既为网页编辑提供了方便，同时也对编排与设计的选择能力提出了考验。虽然可供选择的字体很多，但在同一网页上，使用几种字体尚需精心编辑和考虑。一般来讲，同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的，所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一，除了表意以外，还具有传达感情的功能，因而必须具有视觉上的美感，能给人以美好印象，获得良好的心理反应。

图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息，成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片对受众吸引也远远超过单纯的文字。

图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时，应考虑图片在整体编辑计划中的作用，达到和谐整齐。要达到这样的效果，在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点，特别是在处理和相关文字编排在一起的图片时。

网页在一定意义上说也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面更加生动。而且，浏览者在洲览网页时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的'观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面。

首先是整个页面的色彩选择，确定一个主色调，可以有利于体现网站主题。我们现在看到的网页，一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底，柔和、素淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整个页面的配色，更容易为大多数人认可和掌握。其他一些次要内容，如背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主。只有少量精心选择的元素，为了突出强调的需要，才采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。

其次，在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。例如在制用标题时，为追求醒目的视觉效果，可用比较深的颜色，配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调，对视觉的主体起到一定的衬托和协调作用，一方面吸引网民的注意力，另一方面有助于体现网站的主题。

5技术、设计之两手都

网络技术与设计创意的紧密结合，使网页的设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近干电影或电视的观赏效果。技术发展促进了技术与设计的紧密结合，把浏览者带入一个真正现实中的虚拟世界。

技术与设计的紧密结合在网页艺术设计中体现得尤为突出。

6结语

在长期的平面设计教学中，深刻体会到网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的设计，日益被网站建设者所注重。网页设计是设计与技术的高度统一。

随着条件的不断改善，各个学校逐渐建立起计算机机房，传统的教学方式已经无法满足教育的需求。在传统的教学方式中，学生在学习上比较被动消极。说教方式，只能保证学生掌握知识，无法较好地培养学生主动的学习能力，因为大多数时间，老师讲课之中，学生很少能独立发现问题，更无法培养解决问题的能力了。再加上每个学生的水平的差异，不能更好地因材施教，会造成优等生、差等生分化。因此，学校非常有必要建立课程教学网站。而课程教学网站又是集图、文、音、像于一体的知识库，资料库。这样，学生能自我主动学习，探索问题，可以自主分配多余的业余时间，在网站学习、考试。毫无疑问，传统的教学模式再配合上新兴的课程教学网站，更有利于培养学生的综合能力。

网站设计要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html（标准通用标记语言下的一个应用）将其制作成网页格式。

你可以看看w3c里面的教程就可以学会很简单的，有什么不懂的追问或者找我即可！

小贴士：以上内容是由百度行家高级工程师为您提供的专业解答，如果解决了您的问题请及时采纳，您的采纳是给予我们最大的鼓励和支持；如果未解决，请继续追问，我们竭诚为您服务！