教学网站课程设计

绪论引言Internet是目前世界上最大的计算机网络，它遍布全球，将全世界各种网络连接成一个整体。我们的教学也有了长足的开展和改革。现代信息技术是网络教学的标志，教学活动对于人才培养那么是网络教学的根本。网络教学的问题不仅仅是计算机技术的问题，其本质仍然是教学的问题，人才培养的问题，现代信息技术与传统教学相碰撞的人才培养问题。对于这些根本问题的把握，必须以科学为指导，实事求是的分析当前教学存在的缺陷，结合新时代信息技术对网络教学进行探索、借鉴、开展、创新。联系传统教学，结合学校实际情况把教学模式多样化，把教学资源、学生、老师练成一个互相的整体。教学网站建设的背景在网络开展得如此迅速的情况下，大都高校的教师都已经采用课件的形式教学，改变了传统的教学方式，例如用PowerPoint或其他的教学软件来丰富课堂，这样大大的提高了课堂教学的效率，也使课堂气氛得到了活泼，这样的教学方式既方便老师，也使学生以最大的学校效率去学习。尽管这些措施在课堂内带来了很大的方便与好处，但对课下却没什么帮助。课下的复习对于学习来说也是非常关键的，因而在网络开展得如此兴旺的形势下，对课下学习进行改革是势在必行。建立教学网站是教学信息化，网络化的最正确途径，也是当前教学辅助手段的大势所趋。XXXX工程是XX工程与XX工程的交叉学科，是XX技术在XX工程中的应用，及应用XX技术主要是微XX技术来处理XX问题。使XX向着有利于人类和谐开展的方向转变。同时应用XX技术可以实现废物资源化，保护生态XX。结合本专业实验实践要求高，联系社会程度高的教学特点，设计本教学网站。教学网站开展的概况近年来，国家大力推行高校教育改革，现代教育技术、现代教育手段的应用与推广已是变革中的重中之重。现代教育技术作为国家推行素质教育的重要手段，具体在计算机使用方面，已表达全面要求大学生必须通过等级考试，初步掌握计算机的使用，而网络又是现代教育技术应用的核心。在这样形势下，很多教学网站开始涌现，给传统教学带来了一次强力冲击，新的一轮教学改革已经展开。教学网站作为一个学习的平台，具有信息量大、交换便捷、易于互动等优点，它的应用多少与好坏直接展示了教育提升的水平和档次。但现如今的教学网站并没能充分利用这一点。教学网站一般有教师个人教学网站和单位的教学网站〔例如专业教学网站〕，教师个人教学网站大都是自己建设或找人建立起来的；单位的教学网站是单位组织人员建立起来的。无论是哪种方式建立起来的，一般都没有对如何利用网络或者说网站来到达教学互动交流这个问题。这样就造成了教学网站的开展良莠不齐的状况，且大局部教学网站的利用效果都不尽人意，甚至有些学生都不知道它们的存在。教学网站的建设对于教育事业方面的需要还远远不能满足，我国的教育机构的庞大以及网络的开展是教学网站建设程度不能满足需要的主要原因。而且教学网站到如今，国内还没有一个好的评价体系。很多教学网站都是的用文章发布系统加留言板建设而成，有的可能会加上个论坛来加深交流。文章发布系统一般作为课件发布用，供学生下载课件用，而留言板作为答疑工具来用，当学生有疑问时可以发帖向老师提问。论坛的作用和留言板差不多。这种网站在一定程度上满足了教学网站的要求，但这远远不够。在交流手段上，老师会在教学网站上发布自己的电子邮件，以供学生向自己提问，以解决学生自己独立解决不了的问题。但这一切都必须建立在学生和老师的计算机水平的根底上，这样操作都需要他们对计算机操作很熟悉才行，这也是教学网站应用推广难的一个原因。教学网站建设现状教学网站以个人教学网站居多，且很多都只是以信息发布系统建立起来的课件发布系统而已，还远远不符合教学的要求。在很多高校都是教务处建立的，这些教学网站在功能上就有些偏了，不是很符合教学的要求。教学网站的建设现状整体来说还很差，无论是从规模还是质量上都还不能承当教学中的课下学习环节的补充。教学网站开展中出现的问题及原因出现的问题有很多，教学网站到现在为止开展不是很好。这主要表现在两个方面：教学内容在教学网站上的组织形式没能让它们发挥他们应有的作用。例如，在课件上不应该只是课件下载而已，而是一个知识库，根据知识点组织起来的知识库，这个知识库也不是简单数字化的数据库，而是已经把各个知识点关联起来的知识库。教学网站在交互设计上陷入了瓶颈。在交互设计上，国内很多教学网站都只是停留在留言板答疑的水平上，并没有把Web2.0的理念融进去。出现这些问题的原因：很多教学单位或个人并没有真正把教学网站重视起来，而是简单的把它当作一种可有可无的教学手段，这样的想法到了网站设计者那，当然也就不会设计出多好的教学网站来了。教师和老师的计算机操作水平也是一个制约因素，例如一个小学生可能他会网上聊天，但不一定会在网上看电子书。这些因素在教学网站的设计上，是不能忽略的。当然啦，这也是和当今的网络开展水平密切相关的，试想，给一个没有网络的山村小学建设教学网站，这就完全没有必要，建了也是浪费。还有一个原因是，中国在教育教学网站上缺乏一种评价策略。目前，我国相关的研究也只局限于介绍评价方法、评价实施过程以及如何量化调查结果等。至于具体的评价要素、评价指标体系可以说还是空白，而这些在国外已经开始建设这一评价体系。即使在美国等远程教育开展较完善的国家，通行的认证原那么也是一些定性的指导思想，进行有效性评价指标体系的研究。为了促进教学网站不断改良质量，为公众提供满意的教育效劳。建设教学网站的意义在校园网上构建教学网站为教师和学生们提供全新的教学工具，是改革教学模式、实现学科交叉，XX专业与信息技术的融合，培养学生学习兴趣的重要途径，实现跨越式辐射式教学。构建教学网站符合实际需要，时代需求，具有十分重大的意义。改变传统教学模式从教学模式来看，建设出好的教学网站能让教学充分表达“以学生为主，教师为辅”的现代教学模式，彻底改变了传统教学中“以课堂教学为中心，以书本为中心，以教师为中心”的“三中心”教学模式。引导学生自主学习从学生的学习来看，建设出好的教学网站将是学生课堂学习强有力的补充，利用网站，教师发布课程学习资料、布置作业、进行网上答疑，学生和老师之间、学生和学生之间可使用电子邮件、BBS、讨论讨论等进行在线或非在线信息交流，学生之间亦可以相互讨论。促进师生交流从学生和老师的交流来看，建设出好的教学网站将为学生和老师在情感交流方面架起情感的桥梁。利用现代的信息技术手段，建设好的教学网站，推进国家的教育事业，此任务是教育以及国家对于网络建设工作着来说是迫不及待的。建设教学网站的目的基于上述的信息技术迅猛开展的时代背景，传统教学对人才培养的片面化以及教学网站对新时代教育改革的迫切需要。结合本工科专业紧密联系社会实际的需要建设本。教学网站。建设教学网站的根本原那么教学网站建设的根本原那么除了要遵循网站设计的一些根本原那么外，我们网站设计者应该充分考虑教学网站的特点，应该遵循以下原那么：教学网站的整体规划在动手建设之前。对网页的整体规划至关重要。以“以学习为中心”理论指导，标准教学网站的设计，时刻以学生为中心， 强调学生的“学”，要充分考虑学生对哪些知识的需要，从教学实际出发，建设符合教学需求的教学网站。内容丰富、重点突出网站内容。强调网页的针对性和突出性。网页设计者设计时一定要牢记对象是学生，办出学生好奇，追求，理解，接受的特点来。有且只有这样才会让更多的学生关注这个教学网站。及时反响。设计评价反响系统，便于教师与学生之间了解自己掌握知识的情况，有利于改良网页和各方的设计学习。及时更新维护，去粗取精。网站的成功与否，取决于网站的质量。网站使用与运行一段时间后，一些过时的信息就要及时的删除，保持整个网站的先进性。课题研究内容本设计是利用adobedreamweavercs5.5软件对XXXX工程的网站进行设计，布局方式主要是表格布局和div+css布局。利用adobefirewordcs5.5和adobeflashcs5.5、adobephotoshopcs5.5这三款软件对网站的图片动画进行美化。使用activex控件、php脚本语言制作网页特殊效果。本文主要阐述网站的设计理念、设计方法和规划方案，对建设XXXX工程教学网站的具体步骤进行描述和分析。

网站规划网站的定位分析网站类型定位静态网页有时也被称为平面页。静态网页的网址形式通常为htm〔超文本标记语言〕结尾，还有就是以超文本标记语言〔.htm、.html〕、.shtml、.xml〔可扩展标记语言〕等为后缀的。在超文本标记语言格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画flash、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络效劳器。静态网页对用户有多重要呢？普通用户通过多浏览器发送制定的URL请求，Web效劳器收到请求后定位到指定的文件，或者根据程序从数据库中调出相应的数据返回到浏览器，经过浏览器请求处理后，用户就可以看到一个完整的文件。整个过程中，动态页面的话还需要多一个步骤，就是发送命令从数据库中调出文件，如果用户一多的时候，就会造成数据库运行过慢，这样就严重影响了用户体验；用户体验被影响了，也就影响了搜索引擎优化中的一个最重要步骤，要记得网站优化用户体验最重要。静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”；〔动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索引擎不去抓取网址中“？”后面的内容。〕；网页内容一经发布到网站效劳器上，无论是否有用户访问，每个静态网页的内容都是保存在网站效劳器上的，也就是说，静态网页是实实在在保存在效劳器上的文件，每个网页都是一个独立的文件；静态网页的内容相对稳定，因此容易被搜索引擎检索；静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比拟困难；静态网页的交互性较差，在功能方面有较大的限制；页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面；减轻了效劳器的负担，工作量减少，也就降低了数据库的本钱；可以公开〔即副本可以证明给任何人〕；托管没得任何特殊的要求。〔不需要特殊的中间软件比方超文本预处理器、公共网关接口〕；没得网络效劳器或应用效劳器，比方直接从CD-ROM〔激光唱片-只读存储器〕或USB闪存驱动器读取内容，可以通过网络浏览器直接访问；网站更平安，HTML页面不会受Asp相关漏洞的影响；而且可以减少攻击，防sol注入。数据库出错时，不影响网站正常访问。由于XXXX工程的教学网站的功能相对较少、内容更新量不大，网站访问速度要求较快，没有涉及较多的商业机密，根据静态网页的特点，采用静态网页。其优势是不需要数据库的支持。网站主题的定位XXXX工程教学网站的开发是基于学生和教学的需要，所以建设网站的主题必须适合这一需求。基于效劳对象是教师和学生，所以在商业上，市场竞争上，资源竞争上没有过多的要求，或者说没有考虑。本教学网站主要以提高教学效率与教学质量为目的，以开设教学资源库，创立网络协作学习XX为手段，以学习者为中心的一种课程学习网站。网站的功能定位教学网站主要是实现把丰富的课程资源通过网络信息平台共享到互联网上，向所有用户提供视频观看、课程介绍，教材简介等功能，同时也提供网络互动交流和上传课件、视频，提交作业的功能。网站导航：网站提供了导航功能，在网站的首页设计一个导航，把站内各种资源分门别类。这样可以为用户大大的节省精力和时间。课程信息：对用户提供课程介绍，上课时间，课件资料等。信息交流：本网站系统会给用户提供一个良好的在线交流的平台，便于用户进行互动交流，向用户提供留言板与回复的功能。资源共享：主要实现上传下载功能，用户能在资源共享界面上传教学相关视频、题库、课件，提交作业等功能，并在网上显示，为多人共享。教学网站的规划教学网站的内容设计与组织是网站规划中重要的一局部，是网站浏览者最看重的因素。网站内容的设计规划本站的功能模块包括专业前景、教师简介、课程体系、实践环节、校友风采、资料下载、专业动态、特色教学、课程体系、实践环节以及具体的各老师的教学网站、各课程的学习网站、相关网站链接等。软件选择从本站的需求与特点考虑，采用静态网页的方式制作。网站制作采用主流的网站制作软件adobedreamweavercs5.5。网站风格确实定由于XXXX工程是环保类的学科，主题与绿色比拟符合。本站采用绿色的色调作为网页的基色。网页风格较为朴素、简洁，突出环保的风格。在清新的背景下使学生更加愉快的浏览网页。素材的收集本站图片素材是大多是自己制作的，通过photoshop和firework等制作的。主要的其他素材有相关老师的教学积累提供。网站总体设计网站经过初步的整体规划,从细节入手,对网站进行总体设计。首页设计首页设计是一个网站成功与否的关键。本站的首页根据网站的风格采取简单的排版，模块分布比拟有规律，网站的思路较为清晰。网站的首页的设计图如图2.1所示。XXXX教学网站专业前景教师简介课程体系实践环节校友风采资料下载联系我们图2.1首页网站栏目规划课程设计首页设计课程设计首页与教学网站首页相照应。具体如以下图2.2所示。XXXX工厂课程设计课程介绍设计任务教学组织考核方式学习资源图2.2课程设计首页栏目规划网页版式的设计版式的布局在网页制作中也是比拟重要的一项。既要符合浏览者的一般兴趣，也要有自己的特色，符合浏览器的兼容需求。本站采用混合排版，采取传统的上中下布局，左右列液固定的方法。根本布局如以下图2.3所示。网站网站logo导航菜单关于我们版权信息快速链接快速链接快速链接教师简介课程体系实践环节图2.3网站模板布局网页色彩搭配对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者翻开网页的速度。一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。网页文字的搭配字号大小可以用不同的方式来计算，例如磅#quotel.quoter#或像素(Pixel)。因为以像素技术为根底单位打印时需要转换为磅，所以，建议采用磅为单位。最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。网页设计者可以用字体来更充分地表达设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化装品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，那么版面活泼，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到，这给网页设计带来很大的局限。解决问题的方法是：在确有必要使用特殊字体的地方，可以将文字制成图像，然后插入页面中。行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比拟适合正文。行距的常规比例为10:12，即用字10点，那么行距12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，表达独特的审美意趣。例如，加宽行距可以表达轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。行距可以用行高(line-height)属性来设置，建议以磅或默认行高的百分数为单位。例如：｛line-height：20pt｝、｛line-height：150%｝。文字的整体编排。页面里的正文局部是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式，它在个性和情感方面对人们有着很大影响。在网页设计中，字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲，所有的设计元素都可以理解为图形。

建设网站的工具网页布局软件adobedreamweavercs5.5Dreamweaver可以用最快速的方式将Fireworks或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页平安色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最正确化。所见即所得的操作非常实用。图片美化软件adobephotoshopcs5.5从功能上看，该软件可分为图像编辑、图像合成、校色调色及特效制作局部等。图像编辑是图像处理的根底，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。最重要的是该软件可以进行网页布局。还有其他工具如flash等用于制作导航条等。

网站建设的技术Div+css布局方法DIV+CSS是网站标准〔或称“WEB标准”〕中常用术语之一，div+css是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格〔table〕定位方式，可实现网页页面内容与表现相别离。XHTML是TheExtensibleHyperTextMarkupLanguage〔可扩展超文本标识语言〕的缩写。XHTML基于可扩展标记语言〔XML〕，是一种在HTML根底上优化和改良的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。这种方法由以下优点：大多数浏览器兼容；浏览器翻译速度快；排版简单方便；更加便于维护。PHP语言使用技术PHP，一个嵌套的缩写名称，是英文超级文本预处理语言〔PHP:HypertextPreprocessor〕的缩写。PHP是一种HTML内嵌式的语言，PHP与微软的ASP颇有几分相似，都是一种在效劳器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，现在被很多的网站编程人员广泛的运用。PHP独特的语法混合了C、Java、Perl以及PHP自创新的语法。有以下特点：开放的源代码：所有的PHP源代码事实上都可以得到。PHP是免费的，和其它技术相比，PHP本身免费。php的快捷性：程序开发快，运行快，技术本身学习快。嵌入于HTML：因为PHP可以被嵌入于HTML语言，它相对于其他语言，编辑简单，实用性强，更适合初学者。跨平台性强：由于PHP是运行在效劳器端的脚本,可以运行在UNIX、LINUX、WINDOWS下。效率高：PHP消耗相当少的系统资源。图像处理：用PHP动态创立图像。面向对象：在php4、php5中，面向对象方面都有了很大的改良，现在php完全可以用来开发大型商业程序。链接及其他技术网页上的超链接一般分为三种：一种是绝对URL的超链接。URL〔Uniform.ResourceLocator〕就是统一资源定位符，简单地讲就是网络上的一个站点、网页的完整路径。第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去。第三种称为同一网页的超链接，这就要使用到书签的超链接,一般用#号加上名称链接到同一页面的指定地方。在网页中，一般文字上的超链接都是蓝色〔当然，用户也可以自己设置成其他颜色〕，文字下面有一条下划线。当移动鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接，这个超链接的文本颜色就会发生改变。只有图像的超链接访问后颜色不会发生变化。其他技术包括文本的格式对齐，导航条的制作，插入多媒体，插入图片等技术由于涉及较细不一一介绍。

网站的实现网站实现过程概述教学网站建设是一个系统建设的过程，需要统筹兼顾，整体把握，注重细