网站设计教学论文5篇范文

第一篇：网站设计与制作教学模式探讨

一、课程教学模式的研究

1．以实际工作过程为主线

无论是课程内容的选取，还是教学内容的组织，始终围绕实际网站设计与制作工作的过程及内容，以实际工作流程为教学内容和教学组织顺序，将课程融于实际工作需求中，突出了技能和素质的培养。

2．工作任务的真实性

课程实训中提交给学生的实训企业资料，均是以来自于实践一线的真实业务为基础，经过校企双方精心组织挑选。要求学生完成网站调研、网站建设方案书的撰写、网站的设计与制作等，与实际网站设计与制作岗位的工作情况完全相同。因此通过完成相应的任务而让学生掌握的相关知识、操作方法和操作技能，真实地反映了网站设计与制作岗位的能力和素质需求。

3．“教学做”合一

在课程教学中以学生为主体的工作导向式教学，教学的主线是指导学生完成实际网站设计与制作业务操作与管理工作，引导学生通过实践来掌握操作方法和技能，通过操作来学习相关知识，从而将教、学、做有机地结合，突出教学的职业性、实践性特点。通过以上教学模式的创新，成功地将网站设计与制作岗位搬上了课堂，从而真正做到让学生通过该课程树立企业网络形象观念，掌握网站设计与制作工作的基本流程、步骤、内容及操作方法，具备独立完成一个小型企业的网站设计与制作工作的能力。

二、课程教学方法和手段

在课程教学中灵活运用了多种教学方法和手段，增强了学生学习的兴趣，提高了学生学习的主动性和积极性。

1．教学方法的选择和使用

结合课程的性质和要求，我们采用了案例教学法、任务驱动法、角色扮演法、现场调研、仿真学习和作品展示法开展教学活动。

(1)案例教学法

在教学中，我们与企业合作，由企业提供典型的网站设计与制作案例。在具体的教学活动中，通过组织学生进行问题分析、相互解答和自由互辩，再由教师和企业兼职教师共同引导，由此掌握不同类型网站建设的方法和技巧。

(2)任务驱动法

在教学过程中，基于资讯、决策、计划、实施、检查、评估六步法，我们组织学生每6人成立一个虚拟的网站建设公司，设置各工作岗位，包括美工、程序等真实岗位，并在内部实现轮岗交替，让学生能够在教师的指导下按照真实工作任务的要求完成每个学习情境的学习任务。

(3)角色扮演法

学生在虚拟网站企业中分别扮演网站设计师、程序员、网站美工、汇报人等不同的角色，在不同的学习情境中进行角色转换，使学生在情境模拟、循环和反复的过程中，加深对网站设计与制作工作任务的理解，提升操作与管理能力。

(4)现场调研

根据学习的需要我们安排学生分小组进入真实企业进行现场调研，或者邀请企业兼职教师进校讲解分析，学生根据调研得出网站建设的目标，完成网站建设方案书，设计并制作网站，提升学生吃苦耐劳、团队协作、沟通交流等素质。

(5)仿真学习

电子商务专业配有仿真实训室和创业实训室，实训室配以公司真实的经营环境，为学生提供真实的电子商务企业经营的过程。学生可以通过组成公司，以轮岗分流、小组间对抗等方式，获得电子商务企业经营的宝贵经验。每个学习任务在实训室实现仿真训练，学习内容、学习过程、学习环境均与实际工作保持一致。

(6)作品展示法

在教学中组织学生欣赏往届学生的作品，激赏学生的学习兴趣，并在任务进行到一定的程度时，举办班上同学的作品展示，让班上同学相互欣赏、由企业兼职教师讨论并分析作品的优点和不足之处。通过作品展示法，学生可以通过对比，了解自己作品的优点和不足之处，同时加强了网站评估的能力。

2．教学手段

针对如何有效开展教学活动，我们采用了校企联合授课、举办专题讲座、通过多媒体化、信息化、网络化组织教学和通过举办技能竞赛开展教学。

(1)校企联合授课

课程实行“双课程组负责人”制，企业专家与校内专职教师共同担任课程开发的负责人。企业专家参与课程的开发设计并承担学习任务设计工作，企业人员担任指导教师参与实践学习，学时比例达50%以上，课程组专兼职教师比例为1∶1。此外，由于网站设计与制作工作涉及到Photoshop广告设计、网页设计与制作、数据库等多方面的知识与技能的学习和运用，本课程整合校内外教学资源，采取校企联合授课的形式组织教学，受到学生好评。

(2)举办专题讲座

教学中定期邀请企业专家为学生开展专题讲座，向学生讲解职业生涯中的精彩案例，通过分享经验、带来新鲜的工作任务，提高学生对网站设计与制作工作岗位的了解和热爱。

(3)多媒体化、信息化、网络化教学

教学中利用实训室，让学生在仿真的职场环境中实践。同时，我们在校园网上建立了动态网站设计与制作课程的课程网站，上传了丰富的教学资源，包括:1)完备的教学文件，包括教学大纲、任务单、实训教材、电子教案等。2)教材中配套练习题及参考答案，理论及实务考试样题、参考答案，以满足不同层次学生的自主学习需求。3)辅助教学资源，包括与本课程有关的以音频、视频、文档等多种形式表现的教学辅助资料，如网站设计与制作、网页特效技能操作的示范录像、电子商务相关的从业资格考试的近期考试信息等。4)课程剖析，包括课程的定位、课程设计理念与思路、教学内容及组织、教学方法手段等。5)教学展示，包括主讲教师的相关资料、各界对课程评价、工学结合的项目作品等。学生还可以通过课程网站自主学习。学生可以在实地调研之后，利用网络辅助查找未了解的资料，完成资讯、计划等环节，提高学生学习的自主性和效率。

(4)技能竞赛

将行业技能竞赛和专业技能竞赛纳入素质拓展平台，以赛促学极大地提高了学生的学习积极性，通过举办主题网站设计等比赛，加深了学生对专业的认识，提高了学生对知识的理解和对技能熟练度的操作，另外，通过鼓励学生积极参加全国电子商务专业大赛，增强了学生的应变能力和创新能力。

三、实施中的反思和总结

在这几年的教学过程中，笔者发现以上教学方法和手段，虽然很多课程都在提倡或是已经在教学中使用，但不同的课程都具有各自的课程特色，同样的教学方法，在具体实施过程中可以产生出不同的具体实施手段，让其发挥出更大的功效。例如:

1．校本教材的编订和使用

校本教材的编订和使用，对课程改革成果的冲击是巨大的和显著的。以笔者的亲身感受来讲，与企业共同编订的校本教材，加上配套使用的任务单，是针对学校现状、学生实际情况编订出来的，因此工作过程更加符合实际情况，也更加具有工作过程系统化的特色。通过任务单来引导工作过程，配合校本教材中的知识点和技能点，更加有利于学生进行系统化学习。

2．小组学习讨论法和二人搭档检查法相互配合使用

在学习过程中，我们需要组织学生分成小组进行问题的讨论和解决，这主要是为了锻炼学生分析问题、解决问题的能力，以及增进团队协作意识。但是小组学习讨论法的缺点便是不能完全做到点对点交流，个别人容易产生怠倦的情绪，甚至有人“滥竽充数”。在这些年的教学过程中，针对动态网站设计与制作课程笔者发现，课程因为需要进行程序编写和调试，大量的代码容易让人产生视觉疲劳，因此许多学生在课程中容易产生眼酸、眼疲劳等情况，加之程序代码枯燥无味、人与人之间缺少交流，许多学生容易产生学习疲劳。另外小组长个人工作压力大，很难督促全组人员的学习进度，不能保证学习质量和学习效果，因此单纯的小组学习讨论法并不能有效地推动全班的学习进度。针对这种情况，笔者尝试让每位同学都在另一个小组寻找一位搭档，两人相互共同学习和检查。学习过程中，每个小任务在指定的时间内，先由自已独立思考和完成，然后搭档双方都交换位置，由搭档来检查对方的完成情况并进行纠错，这种方法一方面学生让起立活动了筋骨，另一方面由他人的视角来检查问题往往更加能够一针见血，效果加倍。同时，一对一的搭档学习即保证了学习质量，也增进了同学之间的友谊。此外，这种搭档学习方法能够减轻小组长的工作压力，不论是学习、检查和评价，两人的双向交流都是及时的、认真的和有成效的。在动态网站设计与制作课程中，小组学习讨论法和二人搭档检查法是卓有成效的。

3．合理的设计知识归纳和总结

在教学活动中要培养学生知识归纳和总结的习惯，是必不可少的。在《动态网站设计与制作》课程的学习任务中，每个情境都设计了对应的小任务，每次任务在检查和评价之后，由教师或是小组长带领同学先进行本次任务的知识归纳，总结学到的知识和技能，再进行本次任务的感受总结，例如任务中是因为粗心打错字符而导致程序调试失败等原因，最后是教师对学生在本次任务中的表现进行评价。通过每次任务都进行相应的知识归纳和总结，有效地对学生的知识做了系统化整理，并加深了对知识和技能的理解。

四、结语

笔者经过这几年不断累积教学经验，已经完成了校本教材和配套任务单的编订，并且逐步摸索出适合本课程的教学模式、教学方法和手段，同时也意识到，教师课堂气氛的驾御能力对提高学生的学习兴趣是非常重要的，这需要教师经验丰富、知识渊博，并且自身诙谐风趣，才能更好地促进课堂教学气氛。因此，除了寻找更加适合课程特色的教学方法和手段，教师也需要提高和加强自身综合素质，才能更加胜任高职教师的岗位。

作者：郝静杨波单位：湖北工业职业技术学院经济贸易系

第二篇：电子商务网站设计教学改革

1电子商务网站设计课程现存的问题

目前，许多高等院校都开设了《电子商务网站设计》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用、电子商务、物流等专业公共的必修课程，也受到了其它专业学生的欢迎。电子商务网站设计教学内容通常包括HTML、语言、JavaScript语言、CSS+div、图像处理、动画制作等方面，常用的软件是网页三剑客和Photoshop的搭配使用。因此就授课内容而言，该课程具有知识点多、操作性强的特点。分析目前课程中存在的问题，主要包括：教条式的课程教学内容，内容无法反映当前社会需求；教师在教学中与学生缺乏互动，学生缺乏积极性；实验教学与实际需求脱节，课程实验往往是一些基础知识的练习，缺乏用于解决实际项目的技术，形成了学生学而不会用的局面。同时，各高校电子商务网站设计课程多为36学时，课堂上学生无法获得足够知识点。而一些课程网站则只是简单的知识堆积，缺乏对学生的引导作用。所以针对现有的问题，提出以下几点建议：

1.1针对课程体系不连续性

笔者所在系为使学生能够了解创建网站的过程，掌握建立网站的工具，开设了以下几门课程：①Photoshop图像设计：主要介绍利用Pho-toshop工具对图像处理的方法和步骤。让学生能够使用Photoshop工具对网站的图片进行处理，同时学会利用切图工具对网站进行布局设计。②网络营销：如何利用网络销售产品，其中介绍了电子商务网站的类型、功能等。③网页设计：初步介绍静态网页的布局方法和Dreamweaver的使用技术。④数据库技术：数据库的基础知识，access数据库的构建及应用。⑤Web程序设计：介绍如何构建动态网页，以及如何利用动态网页技术连接网站和数据库。这几门课程都与电子商务网站设计有密不可分的关系，但由于课程内容不固定。讲授这几门课程的教师所教授的内容以本课为主，不能兼顾后续课程。这就导致了学生在上电子商务网站设计课程时，不知道或者忘记了如何应用前导课程的知识。

1.2针对课程特征不明显性

网页设计、Web程序设计及本课都是利用Dreamweaver设计网页或者网站。由于这几门的课程特征不明显，导致很多学生不清楚这几门课程的区别，简单地认为是“做网站”。尤其针对电子商务网站设计，很多学生分不清与之前所学的内容的区别。所以在本门课程开设前，会有一门《电子商务概论》课程，让学生在学网站设计前对整个电子商务网站的建设，有一定的了解及各课程之间的关系。

1.3针对教学方法单一、枯燥等特点

目前，大部分院校和教师仍然沿用教师讲授，学生练习的教学方法。这种教学方法违背了电子商务网站设计这门课本身的特点，不能使学生融入情境。另外，由于是按照章节顺序进行教学，按照个别知识点安排实验。这种安排虽然很方便，但是学生缺乏综合的实践能力、创新能力。学生在真正面对网站的设计、布局、规划和实现时无从下手。所以本门课程除了课堂教学外，还有与之相匹配的实验教学，甚至会安排学生在校外实习基地进行培训了解。

2对电子商务网站设计课程的改革

鉴于以上原因，笔者采纳了学生和几个老师的意见，对电子商务网站建设课程进行改革。采取了“目标-项目-情境”三位一体的教学方法，即学生学习有目标，教师教学有项目，实际教学有情境。真正体现出学校培养“应用型”人才的特色。这里所指的项目并不同于一般的教学案例，而是让学生真正制作电子商务网站。这样就解决了实际教学和社会实际脱节的问题，以项目贯穿全部课程。一般每个教学班有60个人左右，笔者要求学生4-6人成组，自己分组。自己寻找组员的好处是，学生之间比较熟悉，互相合作起来很方便，而且组长分配任务也很容易传达。小组内有一个组长，负责组织组员和分配任务。其他组员的任务由组长分配，一般包括页面设计、内容收集、网站内容填写以及后台制作等。整个课程的流程都是按照制作电子商务网站的流程进行。首先，要求学生进行市场调查，需求分析并书写需求分析报告。报告内容包括本组所制作网站的售卖的东西、面向的人群、受众的特征等。并为网站设计主色调和logo，解释logo的含义。因为垂直型电子商务网站特点明显，所以笔者要求学生在网站上售卖的商品要单一化。大部分学生选择的是服装、宠物、书以及咖啡等等。第二阶段是页面设计，这一部分在之前的课程已经学过，所以笔者没有过多的讲授，而是向学生介绍了电子商务网站所包含的基本页面，如前台包括：登陆页面、商品介绍页面、商品搜素页面、购物车页面、付款页面，后台包括：会员管理页面、商品管理页面、订单管理页面等。第三阶段主要内容是数据库的设计以及数据库和页面的链接。这一部分的内容比较难，学生之前没有接触过，所以采用教师讲授，学生实践和练习的方法。第四阶段是要求学生根据上一阶段所学的内容，结合页面布局进行收集资源并制作网站。小组内部按照组长分配的任务进行，分工明确，遇到问题时可求助教师，教师进行指导。最后，本课采用的考核方式是学生对所做网站进行展示，讲解并演示各模块功能。由教师和其他组学生对展示小组进行评分，这种评分方式避免了教师对网站页面审美的单一性，也让学生参与到网站的考核中，增加的了学生的参与度。每一个学生的分数包括，小组的评分，课堂表现的平时分，在组内任务的难易程度分按照比例的综合评分。

3改革后的课程的效果

课程结束后，为了检验课程改革的效果，笔者采用调查问卷的方式来做检验。收集了学生整个学期对本门课程的意见和建议，大部分学生认为，把所学的内容结合到项目中，使得学习目标更加明确，增加了学习兴趣，知识内容的实践性更强，而且在校外实训基地的参观，让学生更直观的了解了电子商务网站的建设和维护等。有学生表示这种课程方式新颖，是之前没有接触过的，参与到网站制作中可以真正学习、掌握并应用知识。经过这次改革笔者深刻地了解到改革的重要性，不仅仅是为了自身教学，更是为了让学生学到知识，并将它运用到今后的工作中。而改革的重点其实是适应社会需求，学校不是让学生为了读书而读书，而是让他们从学校走出去之后，可以适应社会，满足社会所需，为社会，为国家做出更多的贡献。

作者：田久乐单位：吉林大学珠海学院物流与信息管理系

第三篇：高校网站设计课程的教学效果

一、明确课程定位

在以往的专科教学中，我校的《网站设计》课程都是由信息学院的老师讲授，而这恰恰不能凸显设计专业的特色，《网页设计》看似一门简单好学的课程，却往往得不到很好的教学效果，常常是学生学过之后，不能独立的进行网站规划和页面设计，对晦涩难懂的网页代码无可奈何。这样的问题产生，其实是是课程定位不明确而导致的。通过对我院艺术设计专业课程体系的认真分析，因此将本课程定位在以培养专业的网站前台设计师为目标，能够完成网站前台美工设计、flash动画辅助、客户端静态网页实现等工作。所运用的软件包括photoshop、firework、dreamweaver、flash等。

二、确定培养目标

学生通过学习，了解网站和网页的基本设计思想，运用所学的色彩及构图的基础知识设计出色彩搭配合理、网页风格突出、富有艺术审美、网站结构清晰、使用者操作方便的网站；学生能够熟练运用网站设计软件，合理利用版面构成的形式要素、关系要素、网页设计构图与视觉传达的关系，熟悉点、线、面、色彩、肌理等设计元素的基本设计方法，并在实践中能灵活运用，能独立完成网站的前台设计及静态网站的生成；对于不同内容和性质的网站能够设计出符合市场和潮流的网站，通过对本课程中每个具体项目的完成，学生能够规划、设计、制作网页，具体实现的能力目标如下：

（一）专业能力

1.能够使用photoshop进行界面效果图的设计，完成高质量的设计作品；

2.能够使用flash制作与网站相关的动画，包括网站banner、广告等；

3.能够使用firework对设计好的网站作品进行切片处理；

4.能够使用dreamweaver生成静态页面；

5.能够看懂简单代码，并利用其修改页面。

（二）综合能力

1.协调沟通能力

重视客户的意见及要求，善于沟通，不“为设计而设计”；

2.协作能力

能够与团队成员合作融洽并积极主动的完成自己的工作；

3.资料检索能力

熟悉各种网页设计资源并能快速检索、下载并整理；

4.项目策划能力

能够对网站有宏观的认识，全盘策划，并具体执行；

5.创新能力

要有创意，有自己独到的想法和开阔的设计思路；

6.责任心

设计一旦开始，不半途而废，能够善始善终。

三、丰富教学方法

设计教育是要培养出领先于社会的人才，而不是被动地跟着社会的需求来培养人才。日新月异的时代对教师也提出了更新更高的要求，在学科教学方面我们不仅传授知识与技能，而且要使学生形成积极主动的学习态度，让学生学会学习，并逐步积累和提高创造性思维和处理问题的能力，为今后的就业和实现自我价值做一个好的铺垫，在这里介绍几种教学方法：

（一）作品赏析法

对于网站设计还没有概念的学生，与其罗列一堆晦涩的理论知识，不如从作品赏析切入课程。专业教师可积累一大批优秀的的网页设计，如按国家分类有欧美、日韩、中国设计师的优秀作品向学生展示并分析各自的特色；按照内容分类有：①门户类网站、②政府类网站、③企业类网站、④行业类网站、⑤商业类网站、⑥教育类网站、⑦娱乐类网站、⑧个人类网站、⑨BBS以及论坛类网站，展示时讲解不同的网站具有的不同艺术特色及特点。使学生对网页制作有具体的概念，建立起学习的兴趣和信心。在平时授课时，以鼓励和引导为主，不断提出问题：如果由你来做这个网站，哪些地方需要修改？如果你做一个网站该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做网站的想法，再在老师的帮助下梳理成一个比较成型的网站框架，接下来就是：怎么做网页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。

（二）协作式教学法

这种教学法对于培养研究能力和合作品质有重要的意义。以小组协作形式进行网页制作的实践活动，有助于学生在团队协作中克服困难，积极工作，完成制作任务。网页制作的主题可以由小组自行决策，教师作为场外指导。由于网页制作涉及到整体规划、内容整理、图形处理、页面制作等多个环节，采用小组方式可以让每个人负责自己虽擅长的那部分，这样一方面展现了学生个人能力，满足了学生的成就感；一方面也分担了网页制作的工作量，提高了学生的学习兴趣。另外，学生将来到企业中从事网页制作工作的时候，往往也是以团队的形式完成工作，所以通过小组形式培养团队协作能力，有助于学生在未来工作中提高团队意识，更好的适应团队工作。教师应该抱着开放的心态，尊重学生的设计思维和作品，注重培养学生的探索精神，教学灵活、多变，技巧上注重创意性、超前性。

（三）讨论式教学法

这种教学法的特点是通过师生之间、学生之间的有主题的讨论来实现教学目标，教学采用启发式，注重对问题的讨论。比如对于好的网站设计作品的案例分析，让学生发表自己的观点；或针对学生所作的网站设计作品开展优秀网页互评活动，提高学生审美和判断能力。设计是一种潜移默化的能力，并不能靠简单的知识传授就可以解决问题。所以，讨论式教学法可以让学生充分发挥主观能动性，积极地思考起来，以提高思辨能力和审美。

（四）个别化教学法

该模式的特点是以学生为中心，自学与辅导相结合。学生接受事物的速度有快有慢，对设计的领悟有高有低，老师不能千篇一律，应该对学生进行个别化教学，比如基础好、悟性高的学生可以提出更高的设计要求让其完成，而不会因为等待其他同学而浪费课堂的宝贵时间。

（五）学界业界互动教学法

理论联系实践才能出真知，在培养艺术设计专业人才时要更多地联系社会，了解企业发展、需求现状，而不是一味地闭门造车。寻找时间聘请相关专家和从业设计师不定期举行交流讲座，并就相关问题进行交流和讨论。学生们可以积极参与、各抒己见，无形中拓展了课堂学习的知识面，弥补了单一课堂教学的不足，使学生了解社会的需求。学生通过一段时间的学习已经掌握了相应的知识，这时候可以鼓励学生学以致用走入业界，比如：引导学生创建自己的网站，或走出学校，到设计公司做兼职设计。通过学以致用，首先可以提高学生综合运用网页制作技术的能力，其次可以进一步激发学生进一步探索网页制作知识的欲望，最后网站还可以成为学生自我展现、自我推销的舞台，有利于吸引用人单位的注意。

四、考核方式

本课程对学生的考核成绩不通过笔试进行，而以每个主题学习单元的考核作为一次平时成绩，每个主题学习完毕后，学生上交自己的作品，多次作业积累在一起形成平时作业。期末考核时，老师提前就相关主题告之学生，学生搜集相关资料，最后也以上交的设计作品作为考核依据。既要重视考核结果，如任务完成情况、关键能力的体现（如学习能力、创新能力、协作能力等）又要重视过程考核，包括工作态度（如出勤、回答问题等）。

五、结束语

网页设计需要艺术性与实用性相结合，在教学过程中不同于传统的教学模式，必须根据课程的特色探索出一条新的教学之路，将全新的教学理念运用于教学方法中，以培养学生逐步成长为真正的设计师为目标，既让学生学会网站设计的制作方法，又能在制作过程中充分体现艺术性与创新性，同时也培养学生的协作精神，使学生未来能顺利走入社会。从教师宏观教学和培养学生的角度出发，禁忌以本为本，采取由易到难、由简到繁、由浅入深的教学方式，才能更好地优化课堂教学，提高教学质量，以培养出符合社会需要的设计人才。

作者：李霞单位：塔里木大学人文学院传媒系

第四篇：HTML5的教学资源网站设计

1．网站的系统设计原则与目标

1.1网站系统的实用性原则

实用性是对资源网站功能设计的最基本的要求。资源网站的设计应遵循实用性原则，不管采用什么技术，都不应该背离实用性原则，否则即使是再好的技术也只是画蛇添足。因此，在设计时，根据需求来运用技术，让技术用在正确的地方。因此，网站所使用的HTML5技术都是根据现有资源的特点所采用，为提高更好的用户体验而采用。

1.2网站系统设计目标

（1）针对网站系统的功能性需求分析，对网站进行整体系统架构的设计。

（2）根据框架的设计来详细地设计分析网站功能。

（3）最后，根据已设计的网站详细功能，对网站系统设计对应的数据库来存储数据。

2.网站系统功能设计

2.1网站系统总体功能设计

网站系统分为两个部分，分别为前台的用户使用模块和网站系统管理模块。系统前台设计主要使用Photoshop界面设计软件进行页面设计、以及使用HTML5+CSS3的网站架构对前台进行设计。功能模块的实现主要使用javascript语言、php语言、MySql数据库实现以及phpeclipse编译软件进行程序的设计。

2.2网站系统详细功能设计

网站系统的主要功能为视频播放功能、资源上传功能、评论功能、资源管理功能。根据第三章分析的需求，下面对这四个功能进行详细的相对应的功能说明。

2.2.1免除使用插件的视频、音频播放功能

视频播放功能是基于HTML5的<video>标签，实现播放的功能与flash播放器基本相同。可以实现视频的在浏览器中的全屏幕播放和停止播放以及音量大小调整等常用功能。视频带有时间标注，可以根据用户的需要移动到相对应的时间显示块上，然后根据需要点击播放的时间节点。

2.2.2资源的拖拉上传功能

资源上传功能是基于HTML5新增加的且基于javascript来实现的draggable属性来完成。主要功能是实现对文件的拖拽上传方式，来对文件进行直接的拖曳上传。若浏览器不支持拖拽功能，则另外提供传统的本地上传文件的方式对文件进行上传，上传文件的大小最大限制为20M。

2.2.3资源的评论功能

资源评论功能主要分为四种评论：应用实例、科学性错误、关键字。“应用实例”主要是教师用户在使用资源后，提出自己的在相关实践应用中使用方法并取得的效果。“科学性错误”主要是填写资源所存在的科学性错误，从这一反馈中，其他用户使用改资源时就可以了解资源存在哪些方面的不足，同时管理员就可对资源进行进一步的处理以便对资源进行优化。

2.2.4资源的语音搜索功能

HTML5支持语音搜索，在进行资源搜索时，如果浏览器支持这一功能，则提示可以通过语音进行搜索，这样为搜索提供了便利，不必进行文字的输入，直接通过语音即可进行资源的搜索。另外，如果浏览器不支持此功能，也可以直接进行输入搜索，因此不会影响交互性。

2.2.5资源的桌面推荐功能

用户可通过点击页面上方的推荐资源按钮，则在浏览器右下角出现相对应的文本框提示信息，提醒消息是根据使用者所填写的信息推荐相关资源，并根据其他用户在对资源使用会的评价进行匹配，获取相关系数最大的资源进行推送。在获取推送后，首先对用户评论的关键字进行配对，对关键字的配对，主要是通过获取关键字统计最大的数据进行推送。用户只要点击桌面显示的文件，即可直接链接到相关资源的页面。

2.2.6网站资源个人中心的管理功能

用户需要登录后进入个人中心对资源进行管理，主要是管理已经下载和上传的资源，对资源进行删除和修改，通过timesheet.js以及HTML5+CSS3技术，可对音频资源进行二次开发，给音频资源配上合适的配图和合适的文字，让音频资源更加丰富。主要实现方式：从已上传的音频资源选择合适的资源，进行编辑，主要是根据不同时间段，插入对应的文字和图片，让音频播放更加生动。

3.网站系统的数据库概念设计及数据建模

概念结构是指现实世界存在的真实事物进行一种抽象化的处理，而忽略事物本身所具有的本质的细节。概念结构并不依赖计算机系统以及DBMS。4.本文小结本文要对网站进行网站的系统结构设计以及数据库设计。首先分析网站的系统设计原则与目标，接着进行网站详细功能的设计，最后根据设计原则和目标以及功能要求，进行数据库的设计，为利用HTML技术教师教学资源网站的具体实现打下基础。

作者：罗淑芳崔灿吴丽杰单位：华南师范大学教育信息技术学院

第五篇：moodle下网站设计与制作教学

1Moodle平台《网站设计与制作》课程设计

1．1消息公告栏

消息公告栏位于课程平台首页，学习者登录平台即可看到教师的公告信息，可了解课程动态及教师布置的各项任务与要求。

1．2学习目标

学习目标是对学习者通过学习后应该表现出来的可见行为

1．3学习资源

学习资源为学习者上机练习提供必要学习资源，根据教学内容和学习者特征为学习者提供经典学习资源，作为学习者上机练习的有益补充。课程平台主要为学习者提供课程课件、相关软件、课程案例、教学视频、优秀网站作品、网站设计与制作的素材、W3C组织官方网址等基本教学资源。在学习者上机练习过程中，遇到问题可以通过学习资源进行解决，减轻教师上机辅导的工作量。

1．4学习活动

学习活动是学习者熟练掌握知识的主要途径，教师根据教学内容特点和学习者认知结构，设置灵活的学习活动，每章节学习活动一般包括两种类型，一类学习活动主要针对每个知识点设计的上机练习，主要考查学习者对基础知识的掌握情况；另一类学习活动主要针对综合性的项目，主要考查学习者对知识综合应用的能力，这类学习活动主要通过Moodle平台wiki协作学习完成。

1．5学习论坛

学习论坛是师生之间、生生之间相互交流的良好渠道，同时也是学习者主要答疑渠道，针对两类不同学习活动开启不同讨论主题，学习者可以围绕讨论主题展开讨论，也可以发起讨论主题。学习论坛可以及时解决学习者在学习过程中的困惑，也可以了解学生的想法和观点。

1．6作业提交与反馈

作业提交环节是学习者学习成果展示的有效途径，通过作业提交可以及时了解学习者对所需知识点的掌握情况，同时也是教师辅导的主要依据，作业提交包括平时上机练习作业和综合项目的作品。通过Moodle平台作业提交时间限制功能，可以让学习者在规定的时间内完成作业提交任务，教师及时给予点评，让学习者了解学习中的不足，及时解决学习过程中存在的问题。

2课程教学效果分析

采用问卷调查法对Moodle平台教学效果进行调查分析，选取新疆昌吉学院物理系教育技术学专业本科1104班大三的学生作为研究对象，学生们具备相应的媒体操作能力，对Moo－dle平台操作不存在技术困难。采用问卷星进行问卷发放，发放问卷29份，回收问卷28份，回收率为96．55％；问卷的有效率为100％。

2．1学习者调查分析

对学习者在线学习进行调查发现，曾有过在线学习经验的占到36．22％，没有在线学习经验的占到63．78％，从调查结果可以看出，大多数学习者没有在线学习的经验，可能会对课程平台教学效果产生一定的影响。

2．2Moodle平台功能模块分析

在线学习过程中，对学习者使用Moodle平台最多的功能模块进行调查发现：学习者使用最多的功能模块是作业上传占91．43％，其次是论坛模块占48．57％，wiki协作学习模块和个人blog模块相对较少，分别占20％、5％。通过调查结果可以分析出，学习者对教师要求完成任务的功能模块使用较多，没有布置任务的功能模块很少使用，在一定程度上，可以表明学习者处于被动学习状态，自主学习能力不强。

2．3课程平台学习情况分析

笔者主要从学习兴趣、时间投入、学习动因、学习资源、学习方式和问题解决方式等因素来分析Moodle课程平台学习效果。对使用Moodle平台学习本门课程是否能够激发学习者学习兴趣调查，有28．57％的学习者认为能够激发学习兴趣，有62．86％的学习者不确定是否能够激发学习兴趣，只有8．57％的学习者认为不能激发学习兴趣。从调查结果可以分析出，小部分学习者认为Moodle平台能够激发学习本门课程的学习兴趣，而大部分学习者不确定是否会激发学习兴趣，其主要原因可能在于大部分学习者缺乏在线学习的经验。对课后每周学习时间投入情况调查，有95．86％的学习者在课后每周愿意花5小时以下时间利用平台进行学习，只有4．14％的学习者在课后每周愿意花5小时以上10小时以下时间利用平台进行学习。从调查结果可以分析出，课后绝大多数学生不会投入更多时间利用平台进行学习。同时笔者还对利用平台进行学习动因进行调查，有82．86％的学生者是因为有学习任务必须进行学习，有51．43％的学习者是为了查看资源是否有更新，有57．14％的学习者是为了查看是否有新任务，有4．43％的学习者是愿意利用平台资源进行学习，由此可见，绝大多数学习者处于被动学习状态，自主学习能力不强，可能因为长期接受传统教育的结果，习惯被动学习状态。对平台提供的学习资源是否能够满足学习需要调查，有94．29％学习者认为平台提供资源可以满足学习需要，只有5．71％学习者认为平台提供资源不能满足学习需要，从结果可以分析出，绝大多数学习者对课程设计的资源比较满意，只有少部分学习者认为不能满足学习需要，可能跟学习习惯有关，喜欢听从教师的安排与作业布置。对课程平台学习过程中。喜欢学习方式调查，喜欢整堂课教师讲授的学习者占到81．28％，喜欢小组协作学习的学习者占到10．15％，喜欢利用资源进行自主学习的学习者占到8．57％。从调查结果可以分析出，绝大多数学习者喜欢传统以教师讲授为主的学习方式，只有少部分学生者喜欢小组协作学习和自主学习。对在使用课程平台学习过程中遇到问题时，解决问题方式的调查，有94．29％的学习者直接求助同学和教师，有32．86％的学习者通过网上搜索，有25．71％的学习者会在论坛发帖求助。从调查结果可以分析出，在问题解决方式上，绝大多数学习者还是喜欢传统解答方式。

3结语

通过上述调查统计结果可以概括出，学习者受传统教育影响较大，在一定程度上，学习者自主学习能力、协作学习能力不强，习惯听从教师的安排和布置，结合上述学习者特点，建议教师在利用Moodle平台进行课程设计过程中，应多考虑建构主义教学理念，通过以问题、情景、任务、项目等教学策略进行网络课程的设计，让学生者真正参与到课堂中，培养学习者自主学习能力、协作学习能力，才能真正发挥Moodle平台在教学中的作用。

作者：张慧丽王文惠王建虎单位：新疆昌吉学院物理系新疆师范大学教育科学学院