时间：2023-08-10 09:22:29
序论：速发表网结合其深厚的文秘经验，特别为您筛选了11篇公司网站设计与开发范文。如果您需要更多原创资料，欢迎随时与我们的客服老师联系，希望您能从中汲取灵感和知识！
选用教材一般采用国家规划教材，教材的编写人员主要由从事此课程教学的一线教师组成，普遍不在公司一线工作，技能和技术上已经到不到目前公司的要求。另外，从开始编写教材到印刷出版，再到学生使用，往往已经过了好几年。由于WEB技术发展非常迅速，再加上网站设计开发工作的特殊性，学生所学到的知识，往往都是前几年的技术，已经不能满足公司对于网站设计人员的要求。
1.2教学内容方面
一本教材中前面章节的教学内容往往以知识点为主，后面章节加上几个WEB系统设计与实现，知识点非常分散，没有完整的围绕一条主线进行教学。教学过程中，学生虽然感觉学到了很多东西，但是教学内容没有紧紧围绕一条主线进行，学生学完之后总感觉学了很多东西，但是就是不知道怎么用。
1.3教学方法方面
传统教学都是以课程为中心，以教师为中心，以教材为中心，教师教什么，学生就学什么，没有从实际工作需要入手，学生完全处于被动接受，学生根据教师的讲授一步一步去完成，很难发挥学生的主观能动性。
1.4教学条件方面
主要采用多媒体教室+机房来保障教学，虽然能满足教学条件要求，但是学生在学校感受不到真实的工作环境，学习没有动力。
1.5教学团队方面
教师往往以中、青年教师为主，但是大部分教师没有相应的工作经验，直接从学校毕业就来到职业院校当老师，不了解社会上对于本门课程技术发展到什么程度和企业对于本门课程的人才需求。
2《网站设计开发》课程设计改革
2.1课程设计思路
依托各个网站设计公司及软件公司，开展校企合作进行课程联合开发建设。以职业能力培养为重点，以“工学结合”为切入点，依照“干什么、学什么、缺什么、补什么”的原则，基于网站架构设计师的典型工作任务和过程设计来进行课程教学体系。在课程设计中通过“真实产品开发、项目载体、知识理论实践一体化”将完整的项目开发过程贯穿在整个项目开发中,以提高学生职业能力和职业素养为目标，将网站设计开发知识和技能贯通于实践项目，以真实项目为核心整合网站设计人员所需的知识、技能和态度。在内容的选取上坚持够用、实用、新颖的原则，减少理论知识的讲解，理论基础知识以够用为准。同时，增加实践性、操作性强的知识，加强知识的实用性。密切结合行业需求，相关课程需要，注重知识连贯性和实效性。
2.2课程内容改革
《网站设计开发》课程的教学内容主要是针对高职高专层次的学生，以培养WEB应用开发程序员岗位的技能型人才培养目标，根据岗位和前后课程衔接的要求，综合考虑和选取教学内容。本课程基于一个真实的完整的项目----新闻系统开发的工作过程，在项目开发的过程中培养学生在WEB应用开发程序员岗位上每一工作环节的专项职业能力。（1）课程内容设计将实际项目转换为教学内容确定学习内容。以往的教学内容中的知识点非常非常松散，没有明确主线，因此我们选取真实的项目“新闻系统开发开发过程”为教学内容，根据开发流程将工作领域分成9个典型的工作情境，分别为搭建新闻系统项目开发环境、撰写新闻系统项目系统文档、新闻系统数据库设计、新闻系统数据库访问层设计与实现、新闻系统后台用户管理模块设计与实现、新闻系统后台栏目管理模块设计与实现、新闻系统后台文章管理模块设计与实现、新闻系统前台页面显示模块设计与实现、新闻系统安全控制与部署。（2）教学内容（表1）
2.3教学方法改进
2.3.1逆向式教学方法:教师在授课过程中摒弃原来那种先讲后练习的方式，而采用先简单给学生说明具体任务完成的思路和步骤，学生对照任务的思路和步骤自行完成，学生在任务过程中出现问题后，由师生共同解决问题，最后教师讲解任务的实现过程，并进行理论的提升。2.3.2任务驱动教学方法：将一个大型项目拆分成一个个小任务，通过让学生自主完成一个个小任务，最终实现一个大型项目。在完成一个个具体的小任务中，教师只是辅助指导，真正做到了讲、学、练一体化。通过在实践的过程中，培养和提高学生的学习兴趣，增强学生的自主学习能力。2.3.3项目实训教学方法：在综合练习之后，结合所学知识，给同学分组进行项目实训。通过具体的项目，让学生获得亲身参与软件开发研究的经历，充分提高了学生应用知识解决问题的能力。同时，还加强了学生在工作别需要的团队合作能力和协调能力，为学生能够在毕业后很快进入与实际工作衔接的工作岗位做好充分的准备。2.3.4基于问题的教学方法（PBT（Problem-BasedTeaching）[4]：在教学过程中，教师根据教学内容和教学需要，在课堂上设计问题情景，启发和引导学生积极主动参与课堂讨论，提出、分析和解决问题，从而得到问题的答案。在这个过程中，教师只给学生提供解决问题的思路和方法，主要以学生为中心，以问题为核心，以完成教学任务的一种教学方法。
2.4教学条件改进
2.4.1以现有的多媒体教室或机房建立仿真教学环境，由教师扮演企业代表，学生扮演软件开发团队成员，完成客户与项目组的交互过程。教师提出需求，学生完成“需求分析、系统设计、编码调试、提交作品”的各个过程，模拟企业项目的完整开发过程。2.4.2在学校建立大学生创业工作室，由学生从校外接一些真实项目开发的任务，让学生在学习的过程中就能够参加到真实项目的制作开发工作中去，这样，学生毕业进入企业后很快就能成为合格的专业技术人才。
2.5教学团队改进
2.5.1走出去，给一线教师提供到网站设计公司挂职和下企业实践的机会。2.5.2请进来，邀请拥有丰富工作经验的网站开发人员，在本课程中担任外聘教师，负责带领学生开发具体项目、综合实训指导等工作。
中图分类号：TP303
文献标识码：A 文章编号：1672-7800（2014）003-0033-03
0 引言
电子商务是指全球各地广泛的商业贸易活动中，在因特网开放的网络环境下，买卖双方基于浏览器/服务器的应用方式进行各种商贸活动，从而实现商务活动、交易活动、金融活动和相关综合服务活动的一种新型的商业运营模式[1]。随着网络技术、通信技术和信息技术的迅猛发展，基于互联网的电子商务活动越来越深入人们的生活中，虚拟企业、虚拟银行、网络营销、网络支付、网络广告等新词汇为人们所熟知[2]。人们可以通过浏览网络商城购买各种所需用品，利用网络进行贷款结算服务，政府通过网络可以进行电子招标、政府采购等。
电子商务网站是指企业、机构或公司在Internet上建立的站点，其目的是为了宣传企业形象、产品信息、进行商务交易、提供商业服务等。电子商务网站作为电子商务系统运行的主要承担者和体现者，是网上的“虚拟公司”或“虚拟工厂”。电子商务网站的设计、规划与管理是电子商务实施运作过程中持续不断的基础工作，网站质量直接影响着电子商务交易的进行。
1 电子商务网站基本构架
电子商务网站一般由一系列网页和具有商业功能的软件系统和后台数据库等组成，前台网页由主网页、公司介绍、产品或服务页面、新闻页面、广告宣传页面、访问者反馈页面等众多网页构成，可以接受客户的浏览、登记和注册，后台数据库可记录客户的有关资料[3]。
图1为典型的电子商务网站组成，因为电子商务网站对系统安全、运行速度、运行效率等要求颇高，因此需要提供多种接入方式，以满足访问者的要求。软件系统信息平台、信用平台、结算平台等各模块的分配满足了商品展示、购物、支付、安全防护等功能，通过前后台系统的链接实现，消费者能够及时获得企业所需展示的信息，企业也能够及时接受消费者的反馈信息，从而对该网站进行实时改进。数据库服务器是电子商务的基石，合理的数据库操作权限可以满足一定的数据安全要求。
目前，电子商务分为企业与消费者之间（B2C）、企业之间（B2B）、消费者之间（C2C）、企业与政府之间（B2G）等。其中，B2C模式是我国最早产生的电子商务模式，即企业通过电子互联网为消费者提供一个新型的购物环境——网上商店。图2为天猫TMALL主页，它整合数千家品牌商、生产商，为商家和消费者之间提供一站式解决方案。这种形式的电子商务网站，商家不需要构建自己的网络基础设施，只要在网络多媒体平台上租用“虚拟空间”，就能拥有自己的网站运行平台。因此，在构建电子商务网站时，只需要考虑网站软件结构和网页设计，以及数据库系统的选择和开发。
2 电子商务网站设计原则
电子商务网站既要处理企业与企业之间、企业与消费者之间大量复杂而繁琐的数据，又要保证数据和信息传输的安全性，与普通网站相比，对数据的处理和传输有较高要求。其建设不但涉及到计算机技术、数据库技术、网络技术，还涉及到通信技术和多媒体技术，同时也涵盖了市场、营销、管理、商务策划等各方面的内容[4]。如果电子商务网站设计得成功，将非常有利于企业自身的宣传和市场经营。因此，为了保证电子商务网站的成功，需要使系统满足以下原则：
（1）定位准确。电子商务网站站点的设计是企业、公司和机构发展战略的重要组成部分。要将企业站点作为因特网这个新媒体上展示企业形象、企业文化的信息空间，首先要明确站点设计的目的和用户需求，挑选与锤炼企业的关键信息，了解所设计网站的受众群体，并对他们的基本情况有所了解，如受教育程度、收入情况、整体消费趋向等，这样才能做到有的放矢[5]。利用一个逻辑结构将其有序地组织起来，开发一个网页设计原型，并逐步精炼该原型，形成创意。
（2）系统安全可靠。电子商务网站可以使得企业与客户之间、企业与企业之间完成相关交易。但是随着网络技术的不断发展，网站的开放性决定了其可能会遭到一些别有用心的黑客的窃取，导致业务中断，也有可能会受到一些网络病毒如特洛伊木马程序等的攻击从而对网站造成损害，因此，网站的安全防护问题越来越重要。另外，网站自身要能保证系统在任何情况下都能保证数据的完整性、正确性、经济性、可扩展性和可恢复性。因此，在网站设计之初要采取一定的措施，保证其安全可靠性。
（3）网页版面设计合理。一个美观、实用的网页直接影响网站的质量和效果，因此，网页设计要讲究编排和布局。这要求设计者要突出主题、统一规划、统一风格，通过文字、图形、动画和视频等的组合，根据设计的内容制作出和谐优美的网页版面，使得用户在愉悦的视觉感受中进入网络商务世界，并能在较短的时间内获得尽可能多的商务信息。另外，网页的导航设计、交互设计都要一目了然，并且容易操作。
3 电子商务网站制作流程
电子商务网站的建立和其它网站的建立过程基本相同，一般来讲，电子商务网站的设计主要包括网站规划、域名注册、网站设计与开发、网站测试推广及维护。
3.1 网站规划与分析
在网站设计初期明确网站构建的目的与意义，分析能够开展的业务。电子商务分为开展B2B交易、开展B2C交易、开展拍卖业务、开展企业形象创建、作为服务性网站等。摸清网站的目标市场和目标客户，并确定网站设计的思想基础。
3.2 域名注册
域名是企业接入互联网的名称，它是每个网络用户IP地址的别名，是一个公司或企业的网络地址。每个接入Internet的用户都应有唯一与其对应的域名，以便别人能够访问，好的域名容易记忆并和网站内容密切联系，如Microsoft公司的域名、百度的域名。通过登录中国互联网络信息中心网站（.cn）就能够了解注册、变更、注销域名的方法，目前很多网站也受理“域名”注册服务。
3.3 网站设计与开发
网站设计与开发主要分为主页设计、功能设计和数据库设计。在制作主页前要考虑到网站的风格和主要实现功能，从内容上将网站分为几个栏目板块，根据企业特点进行设计制作，注意颜色字体的协调搭配，使得设计出的网页简洁明快、吸引人。功能模块主要包括基础设计模块、商品管理模块、订单管理模块、活动管理模块、内容管理模块等，基础设计模块能够让管理员登陆后台系统，对网站进行修改与维护。商品管理、订单管理、内容管理模块和应用管理模块用于实现商家与消费者的交互，如商品、订单支付、评价管理等[6]。
电子商务是以数据库技术和网络技术为支撑，其中数据库技术是核心。一个商务站点后台必须有强大的数据库支撑，数据库要能够科学地组织和存储数据，并有效地获取和维护数据，当前比较流行的数据库有SQL Server、Oracle、MySQL、Access等[2]。数据库设计讲究命名规范、数据的一致性和完整性、索引的唯一性等，图3为商务数据库设计总体结构。
3.4 网站测试与
网站测试是网站制作好后检查网页的必要手段之一，在网站制作完成后通过在多个浏览器内测试结果与设计方案是否吻合，验证链接并评估文件的下载速度，以便及时发现问题并对不满意的地方进行修改。测试修改后的网站到Internet服务器上，如果公司有足够的经济实力和技术实力，可以选择购买自己的服务器，但是对其维护需要耗费大量的时间和金钱。这样时只需要直接把做好的网页包括CGI、ASP、JSP或者PHP程序发到WWW路径下，也可以选择虚拟主机服务，这样不需要自己维护，还可以获得服务商提供的额外服务。在时ISP会提供一个地址和账号、密码，使用FTP软件将网页上传即完成网站的。
3.5 网站推广与维护
电子商务网站后，其推广工作是面向市场的关键一步，通过各种有效的手段如搜索引擎、购买广告位置、广告交换、友情链接、BBS、微博、传统媒体等方式提高网站知名度和网站访问量，从而达到宣传商品的目的。
为了保持站点的吸引力和长久的生命力，使网站逐渐壮大且访问量增多，就要对其进行及时维护，及时添加新的内容，同时通过用户的反馈和建议及时改进网站，经常检查网站的运行情况，并修正网站错误。
4 结语
电子商务是未来商务交易的主要方式，电子商务网站则是交易进行的承担者，是企业开展电子商务活动的基础设施和信息平台，人们通过网站获得所需要的信息并进行网上交易活动，网站设计质量直接影响着商务活动的进行。明确网站设计的基本原则后，对网站进行详细规划与分析，以及合理设计与开发，并对网站进行调试与，定时监测网站，保证服务器的正常工作和网络数据的及时更新，从而推进电子商务活动的正常运行。
参考文献：
[1] 司占军，顾翀.数字出版[M].北京：中国轻工业出版社，2013.
[2] 韩茜.专业文学网站研究[D].石家庄：河北大学，2011.
[3] 于樊鹏，王艳平，沈宏，等.电子商务基础教程[M].北京：清华大学出版社，2009.
一、网站设计项目实训的目的
1.满足社会需要，培养“零距离”上岗的一线网站设计师。新的世纪，互联网将进入一个崭新的阶段，信息化的发展带动其他产业的发展，各行业都将与它进行更深入地融合和渗透。越来越多的企业已开始从对互联网的认知阶段进入到认同和行动阶段。
企业网站是企业在Internet上展示形象的门户，是企业开展电子交易的基地，是企业网上的“家”，设计制作一个优秀的网站是建站的企业成功迈向互联网的重要步骤。
越来越多的企业认识到网络的力量是不可低估的。网络可以为企业进行低成本的宣传，为自己在互联网世界建立一个独立的舞台，进而可以带给企业不分地域、不分国别的大量客户，带来无限的商机。为了获得本行业的领先地位，面对不断涌现的种种机会，企业建立一个具有自己特色的、精美完善的、集多种功能于一体的企业网站、尤其重要。所以各行各类企业都需要网站建设的人才，我们就是瞄准这个市场来培养网站建设的专精人才，满足社会的需求。
2.巩固学生以往所学，创造一个全面提升的平台。学校里学生学习知识通常都是以课程为单位来进行的。这个学习模式的好处在于，对于某门课程的学习，通过一个或多个学期的培养可以达到一个比较深入的境界，但是也有一个明显的弊端就是知识面广度的不足，以及课程之间的联系被人为的割裂。比如我们学院网站设计方面的课程有《网页制作基础》《数据库应用基础》《网页图形图像处理Firework》《JavaScript程序设计》《动态网页设计》等科目，它们分别详细地讲述了关于网站设计的基础知识、后台数据库、前端页面美化、动态页面效果、后台服务器处理语言等方面知识。通过这些课程的学习，学生对网站设计的各个方面都有了一定深度地了解，但是至于怎么样从企业需求出发、在接到一个网站设计任务后要如何着手、从什么角度来考虑不同企业的不同应用、如何与需求方沟通、如何挖掘需求方真正的需求、怎样表述需求、怎样和其他程序员配合等技术或非技术的职业素养还有所欠缺，我们通过岗前实训为学生提供一个全面、融会贯通的机会、一个熟悉岗位工作流程的平台、一个通向“零距离”就业的途径。
二、网站设计项目实训过程设计与实施
为达到网站设计项目实训的目的，我们确定了两个原则。
1.项目式组织。为了使学生充分运用到已学的各门知识，同时也避免使岗前实训被当作一门新课程来学，我们采用项目教学法来实施这个实训。项目教学法是师生通过共同实施一个完整的“项目”工作而进行的教学活动。在职业教育中，项目是指以生产一件具体的、具有实际应用价值的产品为目的任务，它应该满足下面的条件:该工作过程可用于学习一定的教学内容，具有一定的应用价值;能将某一教学课题的理论知识和实际技能结合在一起;与企业实际生产过程或现实的商业经营活动有直接的关系;学生有独立进行计划工作的机会，在一定的时间范围内可以自行组织、安排自己的学习行为;有明确而具体的成果展示;学生自己克服、处理在项目工作中出现的困难和问题;具有一定的难度，不仅是已有知识、技能的应用，而且还要求学生运用新学习的知识、技能，解决过去从未遇到过的实际问题;学习结束时，师生共同评价项目工作成果和工作学习方法。例如，本学期我们教师设定了六个项目，学生可根据兴趣任选:①电子产品公司网站开发;②音像公司开发;③化妆品公司开发④服装公司开发⑤房地产公司开发⑥旅游公司开发。项目的选择分小组进行，根据班级总人数具体情况来决定，一般五六人一组较好，这样便于小组长管理，组员之间的讨论以及组员角色的分配。
2.完整的工作角色仿真。我们希望每个同学都能够胜任项目中的各个岗位，比如说需求分析、网页美工、后台程序设计等等，以期能更好的为以后顶岗实习打好基础。但事实上由于学生基础、兴趣、工作预期等不同，学生对自己在工作中扮演什么角色往往有自己的看法。这就提醒我们在项目之初就要对该项目存在哪些角色、每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求做一个大致的说明。学生根据老师的要求确定其在项目中最主要的角色，自动去完成扮演或模拟该角色的必要知识准备。
三、注意事项
要保证岗前实训能有效达到预期的目标，我们还应注意一下几个问题。
1.要有完整的项目流程设计。实训大纲、实训计划和实训项目指导书几个关键性的文档对于成功实施起着至关重要的作用。通过这几个文件，可以预先给学生一个期望目标，期望目标越明确，学生学习动力越强;这几个文件越完善，学生完成实训的质量也就越强。当然，有了几个关键文档之后，还要求实训教师因地制宜，因材施教，这样才有比较好的灵活性。
2.项目选择要根据学生的水平。考虑学生水平主要有两点:第一，复杂度太高的项目最好不要提出来实施，因为学生阅历太浅，在理解网站需求的时候，可能很不熟悉公司的运营流程，使得网站设计实际上没有人能做好;第二，要根据学生相对熟悉的事物来设定，设定一些学校相关的主题往往容易成功，因为学生对校园生活非常熟悉，软件设计需求通常就是根据身边熟悉的事物而来的，因此从熟悉的角度入手是容易取得成功的。
3.在贯穿整个实训过程的教育中，工作流程、工作礼仪、职业道德的教育要自始至终保持不断线，同时也要求教师能够以身作则，言传身教。
4.发现问题及时解决。学生第一次做大型的项目，经验肯定是不足的，期间肯定要碰到许多问题，比如技术的问题、沟通的问题、团队的问题等等，我们对问题的出现要有足够的心理准备，有时甚至要准备一些预案，万一学生出现问题，要指导其怎么实现自我突破，而不是全部替其解决。
四、实训成果和结论
我院计算机系自设立网站设计岗前实训项目以来，取得了不俗的成绩，有在全省性大学生软件设计比赛中获优胜奖的(《E时代沟通工程》、《思忆博客》)，也有直接到企事业单位做网站的。从结果上看只要能扎扎实实跟着指导老师的进度安排，认认真真的完成指导老师交给的任务，有问题虚心的向老师同学们请教，一般都能够有一个完整的作品创作出来，对增强学生工作信心起到实质上的支撑作用。
人才培养是一件常做常新的工作，网站设计项目的岗前实训也在根据社会该岗位的需求不断做变化、调整，以便顺应社会的发展，同时其本身也在不断的完善。从实训大纲、实训计划、实训指导书各纲领性的实施文件的编写，到参与项目的老师意见的统一、经验的积累都是一个循序渐进的过程，但有理由相信项目方向是正确的。
1开发背景
如今网络成为各单位、各企业宣传自身的重要平台。学校通过网站可以宣传办学理念、办学特色,介绍专业设置情况和招生就业情况,让师生可以更加直观地了解学校,在如今网络时代是很好的宣传平台。另外,随着网络技术的发展,网上预约、网上办公系统也大大提高了办事效率,节约了资源和时间。在教学资源共享方面,网络平台可以储存和共享各类资料、信息等,各类交互式学习和教学平台大大提高了教学效果。因此,加强网站建设,拓展网站功能,提升办公效率,不断开发网络技术,是计算机更好的服务于人们的日常工作,是技术发展的需要,也是专业人员的职责。
2网站开发工具
本人根据工作需要,在本网站设计中结合实际选择Dreamweaver8作为开发工具,运用PhotoshopCP处理好图片效果,应用在网页中,用Flash制作漂亮的动画,并在网页中使用,Dreamweaver8是Macromedia公司的开发产品,是目前使用最为广泛的网页制作软件。Dreamweaver8是一个集网页创作、网站开发与站点管理于一身的超重量级的创作工具。
3网站的分析与布局
3.1网站的色彩分析
本文以我单位中专部网站为设计基础,网站基调颜色选择是蓝色为主。因为蓝色是冷色调,给人以稳重、冷静的感觉,同时,蓝色也代表着创新,也是许多人钟爱的颜色。同时在设计过程中,蓝色与其他色调进行结合,通过对比,将蓝色的朴实、稳重、内向性格与其他活跃、扩张力的色彩进行对比,给人以沉静、理智、诚实以及和平、淡雅、可靠等感觉。
3.2网站的内容分析与布局
本文设计的网站是一个实用性的网站,是介绍宣传中专部基本情况、办学特色、教学与科研一体的综合性网站。中专部网站建设的内容是为了方便学校招生信息、教育教学改革成果、校内各类新闻等。根据工作需要,结合设计的思路,网站的板块计划作如下图1所示。本网站利用Dreamweaver进行开发,其功能目标是要实现信息在线浏览的功能。本系统建成后,对各功能模块进行了反复的测试,经过多次的修改各功能模块已经达到设计的要求。本网站开发技术先进、功能模块齐全并且具有较好的通用性。在本网站中界面的设计主要还是图文结合,以简洁大方为主。
4网站测试与上传
4.1网站的测试
网站制作完成后需要进一步的测试和运行,方便查看整体效果以及各模块适应情况。需要对网站进行全面测试。软件测试是为了发现程序中的错误而执行程序的过程。好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案。
4.2网站上传
利用FlashFXP上传做好的完整的网站内容。FlashFXP是一款功能强大的FXP/FTP软件,集成了其它优秀的FTP软件的优点,如CuteFTP的目录比较,支持彩色文字显示等;如BpFTP支持多目录选择文件,暂存目录;又如LeapFTP的界面设计。支持目录(和子目录)的文件传输,删除;支持上传、下载以及第三方文件续传;可以跳过指定的文件类型,只传送需要的本件;可自定义不同文件类型的显示颜色;暂存远程目录列表,支持FTP及Socks3&4;有避免闲置断线功能,防止被FTP平台踢出;可显示或隐藏具有“隐藏”属性的文档和目录;支持每个平台使用被动模式等。在这一个章节中主要是网站的测试,通过IETESTER软件对系统整体功能进行测试,测试网页在IE6、IE7、IE8浏览器是否能都能正常显示。检验本网站是否符合系统开发的目标,发现系统存在的问题进行改进,利用Flashfxp上传网站,从任何浏览器都可以看到此网站,从而实现学院网站的开发目标。
作者:张雪莹 单位:永城职业学院
一、引言
《商务网站设计》是电子商务专业技术核心课程，目的了解网站的架构，掌握网站开发技巧和能力，特别是掌握商务网站设计与开发能力。《商务网站设计》内容涉及静态网页制作、SQL server数据库应用、动态网页编程等内容，是一门难度特别大的技术综合课程。
二、教学中发现的问题
由于《商务网站设计》集网页制作、数据库应用、网络编程、系统开发设计于一身，技术性，专业性、实践性、动力能力要求非常强。在教学中活动中，发现存在下列主要问题：
1.教材过于简单
现在，社会上介绍网站开发程序和技巧的课本主要是二类教材，软件和java编程。现实用教程为例，由于同学刚学习网络编程，所以教材往往会采用实用教程作为教材。教材首先介绍VS201运行环境，变量定义if语句forwhile循环，类属继承，基础web控件内置对象，主要对象，数据控件GridView显示数据，主题与模板，网站导航，XML数据传递和web服务。教材往往把各部分单独介绍，没有相互配合，完成整个系统，各个web控件、内置对象、对象、GridView的功能介绍得特别简单，以方便学生了解掌握基础知识和基本技能。
2.教学案例简单不连贯，教学方法以讲为主
由于教材为适应初学者，数据库操作只介绍一个表的查询、插入、修改、删除等最基础操作；最重要的GridView控件只介绍数据查询显示，而GridView的分页、链接字段、图形显示、删除修改等特别重要功能，一概不说。前一章案例与后一章案例毫无关系，系统开发实用常用知识和技巧都不讲。《商务网站设计》比较高要求围绕商品展示、商品查询、购物车、下订单支付等功能，完成商务网站开发，内容包括设计静态网页，数据库的表，网络编程，使它们形成一个有机整体。但教材对这些内容无从谈起。
另外上课以老师讲课为主，老师将网站制作需要的知识点，做成PPT，进行讲解示范；学生通过简单模仿老师讲解的方法，完成网页功能，造成老师教什么，同学就只会什么，没有深入分析为什么，结果{杀了同学主动性创造性。
3.课程网站成摆设，互动性差
许多学校都要求老师建立课程网站，方便同学课后学习。老师与同学的互动主要是在课堂时完成；课后，老师与学生各忙各的，交互性差，只是通过课程网站完成，让同学自主学习。
通常老师只是简单把教学大纲、教案、课件PPT和相关视频放到课程网站上，对课程网站内容更新慢，缺乏指导，没有相互讨论。同学上去，发现资料比较少，，更新比较慢，去了2、3次就不去了。课程网站缺少人气，基本成摆设。
三、改革措施
1.加强教学内容
把常用实用的知识、编程技巧讲深讲透，把重要控件功能、程序、应用，反复讲反复练，比如Gridview的自定义显示数据、分页功能、字段链接、选择、修改、删除等重要功能，相关事件、对应程序，扩展到如何使用Gridview控件在同一个网页中完成显示、修改和删除，实现直观方便完成数据管理功能。
2.以电子商务角度选择案例，加以扩展
教学中，应该以学生熟悉、简单B2C商务网站作为案例，比如网上书城，介绍商务网站基本功能―前台：商务展示、商品查询、详细信息、购物车、下订单、用户登陆注册，后台：商务管理、优惠打折等功能；数据库数据如何变化，才实现网上购书。最后逐步讲解主要程序技巧，完成商品展示、购物车、下订单等功能。
学生三四个人组成一组，分别选择网上书店、海尔公司商务网站、C2C商务平台等不同商务网站、或者QQ空间、社区论坛、军事网站等作为项目，通过自主完成项目，发挥主动性创造性，大大提高同学的开发设计商务网站的能力和经验。
把商务网站的各个功能拿出来作为任务，由各个小组分别负责，组织分析讲解要点和主要技能，全班同学讨论，最后由老师点评。也可以把完成项目过程，遇到困难，收获的经验，或者学到技巧，在课堂上与同学交流，提高彼此水平。避免老师不管学生吸收能力，满堂灌的现象。
3. 增强课程网站互动性
老师每次上完课，把上课内容、作业都放到课程网站，学生从课程网站下载资材，课后学习，完成作业并上传到课程网站，方便老师检查。学校规定每学期各门老师每周固定一个时间在课程网站与同学探讨互动。老师把思考题、扩展案例放到讨论区，让同学上课程网站进行讨论，指导学生学习，回答学生问题，并通过学生的表现，给出一定平时成绩。
四、结论
《商务网站设计》是一门电子商务专业综合性实验性非常强的课程，要以真实的商务网站为精讲的安全，即要对基础知识讲深讲透，也要对重点控件熟练应用，发挥同学热情和能动性，扩展到其他常用网站。课堂上课后，都需要加强互动，才能上好《商务网站设计》课程。
参考文献：
中图分类号 F592 文献标识码 A 文章编号 1673-9671-（2012）121-0090-01
根据eMarketer2011年全球在线旅游市场规模的数据显示，2011 年全球在线旅游服务市场规模为2840亿美元，占全球旅游市场31%的份额。在国际旅游电子商务迅猛发展的背景下，作为中国旅游业的一个重要组成部分，中国在线旅游市场也呈现出快速增长的势头。据统计，截至2010年12月国内旅行社网站现有20304家，约占全部旅游网站的40%，旅行社网站构成了在线旅游市场的主力。网站作为旅行社在互联网上开展电子商务的窗口和平台，可以旅游资讯和进行在线旅游产品销售，同时也是旅行社服务游客、联系游客的重要渠道和纽带。因此，设计合理、功能齐全的旅行社电子商务网站，不但使游客浏览便捷舒适、扩大销售渠道，形成新的利润增长点，而且也有助于旅行社经营方式的改变，是企业开展电子商务的关键。本文就旅行社网站设计中相关问题进行分析并提出建议。
1 旅行社网站设计应重视的几个问题
1.1 旅行社网站内容设计
信息内容是网站最根本的要素，旅行社网站设计的主要目的就是为游客提供大量有用的信息以便访问，进而提高网站的转化率。旅行社网站在完整和准确的反应自己企业情况、产品和服务特色及经营理念的同时，旅行社网站内容的设计还应以用户体验为最高行动准则。旅行社网站的服务对象是能上网的潜在的游客，主要目的是通过网站寻找线路、交通工具和价格等方面的旅游商务信息。因此，旅行社网站要为目标用户提供全面、丰富、可信的旅游线路资讯，并且要突出宣传旅游线路的详细资料和内在价值，让用户很容易地了解每个行程的特点和同一目的地多种行程的差别，从中获得大量有用信息并产生购买欲望。据调查统计显示，目前国内做得比较好的旅行社网站中都对旅游线路进行了细分，主要的细分包括：国内旅游线路，出境线路，散客线路，团队线路，地接线路等。因此旅行社网站的重点和主题是用设计精良而丰富的线路信息为游客提供有用帮助，而其他旅游文化、旅游常识方面等的内容，应服从并围绕重点内容出现。此外，旅行社还应注意网站信息内容要及时更新，让游客了解旅行社的最新发展动态及服务，同时，网站内容的更新还会帮助企业建立良好的形象，是网站增加流量的重要手段。
1.2 旅行社网站安全设计
网站的安全性是旅行社开展电子商务普遍面对的问题。病毒的困扰、黑客的攻击，常导致系统突然崩溃、用户账号被盗、网站页面内容被恶意篡改等现象出现，因此安全问题是旅行社电子商务成功与否的关键所在。旅行社网站安全问题主要源自于两个方面：第一，大多数旅行社网站都是外包给专业的网站建设公司来开发，旅行社没有自己的技术人员，维护不到位，导致网站安全系数较低；第二，有些旅行社网站搭建的框架较大，需要的功能较多，这也直接导致了网站的漏洞较多。为了保证旅行社网站安全，可以采取访问控制策略、设置防火墙，有条件的旅行社可以利用SSL和SET协议，制定完善的信息系统安全管理的技术规范和定期的安全测试与检查等措施和手段来保证旅行社网站的安全。
1.3 旅行社网站客户管理设计
在客户管理方面，旅行社网站设计应考虑建立一个良好的客户关系系统。旅行社网站的目标是让更多的游客了解旅游产品和服务，从而促进交易，但很多游客不是马上就能下订单，需要经过一段时间的跟踪和交流才能成交。因此旅行社网站应重视客户关系的维护，以方便收集网站访客的信息资料，能够和网站访客有很好的沟通，并在此基础上开展其他方式的营销活动。所以旅行社网站应具备在线客服软件如FAQ、E-Mail、53KF以及QQ一些及时沟通工具等，及时的做到有问必答，使游客切实感受到旅行社的真实服务并由此产生信任感。同时，在旅行社网站设计时应注意，因为网上海量的可选旅游信息，游客在浏览的时候很多是处于零思考状态，因此在网站设计在线客服软件时应考虑到能否在游客需要的时候就能找到它，是否有引导性的语言和图片告知游客可以使用、如何使用、有何用途、是否免费等信息。
1.4 旅行社网站页面可视化设计
旅行社网站在传递企业旅游商务信息的同时，还要从互联网用户和旅游者的角度去思考和设计自己网站中的人文元素和细节，网站的布局和外观设计合理能够为受众提供视觉上的享受，以吸引游客增加网站流量。旅行社网站页面可视化设计应注意以下几点：一是网站形式与内容相一致，运用对比与调和、对称与平衡、节奏与韵律以及留白等手段将丰富的内容和多样的形式组织成统一的页面结构，外观设计保持页面均衡，形式语言必须符合页面的内容，体现内容的丰富含义；二是合理运用新技术，对网站设计者而言，有必要跟踪掌握网页设计的新技术，但一定要运用合理，符合旅行社的自身条件，具有实用性，确立“商务为本”的思想，即以商务为主、技术为辅，避免过度技术化的倾向；三是网站风格设计要有特色，通过网站结构、页面外观、页面布局、交互性、文字、色彩等方式体现出来，如在色彩运用上，网页最好一个主色调而且一般色彩控制在三种以内，同时在设计中还应考虑受众因国家、种族、宗教、信仰以及生活的地理位置、文化修养的不同对色彩喜好的差异，这样更容易建出网站特色；四是网页易读，内容清晰、直接，让游客可以以最快的速度看完全部内容，以获取游客所需要的信息。具体做法如：文本左对齐，标题居中，尽量符合中文阅读习惯；段落分明，条理清晰，有不同的层次；重要内容用加粗、斜体或者下划线等方式进行标注出来；旅游网站中风光页例外，可加导引或目录页，提示真正想看并决定看的游客有心理准备；目录页链接打开时新开窗口，不影响目录查找等。
2 结束语
随着电子商务的不断发展，旅行社网站的应用领域和范围将更加广泛，在旅行社网站设计中应充分兼顾旅行社自身的发展阶段和技术条件两个方面的因素，将旅游商务与信息技术有机结合，使旅行社服务实现“以用户为中心”，从而加强旅行社的竞争力，提高旅行社的整体效益。
（下转第78页）
（上接第90页）
基金项目：吉林省教育厅“十一五”社会科学研究项目“长吉图开发开放先导区规划下吉林省中小旅游企业发展策略研究”（2011416）
参考文献
[1]中国在线旅游市场发展趋势白皮书研究课题组.中国在线旅游市场发展趋势白皮书（2012～2015）[R].2012，8.
[2]王丽丽，吕巍，余娜，江麟.关于内容分析方法对中国旅行社网站营销效果的研究——以国内44家旅行社网站为例[J].上海管理科学，2008，5.
一、引言
目前动态网站设计技术主要有Perl/C++/Delphi等开发的CGI,以及3P技术(ASP、JSP、PHP）。其中ASP即Ative Server Page，由微软公司开发，是一个WEB服务器端的开发环境，主要采用脚本语言VBScript、JavaScript等作为自己的开发语言，可用ODBC或直接驱动法访问Windows平台的数据库。
电子商务网站的设计主要包括“网站结构的设计”、“注册界面”、“交易界面”、“后台数据库”，以及“配套模块”诸如购物、用户、论坛、反馈、搜索、会话等设计。本文只给出统一的前台界面及后台数据库的设计方法。
二、构建ASP运行环境
ASP的运行环境：NT 5.0 Server,IIS 5.0和ASP。安装Windows 2000 Server时选择IIS 5.0有关选项。安装完后ASP便内嵌于IIS 5.0中。测试ASP的方法:启动浏览器，在地址栏处输127.0.0.1:80/default.asp,若浏览到IIS服务器的ASP欢迎页面，说明安装成功。
三、生成动态表单页面
为了通用,这里采用可能用到的表单对象为例，至于下面设计具体数据表用到的字段，只要转成给出的表单域相应对象即可。
用ASP动态生成与数据库进行数据交互的操作表单：form.asp，主要生成表单域头、生成普通文本、生成密码文本、生成滚动文本、生成单选、生成复选、生成列表框、生成提交按钮、生成重填按钮、生成表单域尾。
四、设计用于存储商务网站交互数据的MySql数据库
可在NT 5.0下用启动服务法、NET命令法等启动MySql数据库服务器，启动数据库服务器后，开始建立MySql数据库tradedb，接着建立MySql数据库表，这里以商务网站中常用的几种数据表为例，表结构如下：
客户登录管理数据表：
users ( ID, UserName, Password )
客户信息数据表：
usermessage ( UserName, Email, Address, Fax ,Phone , Cerreycard)
客户定购商品数据表：
catalog ( ProductId, Name , Price, Description )
五、设计处理表单数据的ASP程序
在form_perform.asp中建立与数据库的连接，这里采用直接驱动法：set conn = Server.CreateObject(“ADODB.Connection”)； conn.open “driver={MySQL};server=localhost;uid=sa;pwd=sa;database=tradedb”。
获取表单提交的数据：data1=request(“data1”)；data2=request(“data2”)；
用SQL语句对数据库进行操作，查询数据记录：sql=“select * from tablename” ；set rs=conn.execute(sql) ；
增加数据记录：sql=“insert into tablename(data1,data2) values(’data1‘,’data2‘)”； set rs=conn.execute(sql)；
更改某条数据记录：sql = “ update tablename set data1=”request(‘data1’)“where ID=”num“”； set rs=conn.execute(sql)；
删除某条数据记录：sql = “delete from tablename where ID=”num“”；set rs=conn.execute(sql)；
六、总结
无论是课程内容的选取，还是教学内容的组织，始终围绕实际网站设计与制作工作的过程及内容，以实际工作流程为教学内容和教学组织顺序，将课程融于实际工作需求中，突出了技能和素质的培养。
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．合理的设计知识归纳和总结
在教学活动中要培养学生知识归纳和总结的习惯，是必不可少的。在《动态网站设计与制作》课程的学习任务中，每个情境都设计了对应的小任务，每次任务在检查和评价之后，由教师或是小组长带领同学先进行本次任务的知识归纳，总结学到的知识和技能，再进行本次任务的感受总结，例如任务中是因为粗心打错字符而导致程序调试失败等原因，最后是教师对学生在本次任务中的表现进行评价。通过每次任务都进行相应的知识归纳和总结，有效地对学生的知识做了系统化整理，并加深了对知识和技能的理解。
常州纺织服装职业技术学院创意与艺术设计学院是江苏省较早开设创意类数字媒体专业的学院,其数字媒体专业定位为培养复合型应用人才。我们对复合型人才的理解是:具有两个或两个以上专业的基本知识和技术能力的人才。其专业知识结构具有学科交叉、文理渗透、新兴边缘等特征。主要体现在以下两个方面:第一,社会需求量大,技术升级周期短,知识面广。第二,深入到各行各业,渗透力强,知识的交融。复合型人才具有多学科的知识,但这些知识绝非松散而没有联系,而是相互交叉、融合,形成新的知识,并成为新的思维方法和综合能力的萌发点,不仅有助于解决本专业的问题,而且更具有创新精神。常州纺织服装职业技术学院创意与艺术设计学院有其优越的选课制度,每学期全校开设的各种课程,学生可以根据自己的志趣、特长,自由的选课,甚至可以在整个大学城其它五所大学中选课,共认学分。这有利于复合型、创新型人才的成长。
我院数字媒体专业分为网络传播与商务网站设计、多媒体与影视动画两个方向。下面以网络传播与商务网站设计这一专业方向为例,探讨其人才培养模式。
一、培养目标与定位
随着国内外电子商务类网站的发展,网上购物已经成为巨大的消费模式。国外的EBAY,AMAZON和国内的淘宝、阿里巴巴等电子商务类网站发展迅速。网络传播与商务网站设计方向主要是针对电子商务类网站的架构和设计、Flash网络动画的设计与制作。我们应培养具有一定美术、网络、电子商务等基础知识,能够熟练运用计算机技术进行网页动画设计、电子商务网站建设、简单的网站后台编程等复合型应用人才。
二、课程体系
在制定网络传播与商务网站设计方向的课程体系时,我们借鉴学院领导所倡导的学生应具备的七项能力即学习能力;有益于社会,贡献于国家的能力;驾驭专业知识的能力;不断实践的能力;思辨和创新的能力;团队的相处、沟通与合作能力;信息搜索和处理能力,以确定专业基础课和专业主干课。
我们在课程设计中将技术、艺术和人文教育有机地贯穿到专业教学和实践过程中,使学生技艺并重,具备良好的职业综合素养。本专业的课程体系以数字媒体设计的能力为主线,编程与商务方面的知识为辅。其中主干课程有:图形设计、色彩、创意设计、网站设计艺术、PhotoShop软件应用、Flas、Fireworks软件应用、网页设计与制作、编程、Flash ActionScript语言应用、数据库技术应用、国际贸易实务、电子商务网站设计。
三、教学模式
网络传播与商务网站设计方向要求毕业生应具有较强的实操能力与创新能力。这些能力的培养应落实到课程体系中。本专业的所有课程都在可能的范围内,从不同程度实行“体验式”的教学模式。我们在教学中以“学生”为中心,根据所讲授的不同内容,设计出不同的体验情境,学生通过亲身的经历去感知、理解、感悟、验证教学内容的一种教学模式。
我们培养的是高职应用型人才,学生的“实践学习”固然重要,但他们的创新能力也不能忽略,“创新是一个民族进步的灵魂”。在网络传播与商务网站设计方向的教学中,我们既强调学生计算机软件的熟练操作,又强调艺术设计修养的学习。我们特别还重点加强学生创造性思维的训练,提高他们的创造能力和设计能力。例如我们所开设的创意设计、网站设计艺术、UI设计、广告设计等课程,就是为了培养学生的艺术创造力。
四、实践模式
我们在实践课程中注重与项目相结合。课程的设计主要以实际项目或模拟项目为例,学生通过选择某个主题项目完成作品,使学生在学习课程阶段就能了解数字艺术设计的方法和流程,并在项目指导老师的引导下,初步从事项目开发和设计。此类课程其考核方式为考查,允许学生组成小组共同完成作品,可以锻炼学生的协调组织能力和团队合作精神,为将来进入行业进行数字作品创作奠定良好基础。我们还在校内建立实训基地,如为学生开设的“百草根”商城。学生可以自行组织团队在“商城”中以团队形式成立“商铺”,在“商铺”中建立自己的品牌,还可以在“商铺”中展示作品,向外界宣传自己。建立此“网络商城”的主要目的是希望学生能在学习知识的同时,通过实践来巩固、提升自身知识水平,同时也锻炼学生的交流、合作、互助能力,为学生踏出校园、步入社会打好根基。除此之外,我们在校外建立实训基地,紧密依托现有的多家实习基地,如动画公司、广告公司、影视公司、电视台、网络公司、市中心商场等各类企业单位,经常邀请这些企业代表来学院讲座,使学生能及时了解行业发展趋势,同时也让企业了解学生,促进人才的竞争与双向选择。
（一）课程内容的选择
选择的课程内容要以职业资格为标准，使学生的知识、技能和价值观的学习融合为一体。高职生大多以形象思维为主，因此要设计和一定的环境和背景联系在一起的课程内容，重点在于让学生掌握“怎样做”和“怎样做更好”的过程性知识，陈述性知识为辅助。
（二）课程内容的排序
课程内容的排序包括形式上和实质上的序化结构。这要求对课程内容排序时，要从“3+6+6”这三方面考虑：一是从专业能力、方法能力和社会能力3个维度描述工作过程；二是从“对象、内容、手段、组织、产品、环境”6个要素描述；三是从“资讯、决策、计划、实施、检查、评价”6个步骤强调工作过程。
二、学习情境设计的基本思路
（一）通过分析岗位群和职业技能确定课程
课程设计的思路是依据对岗位群和对应的职业技能的分析，培养出适应于各行业移动应用的前端开发工程师、UI设计师、网站开发工程师、交互设计工程师等岗位的高端技能型专门人才。
（二）课程学习情境的挑选依据
作为基于工作过程系统化的《移动互联网站设计》课程，立足于移动互联网发展进入到第三个阶段的时代大背景，结合广东行业的发展现状以及新趋势下造成的人才缺口，认真解剖案例，是体现以学生为主体的学习领域课程，其教学方式上有如下特点：
（1）强调以学生直接经验的形式；
（2）增强学生关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能；
（3）通过典型移动互联网页的案例来设计与制作，来掌握融合于实践行动中的新知识、新技能。
（三）面向工作过程的学习情境的能力分析
从2011年起，我们就开始通过社会需求调研、毕业生回访、企业一线技术人员反馈信息、参加国家级职业技能大赛，形成和完善“移动互联网站设计”课程的典型工作任务，以源于企业、经过教学改造的典型网页为载体，重构了体现移动互联网站设计的工作过程性知识与技能体系的学习领域课程，更结合社会发展趋势形成了课程的学习情境。在设计课程的学习情境时，从专业能力、方法能力、社会能力三方面考虑：
1.专业能力
全面了解移动互联网站建设与管理等相关知识，掌握移动互联网站方案策划、设计、实现，根据产品需求和设计图完成网站前端页面制作，保证页面的浏览器兼容性，优化前端页面体验和页面响应速度，维护网站整体结构。
2.方法能力
掌握网站页面的JS等交互原型的制作，CSS、模板的维护，策划、设计各种网站专题页面，设计合适的网页风格设计；掌握静态HTML页面制作，网站皮肤整体设计，界面设计、CSS高级使用、动态网站的简单应用，能够做出独出心裁的页面设计及实用性高的作品。
3.社会能力
具备不断探索新技术发展方向，结合实际不断创新的能力，工作主动热情，有恒心和责任心，逻辑性强，注重细节，有良好的沟通能力和团队意识，能够胜任移动互联网站及移动互联应用界面的各类工作。
（四）课程学习情境的设置思路
经过在原有课程的几年探索和积累，依据当前移动互联网站设计的“对象、内容、手段、组织、产品、环境”的6个要素，从以下几个方面进行课程内容的设置。
1.从就业岗位的趋势需要出发
按照以技能为核心、市场职业岗位需求为导向选择教学内容。在实际调查的基础上，以网页设计、网站前端开发，网站建设的综合技能为主线，使学生掌握一个基础，培养学生五大关键能力并按教学内容划分五大模块的模块化教学内容体系。
2.以培养岗位综合技能为主线
这种基层岗位综合技能，是为了适应企事业单位在构建网站平台时对具有实践性人才的复合能力的要求。既区别于单独的网站建设的战略规划能力，又区别于以单独使用网站从事生产、营销、财务等职业技能。整个课程的教学内容以这种综合技能为主线进行设计。
3.培养学生具备适应变化的能力
包括够用的网页美术设计基础、网页语言基础、交互设计基础，以及网站规划、管理、基础维护等，且知识贯穿在实际应用中讲授，目标是让学生掌握必备的知识和原理，并具备适应不断变化的网页设计趋势的能力。
4.培养学生五大关键能力
本课程要重点培养学生的五大关键能力，即网页设计能力、网站建设、创新能力、与客户沟通能力、项目组内成员的合作能力。这五大能力是一个网站开发人员的获得成功的必备能力。在本课程中，在介绍基本知识、原理的基础上，重点放在围绕网站设计工作过程所需的实用技能上，并把这五种能力的培养贯穿本课程的始终。
5.符合形象思维特点的教学方法
采用项目出题法、项目模拟法、合作法、问调法、冲浪法、岗位法这6种与高职学生形象思维相适应的教学方法，为学生创设掌握与运用知识的背景和环境。
（1）项目出题法。
请企业人士或社区人员按照实际需求出题，或者教师从现存的实际网站或APP中挑选，根据当时讲授的内容对题目进行加工后提供给学生，这样学生所做的作业与企业相适应，培养出适合市场需求的人才。
（2）项目模拟法。
建立模拟网站、网页，开发实际软件项目。学生建立自己的个人主页，让学生在网上个人主页，学生全员参与评估；与此同时，把网上PC版的网页（网站）改为移动版本，传送到智能终端以检查效果。部分同学参与实际计算机软件项目的开发。
（3）合作法。
要求学生在课上课下以组为单位组成项目组，进行讨论、研究、设计本组的项目，形成本组的方案。这种方式既挖掘了学生的个人创新能力，又能培养沟通与协作能力。
（4）问调法。
组织学生进行校园、社区、社会调查。有条件时，直接访问企业一线人员，组织学生与企业人员的对话活动。
（5）网络冲浪法。
根据教学进度需要，引导学生登陆有关网站，收集并整理素材资料，了解行业企业状况，学习最新知识，思考与分析现实问题。
（6）岗位法。
以就业岗位为导向，实行以能力为中心的开放式、全程化的情景教学。
（五）基于工作过程系统化的学习情境
根据移动互联网站设计的主要应用和当前设计趋势，在课程内容上设计了如下的学习情境。
目前,在全国高职示范院校中推动的基于工作过程的工学结合课程模式,标志着我国正处于推进第三次高等职业教育课程改革中,该模式也正在成为引领和推动高职课程改革的主流模式[1]。
我系计算机网络技术专业很早就开设了“网页设计与制作”课程,借助学院一轮课程改革的热潮,在核心能力分析的基础上,以职业实践活动为导向,以必需够用为基础,征求行业、企业专家意见并进行论证,对岗位所需的技能、知识和职业能力素质进行分析,将岗位所需的核心能力融入教学体系中,提出了基于工作程导向的“网页设计与制作”课程改革。
1教育标准
“网页设计与制作”课程以培养学生成为一名优秀的网页制作人员为宗旨,以到网络等相关公司实现零距离上岗,担任网页制作等工作而无须企业重新培训为目标,注重实际操作和必备的基本能力的训练,使学生熟练掌握网页设计与制作中的各种操作技术,具备开发、维护小型网站的知识和能力。有助于学生深入学习计算机网络技术专业后续课程的知识和职业能力,有助于完善本专业学生的知识结构,提高学生从事实际工作的综合素质。
1.1企业的用人标准
为使我校课程教学满足实际需求,通过调研用人单位、企业专家探讨、文献分析、毕业生个案追踪等手段,对人才需求进行全面的调查和分析,职业岗位主要有网站管理员、网页制作人员、网站编辑,总结出各行各业的主要需求。
(1) 熟悉基本的办公软件,熟悉电脑各类软件的安装与使用等。
(2) 公司网站管理,域名注册、虚拟主机管理、企业网站文件管理、企业网站的建设、企业网站策划等。
(3) 公司电子商务活动,例如产品在互联网的营销宣传、网上交易活动等。
(4) 熟悉网站建设的流程和网页设计制作流程。
(5) 精通Dreamweaver、Fireworks、Flash等网页设计工具,掌握HTML、CSS,能够独立完成网站的规划和网页制作。
(6) 有一定的美术功底,具有良好的领悟能力及沟通能力。
在以上这些需求中,小公司往往要求员工样样能行,而专门的网页设计公司或大型企业则分工较细,比较注重员工在某方面的突出能力。
1.2课程的教学标准
根据企业用人标准和计算机网络技术专业的培养目标修订“网页设计与制作”课程教学大纲,制定本课程的教学标准[2]。
(1) 能力目标。熟悉网站建设的整套思路流程;能熟练地运用网页制作软件设计制作静态网页;具备设计网站的综合能力;具备搜集信息、处理信息、整合信息和准备、加工素材的能力;良好的自学能力。
(2) 知识目标。掌握网页的设计原理与技巧;掌握CCS样式的使用;熟练掌握网页制作方法;熟练掌握网页制作工具软件的使用;掌握网站的建设与管理和维护等知识;掌握HTML语言的使用;了解脚本的运用;掌握网页中图片的设计与制作方法;掌握网页中动画的设计与制作方法。
(3) 素质目标。具有一定网站策划能力,具有一定的想象力和创新能力,色彩感悟力强,结构布局能力强。
2教学改革
工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程,从而构成了该产品、该项目的工作过程系统。本课程遵循以职业能力为主线、以职业生涯为背景、以岗位需求为依据、以工作结构为框架、以工作情境为支撑、以工作过程为导向的教学模式,通过对工作过程的分析,把复杂工作系统即劳动组织关系、工作内容、设备和工具、从业者应具有的技能、知识等要素结构化[3]。
2.1基本思路
课程内容以市场为导向,及时对教学内容做出调整,删掉旧内容、补充新知识,培养有足够的理论基础、较强的创新能力和扎实的实践动手能力的人才。通过本课程的学习,要求学生能够利用Dreamweaver、Fireworks、Flash完成网站设计、制作的全过程,开发出具有一定规模的网站。授课时以制作一个个人网站和一个商业网站为主线,贯穿Dreamweaver、Fire- works、Flash的知识。
2.2以工作过程为导向将课程结构模块化将课程实践项目化
课程改革要符合基于工作过程的模块化体系的特征,即每个模块相对独立,每学完一个模块可以获得一项技能、知识或能力,模块的内容依据职业岗位工作过程的实际情形确定, 围绕工作过程组织课程内容,强调技能训练或能力培养,传授工作过程知识,模块之间可以灵活组合,以课程的拓展部分形式构成扩展能力模块,使学生知识结构更加完善,每个模块可以包括若干个二级模块,它们也有明确的行为目标和具体要求。
制定授课计划时,根据岗位技能需要来选取课程内容和安排顺序,并以职业能力培养为目标,设计工作项目,具体涉及工作任务、能力目标、知识目标、拓展性知识等等。一个完整的工作项目包含一系列的典型工作任务,工作项目要在典型的行业中取材,必须在进行充分的行业调研和对职业资格的研究的基础之上,通过对企业生产或服务情况的了解,选择出形成该行业职业能力所必需的工作任务,并对技术要求做出明确的定位。典型的工作是以工作结构呈现的,选定工作任务后,还要对其进行教学化处理,这样才能成为具有学习价值的教学项目,这要靠教师把教学内容融入到项目中,设计一个切实可行的项目。可以以真实网站但不拘于一成不变为实践项目,将实践与产品、项目结合起来,强调学生将所学知识和技能在实践中的应用,积极引导学生自主学习。每个任务分为基础型和拓展型两个类型,这样能避免传统的任务驱动中学生会做这个不会做那个的问题。学生完成后对其完成情况进行评价,及时解决学生普通存在的问题,对完成较好的学生给予肯定。
项目的实施过程为:学生明确任务并获取信息制定计划做出决定实施计划过程控制评定反馈。在该过程中,教师和学生在共同实施一个完整的“项目”中进行学习的行为,也就是以工作过程为导向,以实际工作的任务为主线,由学生自主构建知识与技能的过程,强调学生在学习中体验到实际工作的全过程。教师把设计好的项目向学生介绍,包括项目涉及到的概念以及该项目在实际工作中有哪些用途。根据“网页设计与制作”课程的知识、能力目标,要求学生开发一个个人网站和一个旅游网站。前者可以分解为几个工作任务:认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为制作多个类似页面(模板),后者根据商业网站的要求,要求布局合理、页面整齐美观、具有动态效果,网站风格应充分反映出企业性质,网页浏览人性化等,也可以分解为若干工作任务:写网站设计方案用Fireworks制作旅游网站中的图片用Flash制作旅游网站中的广告动画用Flash制作旅游网站中的导航动画制作旅游网站网站测试与上传。学生在完成项目的学习过程中,通过具体实施行业的典型工作任务,掌握操作技能,学习与工作情境相关的理论知识,形成良好的职业行为规范和职业习惯,达到从事职业的基本要求,为就业打下良好的基础。
3.3以网页设计大赛激发学生学习兴趣
我系每年都会举行一次网页设计大赛,由计算机网络技术教研室承办,学生可以独立参赛或者组成小组参赛,初评入围的选手可以进入决赛。大赛要求全系学生参加,每位参赛选手在台上展示自己的作品并进行相关陈述,然后由专业教师、企业专家组成的评委团打分,并由其中一名评委对选手的作品和语言表达进行点评,最后评选出优秀作品并颁发获奖证书和奖品。通过每年一度的比赛,充分提高了学生的学习积极性,同时还培养了学生的创新精神和口头表达能力。
3.4以作品评价代替传统理论考试
本课程的最终目的是要求学生应用所学知识,设计出个性化的特色网站,并上传到Internet供用户浏览访问。因此,传统的理论知识考试方式不能评价学生的学习成绩和能力水平,可以改用评价学生所做的网站作品作为期末考试。期末考试要求学生在100分钟内完成一个完整网站项目的设计与制作,项目中包含一个学期中所学过的全部知识点和技能点。其中30分钟浏览给出的网站素材,根据要求构思一个网站,写出该网站设计方案,网站设计方案要求包含网站主题、网站栏目设计、网站布局设计,70分钟制作页面,必须按网站设计方案的内容来制作页面。教师给出作品的最低标准:各页面均有主题,主题鲜明、突出,页面布局合理、结构清晰、规范,有效网页不少于2页,主页有logo、banner(必须用FLASH制作广告条),分页与主页风格统一,页面标题栏、状态栏、版权、ICP备案编号等信息齐全。
作品评价时,网站设计方案占30%,页面制作占70%。期末总评学习成绩由三部分组成:过程考核(平时到课考勤、上课回答问题和随堂作品)占30%、技能考核(课外分模块作品)占30%和期末考核(期末综合作品、期末上机考试)占40%。这种考核方式注重实践操作和应用开发能力的培养,可大大发挥学生的学习积极性和主动性。
4结语
基于工作过程导向的“网页设计与制作”课程把复杂、分散的各知识点、技能点综合起来,选取了制作个人网站和制作商业网站两大项目,每个项目分解为若干个工作任务,理论知识以工作任务为载体,核心能力与任务实现过程密切相关,课程实践内容是网站的实际项目,可以充分发掘学生的创造潜能,培养和提高他们的实践能力、动手能力、分析和综合能力,让每个学生都能体验到成功的乐趣。使高素质技能型专门人才培养定位更加准确,大大提高了学生的培养质量与就业能力。
参考文献:
[1] 姜大源. 职业教育学研究新论[M]. 北京:教育科学出版社,2007.
[2] 顿祖义. 项目化课程改革:高职院校教学工作的重要抓手[J]. 湖北民族学院学报:哲学社会科学版,2008,26(6):61-63.
[3] 张建国. 我国职教课程开发模式的演变及启示[J]. 职教论坛,2007(4):4-10.
Investigation of "Web Page Design and Making" Teaching Reform
Based on Work Process Direction
OU YANG Wei-hao, WU Zhen-feng, LUO Zhuo-jun
