网站爱发体育设计论文范文7篇

发布时间：2023-06-28 丨 浏览次数：

　　爱发体育主题内容一目了然是宜家家居网站给用户的第一感觉，这也是“访客至上”网站的重要特征。宜家家居网站能让用户快速了解该网站的主题内容，并让用户快速知道如何使用它，这主要体现在其主页的视觉设计上。主页是一个网站必备的重点要素，其视觉第一印象能否令人心动，直接影响着网站的整体形象。因此，追求“访客至上”的宜家家居网站把主页的设计看得至关重要。从宜家家居的主页设计中我们可以看到，页面一目了然的视觉设计定位清晰明确。显然，其页面设计是为一目了然的“扫描”而设计，而非为理性思考的阅读而设计。因为从整体上看，其内容布局主次分明、疏密得当、规范有序，并具备“站点标识”“站点层次”“功能推介”“快捷方式”“内容简介”“内容更新”“友情链接”（宜家家居网页导引标题）等适合快速浏览的内容，且图文面积搭配也适宜快速识别。其中，大图片的使用不仅使页面形成了视觉焦点，也凸显了其经营家居产品的主题。整个主页设计风格简约明快、干净利落，而且内容完善，重点内容突出，尤其是“绿色调”色彩设计，可谓独特高雅、清新明朗，并且体现了瑞典绿色植被丰盛的国家特征。同时，当用户领略和欣赏此主页时，不仅会立刻感受到网站“为家注入新活力”的经营主旨，也能快速找到自己想要的产品，这无疑极大地增强了网站的向心力和用户的使用信心。

　　根据宜家家居网站主页的设计，我们可以从用户的角度“体验”一下操作过程。当用户打开宜家家居网站的主页时，可能会遇到以下情况：如果是想了解宜家家居近期的产品动态，用户可以直观地看到网站在页面中间第一时间更新的近期产品信息；若要注册会员，用户可以点击位于页面右下角的“宜家俱乐部”；或者还想查找需要了解的其他相关信息，则可以直接“咨询”网页左侧别具特色的“问问安娜”等，因为这些项目及其点击方位的设计都显而易见、一目了然。也就是说，无论用户浏览宜家家居网页是出于什么目的，都能在这个页面上轻而易举地实现，其过程为：“浏览—定位—点击—获取—满足体验”。相反，我们经常接触到的一些其他网站的页面却大多是大片零碎的文字信息，用户的视觉往往被淹没其中而找不到浏览的起点或方向，其原因多是设计者缺少一目了然的设计意识。虽然这些信息也都是网站设计者花了很大的心思设置的，他们或许认为这些东西都有用或都很精彩，却没有意识到其主题和内容因为这些内容的存在而变得凌乱不堪，用户在浏览时也会眼花缭乱。实际上，大部分时间里用户在浏览网站时不会盯着每个网页仔细阅读设计者精心编制的文字，并通过它们领会设计者的设计意图，而是像在高速公路上坐车看窗外的高架广告一样，只是粗略地感受，不会用心阅读或思考。这就要求网站设计者在设计页面时要省略不必要的文字信息，如欢迎词、非实质性的广告语、类似的指示说明等，以求最大限度地降低视觉噪声，从而保持页面的整洁和明晰。因为在用户看来，重要的并不是设计者提供的信息量有多少，而是设计者能否给他们提供明晰可辨的阅读秩序。可见，站在用户的角度，网页的设计做到一目了然、主题鲜明有多么重要。

　　无论如何，作为一个网站，一目了然的主题和清爽明确的视觉布局总能让用户的体验过程轻松愉快。因为这样的网页设计会让用户的浏览更有实效性与享受感，也会给用户留下深刻的印象。所以，当一个网站的各种视觉元素都鲜明地围绕特定主题清晰地展现出来时，这样的网站就能够满足用户对其功能的体验需求，进而满足其情感的体验需求。宜家家居网站一目了然的视觉设计定位即展示了这种特性，其迅速吸引用户并快速传达信息的设计效能，也体现了网站“访客至上”的优秀品质。

　　一个网站想要真正做到实效的持续性，除了要有实在的内容和一目了然的视觉设计之外，还要有创新意识与创新设计定位，并切实做到在设计实践上不断创新。宜家家居网页的设计策划就有其独到和精妙之处，总是新意迭出，让用户在浏览其网页时不断处于惊喜状态。应该说，这也是对“访客至上”诚挚追求的一种体现。人们对第一次看到或接触的事物常常印象特别深刻，宜家家居网站的设计者似乎深谙其道，总是不断为用户制造美好的“第一印象”。其中，宜家家居网站不断花心思让用户听网站讲新“故事”就是明显的一例。新“故事”常常是伴随着新产品出现的，在其网站中，当用户点开其中一项内容时，网站所呈现的方式和内容往往会让用户眼前一亮，新鲜感扑面而来，此时用户会不自觉地意识到新产品又上市了。如，当用户点开“PS2012系列产品背后的设计故事”想深入了解2012年的新产品时，网站就会选择用一种别开生面且生动有趣的方式向用户传达产品的最新信息。

　　其场景是由2012年的新产品构成，画面轻松幽默、颜色艳丽时尚、氛围生动感人，场景中的三个人物即是这些产品的设计师，他们不断重复着表演性的动作，与用户“互动”，引导用户点击“这里”，这种场景的设计本身就具有十足的创新性。当用户点击其中一个设计师时，会直接链接相关视频，让用户观看他们构思、设计和制作这些产品的过程以及设计这些产品时所经历的有趣故事。这种方式打破了常规的互动模式，更大限度地缩短了用户与网站之间的心理距离，增加了用户对网站的信任度，并且使用户通过设计者提供的视频对原本不了解的产品有了较全面的了解，以此增强了用户的购买欲望。正如宜家家居广告语所言：“我们始终秉承一贯的理念。好设计属于每个家庭，我们将继续不断提供大众买得起的好品质和好设计。”正是这种创新意识与创新举措，使宜家家居网站不断产生新“故事”，并吸引着无数用户期待着新的美好体验。

　　“视频胜过千言万语”④，这种方式已经被很多网站掌握并利用。而宜家家居的网站设计则是在这种形式的基础上，根据用户求新求异的体验需要，通过不断讲新“故事“的方式进行突破，而且获得了优异、持续的成效，这是其他类似网站所不具有的优势。在人们越来越重视感性因素和符号意义的今天，以互动方式给用户讲一个完整的“故事”，使其获得虚拟的体验并在体验过程中自动开放自己的思维，进而接受设计者的引导，不能不说这是一种有效的信息传播途径。我们都有这种经验，若网页只是“说教式”地展示产品，点击率非常低，而创造性地把讲“故事”与产品捆绑在一起，营造一个特殊、美妙的用户体验过程，点击的流失率则会大大降低。因为在网站这样的开放平台上，虽然用户的口味和喜好千奇百怪，个性和诉求都不一样，但求新求异的心态是相同的。从表达形式上评价，一方面，宜家家居网站以讲“故事”的方式为网站和用户创造了更多互动的机会；另一方面，这种表达风格也显得尤为时尚、亲切和独特，因而深受用户喜爱并为宜家家居培养了更多的潜在消费者。可以说，这是其网站创新设计定位的结果。对于用户来说，宜家家居网站的创新设计定位不仅仅是一种体验的诱惑，更为重要的是其通过这种新体验能及时了解到最新产品的上市信息和销售状况，从而方便消费者形成一个较为理想的选择。这种“访客至上”的诚恳之心，不仅带动了宜家家居网站成为一个新意迭出的网站，也因此使其形成了自己的网站特色。

　　在一目了然、新意迭出的基础上，宜家家居网站贴心周到的服务更让广大用户心悦诚服，这是其服务设计定位的体现。我们知道，互联网本身的开放性和互动性客观上已为服务用户提供了各种可能，但宜家家居网站为进一步方便用户，选择了更加细致、体贴、周到的服务，并为之作出了卓有成效的设计和实施，这种服务上的设计的确能让用户带着轻松的心情体验并享受贴心周到的服务。同时，这种“访客至上”的精神也让宜家家居网站的众多用户不得不为之叹服。凡浏览过宜家家居网站的用户都可能会有同样的体会，即网站会告诉用户想知道的有关宜家家居的一切。如果用户带着问题进入其网站页面，可点击主页右上角的“问问安娜”。“安娜”宜家家居的虚拟在线助理，用户输入简单的字词或单句，即可获取有关宜家家居的产品信息或服务信息。这种既方便、快捷，又时尚、高端并充满温情的“人工”服务，在很多网站里还是少有的，她以其亲和的姿态改写了僵化的问答方式，既有功能性又有人情味。

　　与此同时，宜家家居网站一旦知道用户有哪些疑问就会及时解答。帮用户解决实际问题是宜家家居网站追求的主要目标之一。用户只要在主页上点击“宜家服务”中的“问与答”，即可获得较为满意的答案，因为宜家家居网站已经把常规问题以及用户经常遇到的问题作了详细的解答准备，其内容涉及产品、服务、公益活动、经营理念甚至是一些远离其经营范围的问题，如宜家家居卖场四周的交通问题、家居装饰问题、有关瑞典人的爱好及生活观念问题等。如，通过“问与答”想了解一下特定尺寸的室内空间如何选择家居产品，用户即刻就能获得三种建议：一是依据类似尺寸的“样板间”选择配套产品；二是通过卖场“自助设计区”提供的电脑，选择自己喜爱的产品模拟组合家居空间；三是以付费方式由宜家家居的室内设计师有针对性地为消费者设计。这种细心的解答、贴心的关怀及周到的服务，不仅让用户倍感亲切，也使宜家家居网站扩大了点击率和影响力，并以此形成了良性循环。

　　在网站与用户的互动中，服务设计的介入对于用户而言比网站展示的信息本身更有吸引力。因为服务丰富了产品的信息传达，强化了用户对产品信息的认知，使产品产生了连带的品牌价值。很明显，优质的服务方便和激励了用户的体验过程，使用户形成积极的情绪，从而增强了产品的关注度以及产品在用户心目中的良好印象。我们知道，品牌竞争的核心是争夺心理资源，但服务本身也是品牌，是企业的隐性形象，是企业的一种文化、态度，其内涵、故事、情感等都能在服务中体现出来。这种软性促销除了能传达企业信息之外，在支配人的情感深度上也占据着明显的优势。因为服务承载了心理功能，诚心的服务是需要动情的，而情感的交流能达成心理共鸣和心理满足感，提升信息交流的内涵，带给人以心理上的正面影响，与用户建立更深层次的关系，从而促进用户的心理认同，并使其多一份期盼，这些对一个品牌或一个企业而言无疑都是有利因素。宜家家居网站的服务设计与服务实践已经证明，通过服务传递的产品信息要比刻意地通过广告宣传所传达的信息更有说服力，更能促使用户对产品和企业的认可。相反，那些缺少服务的网站信息互动则会显得过于功利和肤浅，根本无法产生持久的影响力和诱惑力，而且用户对那些过分功利的广告行为常常也会表现出一定的反感。用户是流动的，其忠诚度也是变化的，一个网站如何持久下去，赢得长期而稳定的点击量？实例说明，企业网站经营持久度的关键在于能否提供周到、称心的服务设计。也就是说，在网站运营中将服务贯穿于每个细节中，并注重在细节中表现人性的体贴和关怀，以一种充满体恤的方式为用户提供信息，才有可能与用户的心理期盼达成对接，才可能使企业保持持久的利益。的确，服务的滋润更利于网站的进步和形成自身的面貌及优势，更利于提高用户对产品的关注度和喜爱度，并最终使产品凝固于消费者心中且占据一个有价值的位置。

　　虽然网站设计包含很多方面，如文字和图片的分布、页面的形态与色彩、网站与用户之间信息交流的途径等，但其中的服务设计更能触及用户的心灵，一旦这些服务内容与真诚服务的情感联结在一起，即会产生难以抗拒的感染力。应该说，宜家家居网站的服务设计做到了这一点，用户在其完善、贴心的服务下，体验着一种亲和、自在以及“访客至上”的感受，而这种感受会让用户不自觉地产生一种美好的心情，并在美好的心情中从普通用户转变为忠实的消费者。

　　采用WordPress作为党建网站平台，操作系统、Web服务器和数据库通常采用LAMP架构。LAMP指Linux操作系统、ApacheWeb服务器、MySQL数据库以及PHP脚本语言共同组成的架构。虽然这些开放源代码程序本身并不是专门设计成同另几个程序一同工作，但由于它们本身的廉价性和使用的普遍性，该组合开始流行（大多数Linux发行版本捆绑了这些软件）。随着云计算的流行，Linux系统本身作为服务器操作系统的优势进一步加强，尤其是Ubuntun采用了APT的包管理方式，简化了程序安装。通过使用apt－get方式，可以在短短几分钟内完成ApacheWeb服务器、MySQL、PHP脚本语言、phpMyAdmin（MySQL的Web管理工具）的安装。

　　WordPress的安装非常简单，可以概括为如下步骤：①从官方网站下载并解压缩WordPress程序安装包；②把解压后的WordPress文件夹里面的文件（但不包括Word－Press文件夹本身）放到服务器的根目录下，使用Ubuntu和Apache服务器的默认路径是／var／③在MySQL中为WordPress创建数据库；④在浏览器中输入网址，例如http：／／dj．siso．edu．cn／，第一次访问会自动跳转到ht－tp：／／dj．siso．edu．cn／wp－admin／install．php，输入相关配置就可以完成安装；⑤执行命令chown－rwww－data：www－data／var／www，将Web服务器的根目录的拥有者改为www－data，这是Apache服务器的默认用户名，这样WordPress就可以完成系统的自动更新以及插件和模板的直接安装。

　　WordPress自带模板采用的是个人博客的呈现方式，文章按照的时间逆序排列，最新的文章出现在网站的最上方。这种方式不适合作为党建网站。由于WordPress采用了优秀的MVC设计方法，内容和结构完全分离，很容易设计出类似内容管理系统或者新闻网站外观的模板，应用这些模板可以在网站首页显示多个目录，每个目录下面包括指定数量的文章标题，整个网站内容一目了然。为了使网站具备更好的导航效果，根据网站栏目而不是时间排列，需要对文章出现的顺序进行调整。Re－OrderPostWithinCategories插件可以实现这一功能，调整指定目录下文章出现的顺序。

　　WordPress默认使用带有问号和很多数字的URL，例如http：／／dj．siso．edu．cn／？p＝18，这种方式对搜索引擎不友好，并且无法实现页面的静态化。WordPress允许自定义链接形式，以提高美感、可用性和向前兼容性，可以将页面的链接修改为形如http：／／dj．siso．edu．cn／18．ht－ml的形式。这样的链接对用户和搜索引擎都更为友好，从表面上看是一个HTML静态页面，但本质上还是动态页面，所以称之为页面伪静态。要实现页面伪静态，需要配置Web服务器和Word－Press后台。以常用的Linux操作系统、Apache2．2服务器为例，在服务器配置文件／etc／apache2／sites－available／default中，找到AllowOverrideNone，修改为AllowOver－rideAll；同时执行命令sudoa2enmodrewrite来启用mod＿rewrite模块，并执行命令sudoserviceapache2reload来重启Apache服务器，使配置生效。在WordPress的后台中，在菜单“设置－固定连接”中点击自定义结构，配置成：／％post＿id％．html。

　　WordPress采用了三层架构的MVC设计，核心的设计目标是简约、最大限度的灵活性以及最小限度的代码膨胀。WordPress通过插件提供了自定义函数和功能，这样用户就可以根据自己的需要定制网站了。在WordPress的官方网站上，由第三方开发的插件数量已经超过3．3万个，足以满足网站常用功能的需要。

　　WordPress在默认状态下网站的响应速度较慢，在1个CPU、2G内存的服务器配置下，20个用户同时访问就可以让网站失去响应。采用页面静态化技术可极大提升网站的访问速度。所谓静态化就是生成了所有文章以及首页的静态页面，每次访问时不需要读取数据库和执行PHP脚本，能够大幅降低CPU占用率，加快网站访问速度。将全新的WordPress部署在UbutuServer12．04LTS64位操作系统上，使用ApacheBench进行测试，采用页面静态化技术较默认方式的响应速度要快3个数量级。

　　掌握网站各页面的访问情况可以清晰地了解到用户的关注点。WP－PostViews插件是应用广泛的页面计数插件，其主要功能是记录显示文章或自定义页面被浏览的次数，同时也提供了最少访问和热门文章、特定分类目录下最新访问和热门文章等功能。

　　在网站上放置相关网站的链接可供用户拓展阅读。WordPress本身提供了添加、修改和删除链接的功能，但不能调整链接出现的位置。MyLinkOrder插件采用了Ajax技术，很好地解决了该问题，能够通过拖动链接来调整显示的顺序。

　　相比文字和图片，视频给人的感官刺激是多维的，留给人们的印象更深刻、更清晰，视频文件是党建网站的重要载体。在WordPress中播放视频无需使用任何插件，使用标准的HTML5标签video就能实现视频播放。代码如下：＜videosrc＝videlname．mp4width＝640height＝360controlsautobuffer＞＜／video＞在众多视频格式中，mp4格式的兼容性最好。如果是其它格式，可以采用狸窝全能视频转换器、格式工厂等转换软件进行转换。较新的浏览器如InternetExplorer9＋、Firefox、Op－era、Chrome以及Safari支持＜video＞标签，而InternetExplorer8以及更早的版本不支持＜video＞标签。解决这一问题的办法是在head部分加载下面的JavaScript文件，使用如下代码实现：＜scriptsrc＝http：／／html5media．googlecode．com／svn／trunk／src／html5media．min．js＞＜／script＞实现原理是采用Flash技术、使用Flash播放器嵌入视频，使得IE及Firefox支持video标签，该播放器称为flowplayer。这样就实现Windows平台、Mac平台、An－droid平台、iOS平台的全平台播放。

　　在国内访问WordPress后台管理页面，常常会出现页面加载极其缓慢，这是因为Wordpress从3．8开始会自动加载OpenSans字体，并引用Google（http：／／fonts．googlea－pis．com／）上面的CSS样式。OpenSans字体主要用于WP站点管理员登陆后顶部功能条的字体样式，而对于国内用户而言，Google会出现经常打不开或者访问速度过慢的情况，这样就会拖延站点的打开速度。解决这一问题的办法是使用disablegooglefonts或者RemoveOpenSansfontfromWPcore插件，禁止从Google网站加载字体。

　　从经济可行性方面来说，根据学生的消费水平以及学生就业形势来分析。一方面，为学生提供方便快捷的服务，并对商品进行详细描述和分类，使学生能够快速的找到自己所需要的商品。另一方面，为学生提供一个交易平台，学生通过自己开设店铺可以获得一定的利润，这样就方便学生在这个平台上自主创业。从技术可行性方面来说，校淘网站建立了店铺、购物车和收银台等功能模块，店铺模块让学生自己注册店铺，通过店铺出售自己的商品。购物车模块是学生选择所需要的商品以及提交订单。收银台是网站管理员对学生提交的订单进行处理。

　　学生在浏览校淘网网站时首先看到的是网站首页。学生在首页上可以查看到畅销商品、新品上架和特色商品，也可以通过商品分类区寻找自己商品所在的类别，还可以搜索自己需要的商品，查看商品的具体信息。

　　本网站使用的数据库是Access2003，网站主要的数据表有：用户表，商品表，订单表和商品评价表。用户表主要用来存储网站的用户信息；商品表用来存储网站所有商品信息；订单表用来存储用户提交的订单信息；商品评价表用来存储用户对购买商品的评价信息。

　　用户信息表用于记录了所有会员的基本信息,管理员对用户信息的管理。商品信息表用来储存商品的所有的信息，并且在前台显示商品以及商品的分类。订单信息数据表用来保存用户提交的订单信息以及处理订单的信息。商品评价信息数据表用于用户对商品的评价信息以及卖家对用户的评价爱发体育，商品购买的一个有效的参考值。

　　本网站是为学生提供专业的购物网站，为大学生提供免费的创业平台。这个网络平台具有最基本的前台商品查看、商品订购以及用户中心和店铺的管理功能，还有后台管理员对商品，会员和商铺的管理功能。通过系统模块的调试，本网站基本能够完成所有的预期功能。本文设计的校园淘宝网站功能结构比较通用，具有很好的代表性，其他购物网站可以参考本文的设计。

　　作者：吴代文任青云穆鹏江单位：渭南师范学院传媒工程学院渭南师范学院传媒工程学院文化传播系

　　在高职图书馆设计与制作过程中，我们先后参考了许多国内外著名高校、公共图书馆及高职图书馆的网站，比如：国内的清华大学图书馆、北京大学图书馆、国家图书馆等，国外的有澳大利亚墨尔本大学图书馆、英国伦敦大学国王学院图书馆、高职类的深圳职业技术学院图书馆等。在网站设计与制作前，我们对优秀的图书馆网站，结合读者的需求、服务及图书馆业务等方面进行分析，这样对设计与制作高职图书馆网站垫下非常好的基础。

　　高职图书馆不同高校图书馆，高职图书馆具有独特性，网站应结合图书馆的服务理念去建设，但高职图书馆面临资源少、服务项目少的困境，我们如何对读者提供有价值服务，需要馆员们多年服务读者过程中总结，才能给读者一个满意的网站。图书馆网站建设力图把满足读者需求、方便读者使用作为网站设计的根本出发点，网站的内容和设计要充分考虑到读者的需求，一个受读者喜欢并信赖的网站是建立于读者明确需求的基础上。

　　色彩可以鲜艳一些，但不能杂乱。从审美角度看，在网站设计时，只使用三、四种相匹配的颜色就可以让网站更为美观了，应尽量避免使网站过于花哨，尽量不用或少用动画、闪烁或滚动的文本。

　　一般来说，页面的分辨率推荐1027x768，固定布局宽度来设计；按网站层级来设计布局，同一层级的布局尽可能统一。网站首页布局应简洁、大方，应把服务与资源充分显示在首页面上，可以采取JS滑动显示的技术，容纳更多的内容而不显得拥挤。

　　在网站的全部页面上，都采用一致的字体与颜色，会使网站显得更为统一和专业。同时在网页的布局设计、术语或词汇的使用，以及与用户交互的方式使用等方面，也都应尽力保持这种一致性。图书馆主页、OPAC页面及二级页面在功能菜单及色调上应尽量做到一致。

　　1）全局导航。全局导航也就是说可以帮助用户随时去到网站的任何一个栏目。并且能轻松跳转到另一个栏目上。一般来说，全局导航的位置是固定的，这样可以减少浏览者查找的时间。2）导航栏异化，直接的告诉用户他身在何处。浏览则当前访问的页面所属的导航，在网站建设中要进行特殊化处理，比如一家网站建设公司的网站导航，如果网站主导航颜色是蓝色的，那么当用户浏览到网站建设流程这个大栏目之下，那么网站建设流程这个栏目的导航应该换一种颜色或者做一种特殊的效果来进行体现，以区别与其他的导航。这样浏览者就能够非常的容易的识别到当前导航所在的位置。

　　为了开发后样式名管理方便，请用有意义的单词或缩写组合来命名，一看就知道这样式是哪一块的，这样就节省了查找样式的时间。

　　在制作网站的过程中，应符合搜索引擎，以便读者能搜索到图书馆网站。网站设计符合搜索引擎主要有两个标签：标题（title）、描述（description），写法如下：title顺德职业技术学院图书馆顺职图书馆顺大图书馆/titlemetaname=Descriptioncontent=顺德职业技术学院图书馆为了适应本馆的持续发展和读者不断提高的需求，本网站图文结合，内容丰富，层次分明来展示图书馆的资源和服务。/

　　1）网站的扩展性。日后面临着数字资源日益增多，服务不断深化的基础上，我们特别要注意网站对后续的改动适应性要强。2）站维护的便利性。网站后续维护的工作中，我们通过网站管理后台权限的分配，把馆内的各部门人员全部调动起来，各自负责各自的网站模块。维护的内容包括四个方面：第一、网站各模块内容的更新；第二、试用的数字资源的及删除等；第三、图书馆业务中内容发生变化的相应更新；第四、网页功能的修改升级或者特效的改造增加。

　　内容管理系统CMS，主要的功能就是将普通网站中对网站内容进行管理的部分提取出来，使得网站的开发人员无需为网站的内容管理进行编程，网站内容的添加、修改、删除、查询等操作均由CMS负责，开发人员只需专注于网站内容的组织、界面的设计、以及一些特殊需求的开发。CMS让开发者不需要学习复杂的建站技术及编程语言，就能够利用CMS构建出一个风格统一功能强大的专业网站。目前CMS有很多，根据所使用的编程语言不同有PHP系统、ASP系统、系统、JSP系统等；比较流行的开源CMS有wordpress、phpcms、科讯、易动CMS、JTBC等等。在众多的CMS中，JTBC的特点在于：易于实现二次开发、免费、开源、支持多种后台编程语言等。

　　JTBC是没有苛刻版权限制的CMS，在此基础上开发商业网站无需任何的版权费用。JTBC是代码与程序全脱离的程序，采用了xml的散存储技术，实现代码与程序脱离、语言与代码脱离，语言与程序脱离的两两脱离关系。基于这种特性，JTBC就具有了非常强大的可扩充性和便捷的二次开发能力。在JTBC中通过对模块对应的文件复制，通过少量修改就可以创建不同的栏目分类。JTBC现有模块有：文章管理、产品管理、下载管理、商品管理、论坛管理、关于我们、会员管理、留言本等。这些模块中每一个模块对应一个文件夹，开发者如需一个类似的模块，比如一个类似文章管理模块的新闻管理模块，则只需要复制文章管理文件夹article，然后做适当的修改就可以实现一个新闻管理模块。

　　在动手开发一个网站之前，需要对网站所涉及的栏目划分清楚，各栏目不允许重叠。如在某高校宣传部网站的建设过程中，首先需要跟对方做详细沟通，明确对方具体所要求的栏目。通过对栏目的结构和呈现方式的分析，可以将对方所要求的栏目分为三类。第一类包括新闻中心、理论学习、媒体报道、统一战线、普法教育等，应用JTBC中的文章管理模块；第二类包括部门介绍栏目，应用JTBC中的关于我们模块；第三类包括图片展示和校园影像；应用JTBC中的产品管理模块。同类栏目模块的开发，可以通过对已有栏目模块文件夹及对应数据库表的复制开始，然后修改对应的语言包、配置文件，之后在后台管理中就可以出现对应新栏目模块的管理界面。在新栏目模块的管理界面中，可以实现对该栏目模块的列表页、内容页模板进行编辑。

　　网站首页是浏览者第一个进入的界面，关系到网站浏览者对网站浏览的兴趣，需要做到简洁、美观、清爽。网站首页的设计根据对方提出的具体需求，由图片设计人员通过专业的图片设计软件进行首页界面图片生成，然后根据此图片与对方沟通，最终确认首页界面，之后由开发人员进行首页的编程实现。JTBC通过提供一个专门的首页模板代码编辑区的方式，给开发人员提供了设计首页的接口。开发人员通过后台管理的“系统管理”菜单中的“模板管理”，可以进入模板的编辑界面。对首页的编辑通常会通过“模板管理”中的首页模板、头尾模板和调用模板的编辑来完成。其中首页模板是首页界面产生的基础，在其中会通过函数调用的方式使用到头尾模板和调用模板。头尾模板主要考虑让整个网站有一个一致的头部和尾部外观，使得网站能够风格统一，减少编码冗余，调用模板主要用于JTBC函数读取数据库后得到的系列数据的显示格式设置。比如某高校宣传部网站中的新闻中心模块需要在首页以列表的形式显示前10条新闻标题和日期。这需要在首页模板中使用itransfer函数提取数据，指定显示调用模板。调用{$=itransfer(top，1，topx=10；tnum=30；genre=news)}，itransfer函数的第二个参数’1’，指定了所获取数据的显示格式由名字为’1’的调用模板确定。

　　设计完成首页后，则需要设计网站内容内部的列表页和内容页，这些模板的设计属于不同的栏目，因此不同的栏目可以有各自的外观。栏目模块内的有两个模板：list模板和detai模板，分别对应列表页模板和内容页模板。通过修改这两个模板就可以实现对模块内部列表显示和详细内容显示的个性化设计。在list模板中，主要使用的一个{$recurrence_ida}标签，完成对本模块中的文章列表的显示。该标签与调用模板中的{$}{$$}标签的作用类似，每一篇文章都将对应一个数据项。代码将该模块中的文章以列表的方式进行显示，并为每一个列表生成一个连接以便能连接到对应文章详细信息页面。在detail模板中，直接调用标签{$topic}，{$content}，{$time}等标签，就可以得到当前文章的信息。

　　1.1无线应用协议WAPWAP（WirelessApplicationProtocol)是用于解决无线移动接入技术的全球性开放标准。主要是为移动电话、Internet、其他的个人数字助理机和计算机之间的无线通信提供接入标准。WAP只要求移动电话和WAP服务器的支持，而不要求现有的移动通信网络协议做任何的改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G等多种网络。

　　1.2无限标记语言WMLWML（WirelessMarkupLanguage）是专门为手持式移动通信终端设计的语言。与HTML相比，WML消耗的内存和CPU时间更少，更适合手机等移动设备[2]。目前一些智能手机直接支持HTTP访问方式，但一部分中低端手机受系统及版本限制，对HTTP以及WMLScript等不能正常访问，因此从适用性角度考虑，建议采用最基础的WML语言开发，才能支持任意移动终端完美访问。

　　1.3WAP网络服务方案WAP网络架构由三部分组成：WAP网关、WAP无线终端、WAP内容服务器。Wap网关起着协议的翻译和转换作用，是联系无线通信网络与Internet的桥梁。WAP架构如图1所示爱发体育。当用户从手机等无线终端键入要访问的WAP内容服务器的URL，信号经过无线网络以WAP协议方式发送请求至WAP网关“翻译”爱发体育，再以HTTP协议方式与WAP内容服务器交互，最后WAP网关将返回的内容压缩、处理成二进制流返回到客户的手机等无线终端屏幕上。WAP网站与WEB网站建设,可分别设服务器独立使用，也可共用同一台服务器。WAP网页可用WML、WMLScript实现，也可用XHTML实现，还可将WEB页面通过HTML过滤或直接当WAP页面来用。从成本和建设速度角度上考虑，普遍采用的是最后一种，通过程序实现HTML到WML的自动过滤转换。

　　2.1架构设计网站采用典型MVC模式，B/S架构。网站设计在逻辑上可以划分为WEB网站和WAP网站,二者共享同一台服务器,从而实现WEB与WAP网站信息的交互。

　　2.2功能模块设计农业信息网站主要功能是为区域农业提供相关信息服务，同时为区域农业电子商务提供支持。

　　网站使用技术开发，利用VisualStudio2008开发工具，MicrosoftSQLServer2008数据库，IISWeb服务器实现。MVC框架提供一个基于MVC设计模式的应用，使得项目更加容易维护。

　　3.1WEB网站通过首页导航可链接至相应页面；用户访问首页可直接浏览农业新闻、政策、已通过审核的供求信息，查询信息;用户登陆后可供求信息；管理员登陆后台进行维护、管理及信息审核。

　　3.2WAP网站由于手机等无线终端的诸多限制，如网络宽带窄、屏幕小、存储空间小等,WAP部分网站减少了一些动态交互功能，以浏览网页和下载为主要功能。在用户管理模块增加了WAPPUSH功能，即服务器通过推服务器,将内容以短信的形式发至用户手中的一种业务。通过该业务能够将以前被动式的访问,变成主动式的推销,适合发送通知,用户也能够利用该业务定制信息。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　笔者主要从学习兴趣、时间投入、学习动因、学习资源、学习方式和问题解决方式等因素来分析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％的学习者会在论坛发帖求助。从调查结果可以分析出，在问题解决方式上，绝大多数学习者还是喜欢传统解答方式。

　　1.1当前教学存在的问题当前教学主要讲解PHP语法知识、技术运用及数据库的操作。在这种教学模式下，学生独立设计开发网页时不知如何下手，教学效果不能达到预期的目标。网站开发看似简单实则繁杂，而计算思维采用抽象和分解来设计巨大复杂的系统，这正好可运用到网站的开发设计中。在教学中引入计算思维概念，着重培养学生的计算思维能力，能很好地解决当前教学遇到的问题。

　　1.2教学内容设计教师应以计算思维为导向设计教学内容，着重培养学生使用计算机解决问题的能力，可据此在课堂教学中淡化基本语法的讲解，着力设计问题，促使使用计算思维的方式解决问题并强化语法知识的学习。教学内容分为两大部分：知识理论篇和案例篇。知识理论篇主要包括计算思维概述、HTTP协议、基本语法、数组、字符、函数、文件、日期、类和对象、Cookie、Session、MySQL等；案例篇以设计一个网站为例讲解如何使用计算思维把复杂问题简单化。教师可以在组织具体教学内容时以问题为切入点，安排相应语法知识的讲解，同时涉及某些计算思维能力的使用。那么什么样的能力是计算思维能力呢？我们可把计算思维分解为一些特征点，这些特征点包括（但不仅限于）如下概念：规约、嵌入、转化、仿真、递归、并行、抽象、分解、保护、冗余、容错、纠错、系统恢复、启发式、规划、学习、调度、折中、优化等[3]。在设计问题时可尽量包括这些计算思维能力，如设计阶乘的问题来介绍函数，采用递归的计算思维解决问题；设计实现加减乘除的简单计算器问题介绍类和对象，采用抽象的计算思维求解问题。教学内容的组织难在问题的设计，而设计的问题要尽量涵盖上述计算思维能力，这在短期内很难完成，是一个长期积累的过程。

　　1.3教学手段多样化目前大部分高校主要采用课堂讲授的方式教学，该教学方式重在教，学生是被动的学习。计算思维的教学模式重点是启发式教学，即在有限的课堂学时下引入多种教学手段辅助教学，可考虑采用如下教学手段。（1）MOOC教学。国内外顶尖大学设立了许多网络学习平台，在网上提供免费课程。由于课时有限，教师在课堂上无法仔细讲解某些知识点，可让学生在课外通过MOOC学习。（2）课堂讨论。教师可采用课堂讨论的方式提高学生的学习积极性，在讨论课上设计问题让学生讨论如何解决问题，最后教师点评并归纳出解决此类问题可采用的计算思维能力。（3）视频教学。任课教师可收集制作与课程有关的教学视频，学生可在课后观看学习。（4）课程论坛。教师可建立课程论坛，提供与课程相关的资料下载，及时解答学生提出的问题，还可发起对某个问题的讨论。新技术的出现使得授课方式更加多样化，教师可在教学中充分利用这些新技术，引导学生主动、积极地学习，改变传统的知识点灌输式教学方式，以问题求解为导向，启发学生思考如何解答问题并归纳解答问题时运用的计算思维。

　　目前的实践教学主要是教师布置一定的上机习题让学生完成，这些上机习题与教学中讲授的知识点有关，如循环语句、数组、函数等。这样的实践教学只是强化了学生对课程知识点的掌握，没有进行思维的训练。计算机技术发展日新月异，新技术层出不穷，今天我们学习的某门计算机语言或技术在不久的将来可能会被淘汰，学生不应只掌握某门计算机语言或技术，而应掌握求解问题的思维，有了思维可以采用新的计算机语言或技术求解出答案。思维的特性决定了它能给人以启迪和创造想象的空间。思维具有普适性，知识和技能具有时间性的局限，而思维则可跨越时间性，随着时间的推移，知识和技能可能被遗忘，但思维却可潜移默化地融入未来的创新活动中[4]。计算思维具有强大的创新能力，培养计算思维能力的最高目标是为了创新[5]。

　　2.1围绕计算思维设计上机内容实践操作是强化学习的一种有力手段。教师应该围绕计算思维精心设计每一道上机习题，如在设计有关循环的上机习题时，可设计采用穷举思维解答的习题：百钱买百鸡[6]。在每次上机实验后，教师可设计一些类似解题思路的习题让学生课后自己练习，进一步强化培养学生的计算思维能力。上机实验在培养学生求解问题的能力上是一种很重要的手段，教师一定要严格把关，不能放之任之。为了更好地让学生上机实验，可以建立上机实验考评机制，对每位学生每次上机实验情况打分，期末结束后给出上机实验总分并记入期末总评中，这样可以激励学生上机操作，训练他们解决问题的能力。

　　2.2在实践教学中运用项目驱动在课堂教学的最后阶段，教师会讲解一个案例（一个实际的网站）的实现。这个案例的讲解可以让学生了解如何利用科学系统的方法把一个庞大而复杂的问题抽象成多个小而简单的问题并实现。与此同时，教师在实践教学中为了进一步加强学生的实践操作能力和培养他们的计算思维能力，会布置一个项目让学生完成，如分项目小组（3~4个学生一组）完成一个网站，项目时间规定在期末前一个月内；每个小组设小组长一名，负责分配任务和进度；采用软件工程方法实施项目，要求撰写需求分析、数据库设计、详细设计等文档。在项目的实施过程中学生会相互配合和团结协作，他们会了解团队精神的重要性，学会运用计算思维的方式分析求解问题，明白计算思维的重要性。项目完成后，每个项目小组推荐一名成员以PPT的形式介绍他们的项目并演示网站。教师和学生一起讨论项目的优劣，教师应对每个项目进行评分并点评，指出其中的不足和可以进一步完善的地方。

　　3.1练习的重要性网站设计是一门实践操作性很强的课程，其理论知识并不难，难在实践操作。从多年的教学情况来看，学生在实际动手设计开发网页方面存在较大困难。笔者从与学生的交流中发现他们课后练习较少，课堂上虽然听懂了，但课后没有进一步的巩固，很快又忘记了。根据上面的描述可知练习对于掌握一门课程知识很重要，布置一定量的作业是必要的。然而，由于学习该门课程的学生众多，批改作业会占用教师的大量时间，建立一个在线的练习系统可以很好地解决这个问题。

　　3.2练习系统设计构思采用计算思维的教学模式，学生能更快地具备分析问题和解决问题的能力。在发展日新月异的计算机技术面前，一些计算机技术会过时，但计算思维能力仍能适用问题的求解，因此练习系统的设计重点在于培养学生的计算思维能力。初步构思是对专家学者提出的计算思维能力进行归纳，总结哪些能力是计算思维能力。教师可以针对每种计算思维能力设计一些习题并加入到练习系统中，随着授课进度布置相应的练习给学生做，如讲授到函数这一节时可布置与递归有关的练习，练习系统可自动批改作业，这样既可以减轻教师负担，又可以培养学生的计算思维能力。