课程网站设计毕业论文.doc

摘要随着internet 的发展和网络信息的广泛传播，现代教育已经开始突破传统教育模式，与网络相结合。而精品课程就是这种结合形式之一，它打破现有教育教学质量受制于教学资源不足的瓶颈。我的毕业设计课题信号与系统课程网站设计，是精品课程建设的一部分。它是一个教学应用性网站，是网上的免费资源。通过该网站，可以为教师、学生及其他相关人员提供全面的教学信息，实现教学的资源共享；可以增强师生之间的交流，更好的促进学生的学习和对知识的掌握，并对高校的教育模式的改革具有重要的意义。本网站的建立主要是用dreanweaver8.0和asp语言实现的。利用网页编程工具dreanweaver 8.0进行前台开发，构建网站框架，其中关键之处在于如何显示动态文本；动态内容是采用access数据库开发的，它相对简单，支持动态数据类型和动态协议，便于对各种数据资源不断更新和维护；答疑系统，主要是利用asp中的application 对象实现的。关键字：精品课程 dreanweaver asp access数据库abstractalong with the development of internet and the prevalence of the network information, modern education have already began to break through traditional education mode , combined with the network. and one of that kind of combinative forms is the exquisite article courses, it has break out the quality of teaching in current education , whose quality have been enslaved to the bottleneck of the lack of teaching resource .the graduate design task of mine the website design of signal and system course.it is one part of the construction of the exquisite article courses . it is a teaching application website and free resources .by this website ,it can provide teaching information full-scale for teachers、student sand the like . it make the share of the teaching resource come true . it also can boost up the exchanges between teachers and students .it will help students to study and to consolidate the knowledge which they should .in addition ,it have the important meaning to the reformation of the education mode of high school.the website is built by the use of dreanweaver 8.0and the language of asp .the proscenium is developed by dreanweaver 8.0 ,which is a tool for making web pages ，setting up the website frame, among them the key is how to show the dynamic text .all the dynamic content are developed in the access database . comparatively , it is simple , but it also can support dynamic data type and dynamic agreement ,which will make the renew and maintenance for every kind of data resource easier continuously . the answering system is realized mainly by the application object in asp .keywords：exquisite course dreanweaver asp access目 录第1章 前言11.1 选题背景11.1.1 题目来源11.2 本课题设计的目的11.3 国内外现状和发展趋势与潜在问题11.3.1 国内外现状11.3.2 课程建设潜在的问题及解决方法2第2章 需求分析52.1 网站的设计流程如下所示52.2 网站设计工具的选用62.3 网站流程图62.4 满足需求7第3章 概要设计83.1 整体说明83.2 数据库的使用83.3 本网站的e-r图93.4 建立网站的本机环境103.4.1 为什么要建立本机环境103.4.2 安装web服务器软件10第4章 详细设计114.1 主页的实现114.2 各个页面得实现144.2.1 课程描述模块制作144.2.2 教师队伍模块制作154.23 理论教学模块制作154.2.4 学习辅导模块制作154.2.5 实验教学模块制作154.2.6 课程特色，第二课堂，教学视频模块制作。154.2.7 互动教学模块制作154.3 网站的发布（iis的配置）164.3.1 基于windows平台的服务器端asp.net环境164.3.2 iis 使用16第5章 毕业设计总结20第6章 致 谢21参考文献22iv基于dw的精品课程管理系统的实现第1章 前言1.1 选题背景1.1.1 题目来源网站建设与更新1.2 本课题设计的目的信号与系统网站设计的目的就是以其简单方便的优点给老师和学生提供很好的学习和互动提供了很好的平台，使学生更加了解自己所学所用，而且这一平台还可以及时让老师得到学生的学习反馈信息，对自己的教学也会有很大的帮助。此外通过精品课程建设，充分发挥精品课程的示范和辐射作用，牵动其它课程建设，促进课程整体水平的提高；通过每门精品课程教学队伍的建设，促进学校尽快完成本科教学中坚力量的新老交替，推进教学改革，促进优质教学资源的共享，全面提高教学质量和人才培养质量。1.3 国内外现状和发展趋势与潜在问题1.3.1 国内外现状自20世纪90年代以来，我国高等教育相继实施了一系列重大教学改革工程，使高等教育的教学观念、人才培养模式和目标、课程体系与教学内容、办学条件和教学环境、教材建设等都发生了深刻的变化。精品课程建设正是适应这一形式而提出的，是高等学校教学质量和教学改革工程的重要组成部分。而精品课程支撑网站是精品课程建设之中重要和关键的一环，是精品课程外在的表现形式和载体，直接反映和影响精品课程建设的质量。本毕业课题正是在这样的背景下提出来的。信号与系统是信息科学，电气工程，电子科学与技术，通信工程，计算机类专业的技术入门课程，其重要性与作用日益提高，因而通过课程网站的建设可以好、更好的推广该学科，各高校该网站的建设都取得了很好的学习效果，特别是建立了交互式网站，是精品课程网站具备网络教育的互动功能，建立留言板更促进了老师与学生的在线交流，为学生方便直接及时地解答疑问，另外为了调动学生的主动性和积极性，在课程网站的建设中更是充分利用动画，图片等形象的手段，来加深学生对概念，原理等的认知和理解，达到了“粉笔+黑板”不能实现的效果。1.3.2 课程建设潜在的问题及解决方法精品课程网站的建设在精品课程建设中，尤为重要，它是精品课程建设和评价的窗口，是精品课程网络化学习的平台，是教师与学生互动交流的媒介，也是精品课程示范辐射的载体。它的好坏直接影响着高等学校教学质量与教学改革工程精品课程建设工作的成效。自2003年教育部在全国高等院校中启动该工作以来，为了能真正地推进教育创新，深化教学改革，促进现代信息技术在教学中的应用，共享优质教学资源，全面提高教育教学质量，各高校在网络平台建设上积极探索和创新，并取得了显著的成效。然而，由于缺少统一建设标准及地域性等原因，各高校精品课程网站建设仍存在一些不容忽视的问题，这些问题有待我们去完善和解决。第一 模式停留在静态网页模式，可交互学习平台不健全目前高校建立的精品课程网站存在两种模式：一是静态网页模式；二是网络教学互动平台模式。在应用中静态网页模式比重较大。从长远教育效果来说，网站停留在静态信息的发布阶段是存在许多弊端的。网站制作和维护过程费时、费力，发布信息、更新精品课程 内容缓慢，在线讨论、答疑、作业批改、考核、评价等互动教学无法实现。静态网页模式容易使网站变成一次性样板，造成以后不再更新，这种做法是缺乏长远的实用目标的。解决办法：主要的症结在于课程网络建设缺少有力的技术支持和技术指导，缺少统一的网络教学平台。根据精品课程网络建设的要求，针对技术症结，应采取的对策主要是：首先，实现网络的可交互性。可交互性是网站设计的一个基本要求。实现精品课程网络可交互性可以通过以下几种常用方式：1.bbs方式。交流双方可以把交流内容张贴在电子公告板上，这样就可以通过公告板实行交流互动。2电子邮件方式。建立独立的电子信箱系统，完成交互。3实时答疑系统方式。可将交流内容通过网络系统传输到服务器中，由答疑系统做统一处理，再由固定值班人员做出回应。其次，构建统一的网络教学平台，建立可实现网络教学平台基本功能的五个基本功能模块结构：发布系统、资源检索、网上学习、主题讨论和答疑系统。第二 共享资源建设存在重视与投入力度不够、建设的方法与措施不得当、后期管理与服务不到位很多高校主观上把国家精品课程评审看作一种评奖工作，没能注意到它是一个可持续的教学工作。在这种错误的指导思想之下，各个高校只做了大量的前期工作，而对后期管理就放任自流。国家精品课程不仅要造就一批具有一流教学质量的课程精品，更重要的是要通过精品的共享来提升精品课程作为优质教育资源的内在价值。我们不能把通过评审当作分界线，还应做好后期工作。解决办法：首先，把共享资源建设与课程自身建设结合起来，建立一个以共享、开放和立体化为特色，以校内外师生为共同服务对象的精品课程教学与教学服务系统。其次，制订一个前瞻性的建设规划，分步、分阶段地逐步提高和丰富共享资源。 加强共享资源的可扩展性建设，为网站能更加灵活地适应课程建设所带来的资源扩充的需要。再次，健全动态监测机制，并运用动态监测，保障网站访问的连通性，及时更新共享资源，从而完善后期管理，提高服务质量。第三 网页整体布局、外观制作随意、粗糙各高校在网站建设过程中过多地注意内容方面的建设而忽略了形式的要求。精品课程网站不是普通网站，它是起到示范性作用的网站。整体布局、外观等形式也是很重要的。美化的形式能够给人清新、舒适，眼前一亮的感觉。一一个制作精细、美观的网站通常会给人留下深刻的印象，提高学生学习热情，为课程锦上添花，收到更好的学 效果。解决办法：精品课程的媒体包括课程文本、图片、视频、动画、课件等，种类多而杂，但这些素材构成了网站的砖瓦和基石，是必不可少的。怎样精益求精确实很难。从版面设计来说，一个有特色的页面主要包含四种元素：文字、图片、排列方式和主色调。对于文字的排版，我们要注意到网络中的不同书籍，不能密密麻麻，长篇累牍。网上的文字最好采用分屏的形式，每页内容采用多屏显示。这样有利于阅读和内容接受。对于图片的处理要更加小心，在很多的网站中，我们经常能看到图片运用的失当。图片本身就是一种信息含量极大的载体，对于其自身来说，它是有着自身的个性内涵的。在我们选用照片去美化网站时，一定要注意图片与网站的文化内涵的统?。否则，不但没有美化，反而虚饰浮夸，甚至显得低级。排列方式上我们要注意其与内容的关系，它是取决于内容的。在精品课程网站的设计中，过于追求形式美而使内容残缺是不正确的做法。达到内容与形式的统一才是完美的。为了达到形式和内容有机的结合，我们可以依据以下几点来做：(1)主次分明，中心突出：(2)大小搭配，相 呼应；(3)图文并茂，相得益彰。主页的色彩处理得好，可以锦上添花，事半功倍。我们可以遵钎总体协调、局部对比的原则。也就是：色彩和谐，重点突出。在教学内容部分，建议尽量使用淡雅、简洁的色彩。背景少用灰暗色彩。主色调由页面的主题来决定。第四 素材资源相对于精品课程发展来说存在脱节、滞后现象各高校在精品课程建设中，忽略了素材资源建设对精品课程建设的积极作用。简单地把素材资源建设看成是“为评而建”的。这就导致精品课程的网络资源难为资源了。从目前来看，把网络资源建构看作是精品课程的申报条件、手段或方法的做法是比较普遍的。大多数院校在按照申报条件，将教学人纲、授课教案、习题、教学录像等放在一个网页上陈列。更有甚者，只是围绕师资队伍状况、建设规划等申报内容做文章，成了申报的宣传网站。解决办法：建立更新机制，确保精品课程网络建设与素材资源建设协调一致。技术上建立共享平台，开发资源管理系统。配备专业人才管理资源，进行上传、组织、修改和删除操作。机构上配备专门网站管理人员完成系统管理和用户管理。工作主要包括信息管理，课程管理和系统环境设置。开发教师自主管理资源系统，让教师自主进行上传、修改和删除，从而完成对电子教案、作业、问答、网页、实验等资料的更新。第五 网站功能不健全，缺少实用性和针对性表现一，缺少搜索功能。在资源本来就匮乏的情况下，大部分网站没有设置“搜索”功能。表现二，导航功能弱。信息繁杂，容易迷失方向。解决方法：加强课程资源建设，进行科学系统的课程分类，设置“检索”功能。导航功能采取两种方案来实现：一种是建立导航分类，在每页底部均设有导航钮；一种是建立树状导航图。综上所述，精品课程网站建设是一个长期复杂的系统需要我们不断去探索、创新，以适应新技术、新形势的发展需要。构建具有优质、实用的网络教学、资源平台的精品课程网站，可以促进网络课程教学资源的建设、积累、管理和共享，同时也为精品课程的建设和长远发展提供有利的保证。希望这篇拙见能为其他精品课程建设积累经验，为精品课程现代教育建设的可持续发展提供些帮助。第2章 需求分析确定网站主题规划浏览该网站的群体准备网站资源网站策划结构图网站文件的管理2.1 网站的设计流程如图2-1所示：网站创建的策划申请网络空间设计网页平面效果创建网页内容组件分配工作以简化网站结构创建前的准备创建网站文件夹创建本地站点网页设计网页上传进行创建登录搜索引擎接收反馈回来的信息更新网站数据对网站进行维护 图2-1 网站设计流程图对于一个精品课程网站的建设来说，这是一个系统工程，需要教师，学生，网站设计制作人员的共同参与，一般精品课程网站建设的流程如下：1、初步讨论。根据老师所给的任务书，到图书馆查找相关书籍，收集网站建设及课程的有关资料。2、再次讨论。从网上搜索收集网站建设及课程的有关资料，规划网站的定位与整体风格，网站框架以及各个页面的大概设计。3、根据收集到的信息，开始初步的勾画网站的形式呈现，并听取教师的要求，建议和意见对网站草图进行不段的修改，以达到最好的效果，这个草图包括各个部分需要放置的内容。4、html布局和导航，确定了内容综合后，就开始编制web页面，导航系统要编制到页面中。5、dreamweaver制作。根据制作的各模块草图制作web网页。6、图形，动画制作。根据教师的意图制作图形和一些简单动画，进行优化。7、内容流程，将教师提供的资料和制作脚本利用各种网页技术（css，java，flash），有机地整合在一起。8、测试。在网站上传之前，网站设计者要彻底测试每个web页面，并进行修补。9、交付。把网站交给教师签收，教师对网站进行测试，找出排版和内容方面的错误与不足，做完了这些修正之后，正式启用网站。10、网站维护。网站启用后，要进行跟踪调查，以确定教师与学生如何使用站点。经过一段时间的运行之后，重新收集数据，开始修改和完善。对于该网站来说，由于是关于课程，所以会有很多的内容，继而生成很多的页面，针对这一问题，所以设计了框架式页面，方便链接，同时减少的大量的页面设计。2.2 网站设计工具的选用在建立网页时用到了dreamweaver8.0页面设计软件和asp技术，选择这两个工具也是基于它们在网站设计中广泛应用的优点。dreamweaver是美国macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它具有以下优点：第一 最佳的制作效率dreamweaver可以用最快速的方式将fireworks，freehand，或photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。dremweaver能与您喜爱的设计工具，如playback flash，shockwave和外挂模组等搭配，不需离开dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使dreamweaver自动开启firework或photoshop来进行编辑与设定图档的最佳化。 第二 网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，dreamweaver 会自动更新所有连结。使用支援文字、html码、html属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 2.3 网站流程图 淄博职业学院信息工程系精品课程是一门比较齐全的教材，在本网站的介绍中详细的介绍了一些课程的特色和精华部分，本网站共分为回首页、课程描述、课程特色、教师队伍、理论教学、学习辅导、实验教学、cai教学、成果展示、第二课堂、视频教学和互动教学这些功能，很详细的满足了各类教学方式，满足了好学者的需求。下面我们用流程图来表示精品课程的一些功能，如图2-2所示：信号与系统基础 互动教学教学视频第二课堂成果展示cai教学实验教学学习辅导理论教学教师队伍课程特色回首页课程描述 图2-2 精品课程功能流程图2.4 满足需求随着技术的发展，越来越多的网上教学日益增多，我没要想有一个精品课程，必须让很多网站的学习爱好者来知道它。学习它，只要在得到 很多人的认可后，这门课程才算是一份合格的精品课程，值得大家学习与借鉴。因此，在做此网站的过程中，作者加入了一些新的教学方法，希望可以满足学习着的需求，希望他们对此课程有更深的了解以此了来学习此课程。现阶段，越来越多的年轻人喜欢在网上看一些教学视频和知识，我只是为了满足广大读者的需求，在网站上面加上 了视频教学和更广泛的理论教学，希望他们在学习的过程中可以更方便快捷！第3章 概要设计3.1 整体说明3.1.1 系统设计 本网站具有很多的功能，就是希望在大家的学习中能更好的帮助大家，在申报精品课程的时候可以让大家对此课程有更好的了解，此精品课程网站大致有以下功能：回首页、课程描述、课程特色、教师队伍、理论教学、学习辅导、实验教学、cai教学、成果展示、第二课堂、视频教学和互动教学。当然在每个功能下还有具体的小功能。1、 回首页回首页主要是为了方便大家对其他功能的了解，在首页可以直接访问其他页面，这样在演示和使用起来都比较方便。2、课程描述课程描述主要是介绍了一些信号与系统此课程的一些基本情况，希望大家首先对这门课程有个大致的了解，在课程描述中又分为以下功能：课程发展、教学内容、教学方法、课程体系和考试方式，这些都详细额介绍了此精品课程的一些基本内容。比如在教学方法中，就很仔细的说了这门课程的一些特色教学方法。3、教师队伍教师队伍主要是介绍教师的一些基本情况，希望大家对我们的教师有所了解，他们都是一些精英教师，在我们系是具有良好的教学知识和功底。他们对此课程都具有很好的掌握能力，可以帮助大家解决在学习生活的所有困难，有这样 一批如此强大的教学队伍，还害怕什么呢！在教师队伍里面主要有教师介绍和整体素质，简要的介绍了教师的基本情况。4、理论教学理论教学主要提供了此精品课程的一些电子教案，供大家下载使用，有教学大纲、电子教案、机辅教学和授课提纲。在电子教案里面是正本书的电子版，方便大家的下载和使用。5、学习辅导在学习辅导里面主要是一些例题及解析，在这里可以用来及时巩固大家的学习情况，更突出了此网站的独到性。很多的功能我就不一一介绍了，希望在大家以后的学习过程中都有帮助。强大的学习功能更能突出这个精品课程的精品之处。3.2 数据库的使用网站数据库，就是动态网站存放网站数据的空间，也称数据库空间。因为此次网站设计引入了教学互动模块，即留言板，增进老师与学生之间的交流，因而学生的登陆，注册，留言信息需要被储存，同时还要被及时地更新，这时就需要链接到数据库方便信息的储存和调用，通过调用数据库可以实现数据共享。数据共享包含所有用户可同时存取数据库中的数据，也包括用户可以用各种方式通过接口使用数据库，并提供数据共享，还能减少数据的冗余度，同文件系统相比，由于数据库实现了数据共享，从而避免了用户各自建立应用文件。减少了大量重复数据，减少了数据冗余，维护了数据的一致性。同时数据物理结构的变化不影响数据的逻辑结构。文件管理方式中，数据处于一种分散的状态，不同的用户或同一用户在不同处理中其文件之间毫无关系。利用数据库可对数据进行集中控制和管理，并通过数据模型表示各种数据的组织以及数据间的联系。数据库是与asp页面相链接的,具体原理如图3-1所示：浏览器web serverasp嵌入式程序数据库其他图3-1 数据库与asp相连接当用户向web服务器传送一个页面请求时，服务器根据.asp扩展名判断用户要浏览的是一个asp文件，从而从内存或磁盘中读取相应的asp文件，而asp程序被传送给服务器的asp.dll并编译运行，产生标准的html文件，以留言板为例，当用户注册，浏览或者在留言板上留言时，提交的asp页面会将得到的信息储存在数据库中，当再次被调用时，经过编译运行的asp页面将会是更新过的，从而实现了动态页面的功能。3.3 本网站的e-r图3.3.1 系统介绍此精品课程在各个网站都是具有很好的反映，在这篇论文当中也要有很向西的介绍，这样大家看着才会觉得是真正的精品课程，以下是本网站精品课程的向详细的e-r图如图3-2所示：回首页课程描述互动教学课程特色教学视频教师队伍信号与系统基础第二课堂 理论教学实验教学cai教学成果展示学习辅导 图3-2精品课程系统e-r图3.4 建立网站的本机环境3.4.1 为什么要建立本机环境顾名思义，“网站”自然要运行在网络上，而网络可以是互联网，也可以使局域网。有的用户拥有好的网络条件，能够很方便和高速的连接互联网，或者处于良好的局域网环境中，进行网站的开发工作就相对具有优势。不过，用户处于单机环境也可以进行网站的开发，所要做的就是安装并配只好相应的web服务器软件。另外，先建立网站的本机环境还有一个更重要的好处。一个功能强大，内容丰富的网站不是一蹴而就的，需要不断地调试纠错和逐渐地丰富内容。如果我们一开始开发就在互联网上进行开发，我们将面对的是高额的开发费用。我们做好现在本机环境调试成功，再发布到互联网上去则好得多。3.4.2 安装web服务器软件无论是在本机环境运行网站，还是在局域网中提供web服务，或者是充当internet的主机，都需要安装相应的web服务器软件。因为目前国内的主流操作系统是windows，所以，在这我就只基于windows平台进行介绍，因为将要创建的网站系统将主要使用asp技术，因此，需要安装能够运行asp.net的web服务器软件。第4章 详细设计本设计实现的具体栏目规划包括回首页，课程描述，课程特色，教师队伍，理论教学，学习辅导，实验教学，成果展示，第二课堂，教学视频，互动教学十二项。4.1 主页的实现4.1.1 页面的设计首先介绍一下html页面，html的英文全称是hyper text marked language，中文叫做“超文本标记语言。一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。 html 是在 sgml 定义下的一个描述性语言，或可说 html是 sgml 的一个应用程式，html 不是程式语言，如 c+ 和 java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了html，html 的格式非常简单，只是由文字及标记组合而成，于编辑方面，任何文字编辑器都可以，只要能将文件另存成 ascii 纯文字格式即可，当然以专业的网页编辑软件为佳。和一般文本不同的是，一个html文件不仅包含文本内容，还包含一些tag，中文称“标记”。一个html文件的后缀名是.htm或是.html。用文本编辑器就可以编写html文件。html语言是一种超文本标记语言，它可在浏览器中解释并执行。目前，html的稳定性、广泛支持性及可创建复杂的页面效果是网站设计者在制作网站时所青睐的。在进行网页设计时，除了需要frontpage，dreamweaver等软件外，还会用到fireworks，flash，photoshop等网页设计辅助软件，其中fireworks是网页制作软件三剑客之一，它提供专业网络图形设计和制作方案。通过它可以编辑网络图形和动画，支持位图和矢量图。同时它和dreamweaver、flash能实现网页的无缝连接，与其它图形程序和html编辑功能密切配合，为用户一体化的网络设计方案提供支持。在图像的编辑过程中还可以随时观察图像的效果,随时返回以前的操作,非常的便捷.它的图像优化功能使得创作的图像既能获得满意的品质又能进行适当的压缩,从而适合网络的传输和显示。在网站设计的过程中，各模块主页的设计主要为html页面，针对各个页面所包含的内容比较丰富，从而用到了框架集，设计页面以简单明了为主题，使用户方便快捷的找到目标，我选用的是厂字型框架，当用户点击左端各项内容时，会在右端框架内呈现，而对于asp页面的设计，一个asp文件是由大量的html标记和script组合而成的，而扩展名则是由.html改为.asp。如下是一个简单的asp程序：这是一个asp程序 /将内容输出到页面上从这段程序中可以看出，asp程序由两部分组成：一部分是html置标语言（即标题），另一部分就是嵌入在中的asp程序。对asp页面的设计就是要通过代码来实现动态的效果。4.1.2 主页的实现在dreamweaver 8软件界面中进行首页的设计，要用到表格，框架，插入图像和日期以及链接等操作，首页命名为zhuye.asp,设计的界面如下：最上方是日期时间的设置以及登录界面,界面上面顶端放置写有“淄博职业学院信息工程系精品课程”的图片。 界面下半部分左面是关于精品课程申请的一个导航系统。它包含了所要建设的全部栏目。界面左边区域设置了各个部分的导航，中间区域是对信号与系统课程几个版本的图片的插播。右边区域是对信号与系统课程的简介，这样设置版面有利于网页浏览者迅速进入网站重点建设区域。网页布局如图4-1所示：图4-1 首页实现图顶端网页命名为top.htm,它的作用是为上一级目录进入下一级目录提供跳转，也可认为是一个导航系统。它使用热点，再通过超链接与各个模块相连。它的每个栏目下还包括有下拉菜单，通过下拉菜单可以找到每项具体建设内容。代码如下：   教学大纲   电子教案   机辅教学 授课提纲 tbody学习指导习题与解答4.2 各个页面得实现4.2.1 课程描述模块制作课程描述包括课程发展，教学内容，教学方法，课程体系和考试方式五项内容。例如，制作课程发展网页时，先在word中输入文本，排好版之后以网页形式保存。制作其他四项内容的网页时操作类似。使用框架布局页面，就是将图片与网页文本组合在一个页面中。制作框架时会自动生成main函数，在网页左边的图片链接中需要设置“目标”为“main”，这样网页会在图片右面的空白区域显示而不是在另一个网页中以整个版面显示，这样就节省了大量的网页制作量。如图4-2所示：图4-2 课程描述图4.2.2 教师队伍模块制作教师队伍包括教师介绍和整体素质两项内容。先在word中输入文本，需要用到插入表格和图像操作，排好版之后以网页形式保存，再使用框架布局页面。其他设置同课程描述模块。4.23 理论教学模块制作 理论教学包括教学大纲，电子教案，授课提纲和机辅教学四项内容。教学大纲用word形式做好后以网页形式保存。电子教案，授课提纲和机辅教学的内容在dreamweaver中制作，再使用框架布局页面。其他设置同课程描述模块。4.2.4 学习辅导模块制作 学习辅导包括学习指导，习题解答，例题精选，自测题，本科试题和考研试题六项内容。这六项内容都在dreamweaver中制作，再使用框架布局页面。其他设置同课程描述模块。4.2.5 实验教学模块制作 实验教学包括实验教学大纲，实验课件，实验指导书和实验程序集四项内容。实验程序集在dreamweaver中制作，教学大纲，实验课件，实验指导书在word中制作，再使用框架布局页面。其他设置同课程描述模块。4.2.6 课程特色，第二课堂，教学视频模块制作。这三个栏目中每项只有一项内容，不需要用到下拉菜单，图片处理相对也简单一些。要注意的是此时“窗口”中不需要“行为”选项。其他设置同课程描述模块。4.2.7 互动教学模块制作这个模块制作需要用到flash按钮，gif图像，css层等操作。需要注意的是，将“修改”选项“链接”设置为“始终无下划线”即可去掉文字链接后的下划线，这样浏览时文字链接部分显得更加美观。4.3 网站的发布（iis的配置）4.3.1 基于windows平台的服务器端asp.net环境windows2000/nt/xp+internet information server (iis)4.3.2 iis 使用windows xp iis 安装和配置 （ web篇）：windows xp server、windows xp advanced server 以及 windows xp professional 的默认安装都带有 iis ，也可以在 windows xp 安装完毕后加装iis。iis 是微软出品的架设 web、ftp、smtp 服务器的一套整合软件，捆绑在i windows xp/nt 中，可以在控制面板的添加/删除程序中选择添加删除windows 组件中选择添加 iis 服务。如下图（见图4-3）图4-3 iis 配置快速配置好默认的 web 站点，打开 iis 管理器,在开始菜单的管理工具中选择 internet 信息服务或直接在运行中输入 %systemroot%system32inetsrviis.msc 如下图4-4所示：图4-4 web浏览器访问 iis 的时候是这样的： ip - 端口 - 主机头 - 该站点主目录- 该站点的默认首文档。所以 iis 的整个配置流程应该按照访问顺序进行设置：第一步，配置 ip 和 主机头如图4-5图4-5 配置ip和主机头这里可以指定 web 站点的 ip，如没有特别需要，则选择全部未分配。如指定了多个主机头，则 ip 一定要选为全部未分配，否则访问者会访问不了的。如图4-6所示：图4-6