关键词：web服务器；安全维护
中图分类号：TP393文献标识码：A文章编号：1009-3044(2012)06-1297-03
The Erection of a Web Server and Security Configuration
HUANG Shao-e
(Department,Shenzhen Baoan District Songgang People’s Hospital,Health Information，Shenzhen 518105,China)
Abstract：Objective: the Windows Server 2003 set up under the Web Server.Method:Set up Web sites and Web site performance configu? ration, ensure the Web server data information is safe and effective.Conclusion:ease web server risk, web server for more safely hospital medical care information transmission service work.
Key words: web server; security maintenance
在Windows Server 2003下架设Web服务器,IIS是微软公司主推的Web服务器组件，通过IIS组件可以架设WEB、FTP、Mail等服务器,于是下文主要详述如何架设Web服务器及其安全配置。
1架设Web服务器
1.1设备要求1.1.1硬件说明
无论硬件是否不同，以及运行哪一种平台，Apache的配置方法不变。
1.1.2软件要求
Windows Server 2003 SP2企业版原版光盘镜像、Sql Server 2000企业版、Microsoft Internet信息服务(IIS)6.0、Microsoft .NET Frame? work 3和 1.1。1.2安装IIS服务
步骤：单击开始-控制面板-添加或删除程序，单击左侧添加/删除Windows组件，双击应用程序服务器，勾选Internet信息服务（IIS），即IIS服务安装完成。如图1示：
图1 IIS服务的安装
1.3建立Web站点以及网站性能配置
步骤1：单击开始-管理工具-Internet信息服务（IIS）管理器，右键单击网站，选择新建-网站。如图2示。
图2建立Web站点
步骤2：网站的端口号一定要改为非80，避免端口号冲突。这也是说在一台服务器上可建立多个站点的方法之一，就是利用端口号的不同来建立多个站点。如图3示。
图3建立Web站点
步骤3：输入网站的主目录。
步骤4：设置权限。网站访问权限是限定用户访问网站时的权限，“读取”是必需的，“运行脚本”可以让站点支持ASP，其它权限可根据需要设置。到这步就完成了新网站的创建过程，在IIS中可以看到新建的网站。假设TCP端口设置为8080，则访问地址应写为“localhost:8080/”或“网站IP地址:8080”。如图4示。
图4网站访问权限设置
步骤5：解决权限不够的问题，只需为目录增加IIS的匿名用户的访问权限即可。
步骤6：解决默认文档不存在问题，修改网站属性中的文档属性，添加我们要设为默认主页的文档名。
步骤7：解决ASP页面不能执行。在IIS中，ASP文件必须在启用“Active Server Pages”时才能执行，如果安装IIS时，没有选中“Active Server Pages”，则服务器默认不启用“Active Server Pages”，也就不能执行ASP文件。启用“Active Server Pages”的方法是：打开“Internet信息服务管理器”，选中其中的“Web服务扩展”，然后启用里面的“Active Server Pages”。
2 Web服务器的安全配置
Web服务器架构[1]好之后，还需要进行适当的管理才能使数据信息安全有效。以下对其web服务器的安全管理进行详述。
2.1系统升级和端口保护
1) Windows Server 2003补丁升级
在Windows Server 2003安装好后，配置好网络后，则安装上补丁SP1。
2)端口保护
安装补丁、杀毒软件是必需的一种保护系统的方法，但Windows Server 2003的端口屏蔽可以通过自身防火墙来解决，这样比较好。Web服务器的架构安全性高来说，网络安全硬件需配置硬件防火墙，这样一来网络安全性得到高保障。还有启动TCP/IP端口的过滤和启用IPSec策略，为服务器的连接进行安全认证，给服务器加上双保险。
2.2禁用不必要的服务
1)在Windows Server 2003系统上默认禁用的服务不要启动[2]，如：Print Spooler、Remote Registry、TCP/IPNetBIOS、Helper、Server。
2)改名或卸载不安全组件，卸载最不安全的组件，最简单的办法是直接卸载后删除相应的程序文件，而最危险的组件是WSH和Shell。
3)防止列出用户组和系统进程
在【开始程序管理工具服务】，找到Workstation，停止它，禁用它。特别注意设置Serv-U所在的文件夹的权限，不要让IIS匿名用户有读取的权限，否则照样可以分析出管理员名和密码。
4）关闭shell组件，其目的就是为了防止攻击[3]者运行提升工具。于是，以上做了适当的配置管理才能确保数据信息安全[4]。
3小结
通过架设安全的Web服务器和强化现有Web服务器的安全，Web服务器的安全配置最大限度地保证了Web服务器的安全，web服务器更安全地为医院的医疗保健信息传播工作服务还需针对性地实施维护与管理。
参考文献：
[1]李洪,郭涵.Windows服务器中Web服务的安全配置[J].沈阳市科学技术情报研究所-科技成果纵横2010(6).
[2]蓝颖.探讨以Windows2003做WEB服务器的安全[J].科技信息,2010(16).
对“网页设计”课程进行项目课程开发，必须按照工作过程系统化的思路进行传统课程的全面改革［3］。根据计算机网络工程专业毕业生所面向的职业岗位之一———网页设计与制作员岗位，通过校企合作为途径，以职业导向、应用导向、行动导向为原则，以课程教学目标服从、服务于专业人才培养目标为原则，以知识、技能、态度三位一体为原则，按照实际工作过程设计教学和学习内容，对所讲授的知识进行解构和重构，形成新的理论框架，按照项目任务实施的需要进行相关知识和技能的培养和训练，形成包括课程教学大纲、课程计划、实施方案、实训、教学环节设计等环节的系统化内容体系。
二、行动导向教学法在“网页设计”课程的应用
(一)课程的总体设计对于“网页设计”这类面向应用的前沿课程，应该结合该课程自身实践性强的特色和通过查阅相关行业企业资料、咨询行业企业专家等手段对与网页设计制作员相应行业的人才结构现状、行业发展趋势、职业资格要求、学生就业去向等问题进行深入研究，据此确定课程教学目标。比如，要达到的专业能力如下:收集、处理信息、规划网站的能力，设计开发静态与动态网页的能力，设计开发网站的综合能力以及知识应用能力;要达到的方法能力如下:获取知识的能力、自我发展能力、创新能力、自主学习能力以及感悟能力;要达到的社会能力如下:表达能力、敬业精神、团队协作精神、沟通能力及责任感和效率观念。本课程在内容选择上摒弃了传统教学中按照知识的逻辑联系构建教学过程的思路，而采用行动导向的教学方法，教学内容的选择完全按照项目真实的工作程序，以完成具体网站项目所进行的活动为主线，对传统课程进行了解构与重构。首先，为达到教学目标，抽取出“网页设计”课程中应包含的包括网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML语言基础等12个知识单元。然后以实际项目为引领，将知识单元融合到具体项目的实施过程中，作为学习情境的载体，将总任务划分成若干子任务，采用教师按步骤演示、学生动手模仿的形式，通过共同完成任务，达到教学目标。现以项目企业宣传类网站建设为例，将课程内容分解为5个任务，分别为任务1:企业宣传网站设计规划，子任务;任务2:创建数据库表;任务3:制作静态页面;任务4:制作商品展示后台管理系统;任务5:网站的测试。通过这一项目的实施要达到的能力如下:表格布局网页的能力;收集、处理信息，规划网站的能力;创新能力以及自我发展能力。
(二)以行动为导向的课程实施“网页设计”课程的教学全部在多媒体网络实验室进行，在课堂的授课过程中，以真实的项目操作为基础，着重把握网页设计工作过程中的建站流程、策划、设计与制作、动画制作与动态网页制作等关键性技术的讲解与指导。行动导向教学法的实施包括“资讯、计划、决策、实施、检查、评估”等六个步骤，整个课程的教学以项目总任务的导入为起点，逐个完成总任务划分而成的子任务，其中，教师带领学生对所要完成的子任务进行分析，给出子任务的完成样本［4］。制订出任务计划，确定工作步骤、程序和内容。然后，以学生为中心，以“组内异质、组间同质”为原则，对学生进行分组，学生在教师的指导下边学边做，完成任务。项目结束后，学生提交学习成果，可以采取学生自评、小组互评、教师评价等多种方式对任务成果进行评估，其结果可以记录到总成绩。现以项目企业宣传类网站的建设为例，说明其中任务3———制作静态页面的教学实施过程。将教学安排划分成以下五个工作步骤:步骤1:明确任务(15分钟)。结合真实企业案例，通过教师讲解和启发学生共同分析，请学生思考完成任务所需的技术和实现步骤。步骤2:任务分析(15分钟)。教师通过多媒体演示、启发引导，学生分组讨论。步骤3:演示指导(30分钟)。教师通过幻灯片演示实际操作，学生跟随教师，构建新的内容。步骤4:学生练习(30分钟)。学生自主完成网站的静态页面的制作，教师辅助指导。步骤5:归纳总结(10分钟)。教师提出问题，学生归纳总结。
(三)课程的评价与考核教学评价是高校教学质量保证的无形指挥棒，目前高校的评价机制有很多，采用行动导向教学法必须对传统的“只注重结果，不注重过程，只注重分数，不注重积累”的教学评价与考核方式进行改革。应关注评价的多元性，注重学生的动手能力，即在实践中分析问题、解决问题的能力。课程考核采取形成性考核、项目完成情况考核和期末考核相结合的形式:形成性考核占总成绩的30%，项目完成情况考核占总成绩的40%，期末考核占总成绩的30%。形成性考核主要包括学生课堂的出勤率、课堂表现、作业以及一些需要较长时间才能形成、并易产生反复的指标(比如责任感、协作精神、判断及处理能力等)。项目完成情况考核主要包括课内项目和课外实训项目完成情况的考核，根据项目实施的各阶段，采用学生自评、学生互评和教师测评相结合的方式，针对学生综合运用所学知识解决问题和实际开发设计的能力给予评价。期末考核采用课程设计的形式，由学生独立完成一个网站的设计与制作，根据站点设计是否规范合理、作品是否实现主要功能、界面是否美观、布局是否合理、所用技术的全面性和最后设计报告的撰写情况给予评价。
三、结语
关键字EAStudio电子商务网站
SybaseEnterpriseApplicationStudio(EAStudio)3.0版的推出，使Sybase成为首屈一指的Web应用程序开发商。Sybase技术小组为响应用户的需求，想要开发一支实际使用的应用程序，以说明EAStudio3.0版对开发人员的益处。在经过讨论之后，技术小组决定建立一个电子商务网站。原因有二；电子商务网站是时下最热门的发财之道；此外，它可以充分展现网站架构的扩充能力。
技术小组决定设立一个名为eMusic的网站，在国际互联网上销售CD(在今年五月召开的PowerBuilder开发者大会上已经成功的进行了演示，效果非常好)。因为电子商务应用程序必须提供快速的网页服务功能，且能迅速处理商业交易。而EAServer正好能满足建立可扩充电子商务应用程序的一切需求，所以决定用EnterpriseApplicationServer(EAServer)作为eMusic网站的基础应用平台。
为了建立一个电子商务网站，技术小组通过7个步骤来完成：
步骤一：建立一个数据库
如果你是一名应用程序开发人员，你不会有太多时间花在数据库的建立上。这正是每个EAStudio产品内附AppModelerTM的原因。AppModeler以图形方式设计数据库，使任何开发人员建立数据库时，做得跟数据库管理人员一样出色，。
所以，当开发小组中的一员开始以AppModeler设计eMusic数据库的同时，其他小组成员则面临：针对应用程序各个不同部分，我们该使用哪一种技术。
步骤二：为用户选择技术
应用程序码的大部分是用来制作动态网站内容的格式和显示内容。eMusic必须有能力显示分类编排的CD目录，让使用者在需要深层分析某类产品或某张CD时，能取得更多信息。由于网站应用程序必须能高度扩充，且容易存取，所以技术小组决定用户端为瘦客户端（只需支持HTML和javascript）。
通过选用瘦客户端解决方案，技术小组保证，任何人只要拥有浏览器，就算是拥有老版本的浏览器，或国际互联网速度很慢的顾客，都可以利用eMusic网站来增加他们的音乐集。
EAStudio新增的WebDataWindow®完全符合瘦客户端的需求。开发人员可以利用DataWindowBuilder创建企业数据的显示方式。只要建立一个DataWindow，就可以在执行时间建立PowerBuilder、Java或Web用户端。因此，技术小组很快就为eMusic网站建立DataWindow，它可以显示数据库中各类音乐的清单，以及属于某一类音乐所有CD的清单。
步骤三：为eMusic网站设计网页
网站的开发并不是传统企业应用程序开发人员的职责，但若具备适当工具，这些开发人员也能很快成为网路开发人员。幸运的是，EAStudio提供了PowerSiteTM网站开发技术，可协助各类开发人员成为网络开发人员。
使用PowerSite，开发人员能快速建立网页，轻松拖曳一般网页组件——诸如HTML表格，以及其他HTML标识到网页——为客户特制各个网页。因此，技术小组就使用PowerSite迅速建构HTML网页，其中包括首页，以及确认使用者身份的顾客登入页。利用PowerSite，程序人员迅速编写为确认使用者身份的商业逻辑，当作服务器端描述语言。
你也能在PowerSite轻松建立需要动态内容，并使用DataWindow的网页。当浏览器请求网页时，EAServer会动态制作一个内含DataWindow的网页。因此，若是eMusic数据库新增一类音乐时，马上就可以显示在eMusic网站上。
步骤四：部署网站
在过去，网站的建立有时只完成一半的工作，因为部署实施工作同样困难。幸好，PowerSite可以让开发人员从开发环境部署网页。
值得一提的是，在部署期间，PowerSite将任何服务器端的描述语言码，从应用服务器独立模式转换到选作部署之用的应用服务器的语言。以eMusic网站为例，PowerSite部署应用服务器中立的描述语言，以便在EAServerDynaScript句法中确认使用者身份。PowerSite也可以为那些已经投资ActiveServerPage(ASP)服务器的厂家，把应用服务器中立的描述语言转换成ASP语法。
等到eMusic部署完成，技术小组大受鼓舞。他们在短时间内就建立一个网站，并展示来自数据库表格的动态内容。显然，由于DataWindow的功能，国际互联网上的资料变得异常简单。
步骤五：建立商业逻辑
到目前为止，技术小组已经在PowerSite开发eMusic网站，并以服务器端描述语言编好所有必要的逻辑。为了要使线上顾客可以下单购买CD，现在要编写真正的核心应用程序——商业逻辑，因为下单会牵涉到复杂的交易逻辑，诸如：核对客户信用资料，以及查看存货等。
选择工具
应用程序开发人员擅长编写商业逻辑程序码，且通常偏好某一种语言和组件模式。就许多情况而言，要PowerBuilder将商业逻辑程序码建立成非可视对象（NVO），是最有效率的做法。至于其他情况，可能需要Java、JavaBeans、其他语言或COM等组件模式。
EAServer可以灵活地部署交易用商业组件，它支持PowerBuilderNVO、JavaBeans、COM组件、C/C++组件，以及其他几种商业逻辑组件。一旦这些组件在EAServer部署完毕，任何用户端都可以存取这些组件——EAServer用户端可以是Web用户端、PowerBuilder用户端、COM用户端、Java用户端，或其他CORBA相容的任何用户端。EAServer内含的这些组件，不论是以什么语言编写，都可以互相沟通。因此，单笔EAServer交易可能涉及PowerBuilder与Java组件！
技术小组希望用PowerBuilder或是PowerJTM来建立交易组件,但最后决定：两者都用。技术小组表示，EAServer并不在乎以何去何种语言建立，而Web用户端则是不在乎使用何种组件。
决定组件
技术小组决定建立[购物车（ShoppingCart）]组件，以记录特定客户要购买的所有CD。购物车只需要2个外部公用方法（exteriorpublicmethods）:利用[新增项目（additem）],将CD放入购物车；而[购物（purchasc）]方法，则让客户能下单定购车内所有商品。
技术小组为EAServer建立一个交易用[下单（order）]组件，可访问顾客信用资料，并查看产品数据库，以确保有足够的CD存货。技术小组可以很容易的从[购物车]组件内使用[下单]组件。利用EAServer可以为多个组件设置状态，让它们在单个事务中完成任务。若将购买一张CD定义为一个事务，那么[购物]与[下单]组件都将参与事务，万一有问题，任何一个组件有能力返回整个事务。
步骤六：企业组件编码
有了PowerBuilder与PowerJ，[购物车]组件的实际编码作业变得异常容易。由于PowerBuilder与PowerJ都是高效率开发工具，可进行数据库存取，因此它们使用购物车表格来维护客户的购物车。
利用DataStore组件，技术小组可在购物车表格上提供更新与检索功能，并利用许多内建的数据使用方法，建立自己的商业逻辑组件。这项组件对任何建立EAServer分散式应用程序的开发人员来说，都非常有价值。
步骤七：由网路客户存取组件
建立eMusicWeb网站的最后一步，就是设法从Web用户端，调用商业逻辑组件中[新增项目]与[购买]方法。使用PowerSite，技术小组可以很容易就将描述语言，连上HTML网页上适当的按钮，将CD加到购物车，购买车上所有产品。要为EAServer组件建立Java调用代码很简单，所以即便是PowerBuilderNVO组件，也可以利用JavacreateComponent方法，从EAServer描述性语言调用相应的NVO组件。
结语
关键字EAStudio电子商务网站
SybaseEnterpriseApplicationStudio(EAStudio)3.0版的推出，使Sybase成为首屈一指的Web应用程序开发商。Sybase技术小组为响应用户的需求，想要开发一支实际使用的应用程序，以说明EAStudio3.0版对开发人员的益处。在经过讨论之后，技术小组决定建立一个电子商务网站。原因有二；电子商务网站是时下最热门的发财之道；此外，它可以充分展现网站架构的扩充能力。
技术小组决定设立一个名为eMusic的网站，在国际互联网上销售CD(在今年五月召开的PowerBuilder开发者大会上已经成功的进行了演示，效果非常好)。因为电子商务应用程序必须提供快速的网页服务功能，且能迅速处理商业交易。而EAServer正好能满足建立可扩充电子商务应用程序的一切需求，所以决定用EnterpriseApplicationServer(EAServer)作为eMusic网站的基础应用平台。
为了建立一个电子商务网站，技术小组通过7个步骤来完成：
步骤一：建立一个数据库
如果你是一名应用程序开发人员，你不会有太多时间花在数据库的建立上。这正是每个EAStudio产品内附AppModelerTM的原因。AppModeler以图形方式设计数据库，使任何开发人员建立数据库时，做得跟数据库管理人员一样出色，。
所以，当开发小组中的一员开始以AppModeler设计eMusic数据库的同时，其他小组成员则面临：针对应用程序各个不同部分，我们该使用哪一种技术。
步骤二：为用户选择技术
应用程序码的大部分是用来制作动态网站内容的格式和显示内容。eMusic必须有能力显示分类编排的CD目录，让使用者在需要深层分析某类产品或某张CD时，能取得更多信息。由于网站应用程序必须能高度扩充，且容易存取，所以技术小组决定用户端为瘦客户端（只需支持HTML和javascript）。
通过选用瘦客户端解决方案，技术小组保证，任何人只要拥有浏览器，就算是拥有老版本的浏览器，或国际互联网速度很慢的顾客，都可以利用eMusic网站来增加他们的音乐集。
EAStudio新增的WebDataWindow®完全符合瘦客户端的需求。开发人员可以利用DataWindowBuilder创建企业数据的显示方式。只要建立一个DataWindow，就可以在执行时间建立PowerBuilder、Java或Web用户端。因此，技术小组很快就为eMusic网站建立DataWindow，它可以显示数据库中各类音乐的清单，以及属于某一类音乐所有CD的清单。
步骤三：为eMusic网站设计网页
网站的开发并不是传统企业应用程序开发人员的职责，但若具备适当工具，这些开发人员也能很快成为网路开发人员。幸运的是，EAStudio提供了PowerSiteTM网站开发技术，可协助各类开发人员成为网络开发人员。
使用PowerSite，开发人员能快速建立网页，轻松拖曳一般网页组件——诸如HTML表格，以及其他HTML标识到网页——为客户特制各个网页。因此，技术小组就使用PowerSite迅速建构HTML网页，其中包括首页，以及确认使用者身份的顾客登入页。利用PowerSite，程序人员迅速编写为确认使用者身份的商业逻辑，当作服务器端描述语言。
你也能在PowerSite轻松建立需要动态内容，并使用DataWindow的网页。当浏览器请求网页时，EAServer会动态制作一个内含DataWindow的网页。因此，若是eMusic数据库新增一类音乐时，马上就可以显示在eMusic网站上。
步骤四：部署网站
在过去，网站的建立有时只完成一半的工作，因为部署实施工作同样困难。幸好，PowerSite可以让开发人员从开发环境部署网页。
值得一提的是，在部署期间，PowerSite将任何服务器端的描述语言码，从应用服务器独立模式转换到选作部署之用的应用服务器的语言。以eMusic网站为例，PowerSite部署应用服务器中立的描述语言，以便在EAServerDynaScript句法中确认使用者身份。PowerSite也可以为那些已经投资ActiveServerPage(ASP)服务器的厂家，把应用服务器中立的描述语言转换成ASP语法。
等到eMusic部署完成，技术小组大受鼓舞。他们在短时间内就建立一个网站，并展示来自数据库表格的动态内容。显然，由于DataWindow的功能，国际互联网上的资料变得异常简单。
步骤五：建立商业逻辑
到目前为止，技术小组已经在PowerSite开发eMusic网站，并以服务器端描述语言编好所有必要的逻辑。为了要使线上顾客可以下单购买CD，现在要编写真正的核心应用程序——商业逻辑，因为下单会牵涉到复杂的交易逻辑，诸如：核对客户信用资料，以及查看存货等。
选择工具
应用程序开发人员擅长编写商业逻辑程序码，且通常偏好某一种语言和组件模式。就许多情况而言，要PowerBuilder将商业逻辑程序码建立成非可视对象（NVO），是最有效率的做法。至于其他情况，可能需要Java、JavaBeans、其他语言或COM等组件模式。
EAServer可以灵活地部署交易用商业组件，它支持PowerBuilderNVO、JavaBeans、COM组件、C/C++组件，以及其他几种商业逻辑组件。一旦这些组件在EAServer部署完毕，任何用户端都可以存取这些组件——EAServer用户端可以是Web用户端、PowerBuilder用户端、COM用户端、Java用户端，或其他CORBA相容的任何用户端。EAServer内含的这些组件，不论是以什么语言编写，都可以互相沟通。因此，单笔EAServer交易可能涉及PowerBuilder与Java组件！
技术小组希望用PowerBuilder或是PowerJTM来建立交易组件,但最后决定：两者都用。技术小组表示，EAServer并不在乎以何去何种语言建立，而Web用户端则是不在乎使用何种组件。
决定组件
技术小组决定建立[购物车（ShoppingCart）]组件，以记录特定客户要购买的所有CD。购物车只需要2个外部公用方法（exteriorpublicmethods）:利用[新增项目（additem）],将CD放入购物车；而[购物（purchasc）]方法，则让客户能下单定购车内所有商品。
技术小组为EAServer建立一个交易用[下单（order）]组件，可访问顾客信用资料，并查看产品数据库，以确保有足够的CD存货。技术小组可以很容易的从[购物车]组件内使用[下单]组件。利用EAServer可以为多个组件设置状态，让它们在单个事务中完成任务。若将购买一张CD定义为一个事务，那么[购物]与[下单]组件都将参与事务，万一有问题，任何一个组件有能力返回整个事务。
步骤六：企业组件编码
有了PowerBuilder与PowerJ，[购物车]组件的实际编码作业变得异常容易。由于PowerBuilder与PowerJ都是高效率开发工具，可进行数据库存取，因此它们使用购物车表格来维护客户的购物车。
利用DataStore组件，技术小组可在购物车表格上提供更新与检索功能，并利用许多内建的数据使用方法，建立自己的商业逻辑组件。这项组件对任何建立EAServer分散式应用程序的开发人员来说，都非常有价值。
步骤七：由网路客户存取组件
建立eMusicWeb网站的最后一步，就是设法从Web用户端，调用商业逻辑组件中[新增项目]与[购买]方法。使用PowerSite，技术小组可以很容易就将描述语言，连上HTML网页上适当的按钮，将CD加到购物车，购买车上所有产品。要为EAServer组件建立Java调用代码很简单，所以即便是PowerBuilderNVO组件，也可以利用JavacreateComponent方法，从EAServer描述性语言调用相应的NVO组件。
结语
关键字EAStudio电子商务网站
SybaseEnterpriseApplicationStudio(EAStudio)3.0版的推出，使Sybase成为首屈一指的Web应用程序开发商。Sybase技术小组为响应用户的需求，想要开发一支实际使用的应用程序，以说明EAStudio3.0版对开发人员的益处。在经过讨论之后，技术小组决定建立一个电子商务网站。原因有二；电子商务网站是时下最热门的发财之道；此外，它可以充分展现网站架构的扩充能力。
技术小组决定设立一个名为eMusic的网站，在国际互联网上销售CD(在今年五月召开的PowerBuilder开发者大会上已经成功的进行了演示，效果非常好)。因为电子商务应用程序必须提供快速的网页服务功能，且能迅速处理商业交易。而EAServer正好能满足建立可扩充电子商务应用程序的一切需求，所以决定用EnterpriseApplicationServer(EAServer)作为eMusic网站的基础应用平台。
为了建立一个电子商务网站，技术小组通过7个步骤来完成：
步骤一：建立一个数据库
如果你是一名应用程序开发人员，你不会有太多时间花在数据库的建立上。这正是每个EAStudio产品内附AppModelerTM的原因。AppModeler以图形方式设计数据库，使任何开发人员建立数据库时，做得跟数据库管理人员一样出色，。
所以，当开发小组中的一员开始以AppModeler设计eMusic数据库的同时，其他小组成员则面临：针对应用程序各个不同部分，我们该使用哪一种技术。
步骤二：为用户选择技术
应用程序码的大部分是用来制作动态网站内容的格式和显示内容。eMusic必须有能力显示分类编排的CD目录，让使用者在需要深层分析某类产品或某张CD时，能取得更多信息。由于网站应用程序必须能高度扩充，且容易存取，所以技术小组决定用户端为瘦客户端（只需支持HTML和javascript）。
通过选用瘦客户端解决方案，技术小组保证，任何人只要拥有浏览器，就算是拥有老版本的浏览器，或国际互联网速度很慢的顾客，都可以利用eMusic网站来增加他们的音乐集。
EAStudio新增的WebDataWindow®完全符合瘦客户端的需求。开发人员可以利用DataWindowBuilder创建企业数据的显示方式。只要建立一个DataWindow，就可以在执行时间建立PowerBuilder、Java或Web用户端。因此，技术小组很快就为eMusic网站建立DataWindow，它可以显示数据库中各类音乐的清单，以及属于某一类音乐所有CD的清单。
步骤三：为eMusic网站设计网页
网站的开发并不是传统企业应用程序开发人员的职责，但若具备适当工具，这些开发人员也能很快成为网路开发人员。幸运的是，EAStudio提供了PowerSiteTM网站开发技术，可协助各类开发人员成为网络开发人员。
使用PowerSite，开发人员能快速建立网页，轻松拖曳一般网页组件——诸如HTML表格，以及其他HTML标识到网页——为客户特制各个网页。因此，技术小组就使用PowerSite迅速建构HTML网页，其中包括首页，以及确认使用者身份的顾客登入页。利用PowerSite，程序人员迅速编写为确认使用者身份的商业逻辑，当作服务器端描述语言。
你也能在PowerSite轻松建立需要动态内容，并使用DataWindow的网页。当浏览器请求网页时，EAServer会动态制作一个内含DataWindow的网页。因此，若是eMusic数据库新增一类音乐时，马上就可以显示在eMusic网站上。
步骤四：部署网站
在过去，网站的建立有时只完成一半的工作，因为部署实施工作同样困难。幸好，PowerSite可以让开发人员从开发环境部署网页。
值得一提的是，在部署期间，PowerSite将任何服务器端的描述语言码，从应用服务器独立模式转换到选作部署之用的应用服务器的语言。以eMusic网站为例，PowerSite部署应用服务器中立的描述语言，以便在EAServerDynaScript句法中确认使用者身份。PowerSite也可以为那些已经投资ActiveServerPage(ASP)服务器的厂家，把应用服务器中立的描述语言转换成ASP语法。
等到eMusic部署完成，技术小组大受鼓舞。他们在短时间内就建立一个网站，并展示来自数据库表格的动态内容。显然，由于DataWindow的功能，国际互联网上的资料变得异常简单。
步骤五：建立商业逻辑
到目前为止，技术小组已经在PowerSite开发eMusic网站，并以服务器端描述语言编好所有必要的逻辑。为了要使线上顾客可以下单购买CD，现在要编写真正的核心应用程序——商业逻辑，因为下单会牵涉到复杂的交易逻辑，诸如：核对客户信用资料，以及查看存货等。
选择工具
应用程序开发人员擅长编写商业逻辑程序码，且通常偏好某一种语言和组件模式。就许多情况而言，要PowerBuilder将商业逻辑程序码建立成非可视对象（NVO），是最有效率的做法。至于其他情况，可能需要Java、JavaBeans、其他语言或COM等组件模式。
EAServer可以灵活地部署交易用商业组件，它支持PowerBuilderNVO、JavaBeans、COM组件、C/C++组件，以及其他几种商业逻辑组件。一旦这些组件在EAServer部署完毕，任何用户端都可以存取这些组件——EAServer用户端可以是Web用户端、PowerBuilder用户端、COM用户端、Java用户端，或其他CORBA相容的任何用户端。EAServer内含的这些组件，不论是以什么语言编写，都可以互相沟通。因此，单笔EAServer交易可能涉及PowerBuilder与Java组件！
技术小组希望用PowerBuilder或是PowerJTM来建立交易组件,但最后决定：两者都用。技术小组表示，EAServer并不在乎以何去何种语言建立，而Web用户端则是不在乎使用何种组件。
决定组件
技术小组决定建立[购物车（ShoppingCart）]组件，以记录特定客户要购买的所有CD。购物车只需要2个外部公用方法（exteriorpublicmethods）:利用[新增项目（additem）],将CD放入购物车；而[购物（purchasc）]方法，则让客户能下单定购车内所有商品。
技术小组为EAServer建立一个交易用[下单（order）]组件，可访问顾客信用资料，并查看产品数据库，以确保有足够的CD存货。技术小组可以很容易的从[购物车]组件内使用[下单]组件。利用EAServer可以为多个组件设置状态，让它们在单个事务中完成任务。若将购买一张CD定义为一个事务，那么[购物]与[下单]组件都将参与事务，万一有问题，任何一个组件有能力返回整个事务。
步骤六：企业组件编码
有了PowerBuilder与PowerJ，[购物车]组件的实际编码作业变得异常容易。由于PowerBuilder与PowerJ都是高效率开发工具，可进行数据库存取，因此它们使用购物车表格来维护客户的购物车。
利用DataStore组件，技术小组可在购物车表格上提供更新与检索功能，并利用许多内建的数据使用方法，建立自己的商业逻辑组件。这项组件对任何建立EAServer分散式应用程序的开发人员来说，都非常有价值。
步骤七：由网路客户存取组件
建立eMusicWeb网站的最后一步，就是设法从Web用户端，调用商业逻辑组件中[新增项目]与[购买]方法。使用PowerSite，技术小组可以很容易就将描述语言，连上HTML网页上适当的按钮，将CD加到购物车，购买车上所有产品。要为EAServer组件建立Java调用代码很简单，所以即便是PowerBuilderNVO组件，也可以利用JavacreateComponent方法，从EAServer描述性语言调用相应的NVO组件。
结语
摘要 PowerBuilder 作为一个优秀的数据库前端开发工具一直得到全球开发者的喜爱，而Sybase Enterprise Application Studio (EAStudio)3.0版的推出，使Sybase成为首屈一指的Web应用程序开发商。本文讲解了如何应用EAStudio，通过七个步骤立一个在国际互联网上销售CD的电子商务网站。 关键字 EAStudio 电子商务网站 Sybase Enterprise Application Studio (EAStudio)3.0版的推出，使Sybase成为首屈一指的Web应用程序开发商。Sybase技术小组为响应用户的需求，想要开发一支实际使用的应用程序，以说明EAStudio 3.0版对开发人员的益处。在经过讨论之后，技术小组决定建立一个电子商务网站。原因有二；电子商务网站是时下最热门的发财之道；此外，它可以充分展现网站架构的扩充能力。 技术小组决定设立一个名为eMusic的网站，在国际互联网上销售CD(在今年五月召开 的PowerBuilder开发者大会上已经成功的进行了演示，效果非常好)。因为电子商务应用程序必须提供快速的网页服务功能，且能迅速处理商业交易。而EAServer 正好能满足建立可扩充电子商务应用程序的一切需求，所以决定用Enterprise Application Server (EAServer)作为eMusic网站的基础应用平台。 为了建立一个电子商务网站，技术小组通过7个步骤来完成： 步骤一：建立一个数据库 如果你是一名应用程序开发人员，你不会有太多时间花在数据库的建立上。这正是每个EAStudio产品内附AppModelerTM的原因。AppModeler以图形方式设计数据库，使任何开发人员建立数据库时，做得跟数据库管理人员一样出色，。 所以，当开发小组中的一员开始以AppModeler设计eMusic数据库的同时，其他小组成员则面临：针对应用程序各个不同部分，我们该使用哪一种技术。 步骤二：为用户选择技术 应用程序码的大部分是用来制作动态网站内容的格式和显示内容。eMusic必须有能力显示分类编排的CD目录，让使用者在需要深层分析某类产品或某张CD时，能取得更多信息。由于网站应用程序必须能高度扩充，且容易存取，所以技术小组决定用户端为瘦客户端（只需支持HTML和JavaScript）。 通过选用瘦客户端解决方案，技术小组保证，任何人只要拥有浏览器，就算是拥有老版本的浏览器，或国际互联网速度很慢的顾客，都可以利用eMusic网站来增加他们的音乐集。 EAStudio新增的Web Data Window®完全符合瘦客户端的需求。开发人员可以利用Data Window Builder创建企业数据的显示方式。只要建立一个Data Window，就可以在执行时间建立PowerBuilder、Java或Web用户端。因此，技术小组很快就为eMusic网站建立Data Window，它可以显示数据库中各类音乐的清单，以及属于某一类音乐所有CD的清单。 步骤三：为eMusic网站设计网页 网站的开发并不是传统企业应用程序开发人员的职责，但若具备适当工具，这些开发人员也能很快成为网路开发人员。幸运的是，EAStudio提供了PowerSiteTM网站开发技术，可协助各类开发人员成为网络开发人员。 使用PowerSite，开发人员能快速建立网页，轻松拖曳一般网页组件——诸如HTML表格，以及其他HTML标识到网页——为客户特制各个网页。因此，技术小组就使用PowerSite迅速建构HTML网页，其中包括首页，以及确认使用者身份的顾客登入页。利用PowerSite，程序人员迅速编写为确认使用者身份的商业逻辑，当作服务器端描述语言。 你也能在PowerSite轻松建立需要动态内容，并使用Data Window的网页。当浏览器请求网页时，EAServer会动态制作一个内含Data Window的网页。因此，若是eMusic数据库新增一类音乐时，马上就可以显示在eMusic网站上。 步骤四：部署网站 在过去，网站的建立有时只完成一半的工作，因为部署实施工作同样困难。幸好，PowerSite可以让开发人员从开发环境部署网页。 值得一提的是，在部署期间，PowerSite将任何服务器端的描述语言码，从应用服务器独立模式转换到选作部署之用的应用服务器的语言。以eMusic网站为例，PowerSite部署应用服务器中立的描述语言，以便在EAServer DynaScript句法中确认使用者身份。PowerSite也可以为那些已经投资Active Server Page( ASP)服务器的厂家，把应用服务器中立的描述语言转换成ASP语法。 等到eMusic部署完成，技术小组大受鼓舞。他们在短时间内就建立一个网站，并展示来自数据库表格的动态内容。显然，由于Data Window的功能，国际互联网上的资料变得异常简单。
步骤五：建立商业逻辑 到目前为止，技术小组已经在PowerSite开发eMusic网站，并以服务器端描述语言编好所有必要的逻辑。为了要使线上顾客可以下单购买CD，现在要编写真正的核心应用程序——商业逻辑，因为下单会牵涉到复杂的交易逻辑，诸如：核对客户信用资料，以及查看存货等。 选择工具 应用程序开发人员擅长编写商业逻辑程序码，且通常偏好某一种语言和组件模式。就许多情况而言，要PowerBuilder将商业逻辑程序码建立成非可视对象（NVO），是最有效率的做法。至于其他情况，可能需要Java、JavaBeans、其他语言或COM等组件模式。 EAServer可以灵活地部署交易用商业组件，它支持PowerBuilder NVO、JavaBeans、COM组件、C/C++组件，以及其他几种商业逻辑组件。一旦这些组件在EAServer部署完毕，任何用户端都可以存取这些组件——EAServer用户端可以是Web用户端、PowerBuilder用户端、COM用户端、Java用户端，或其他CORBA相容的任何用户端。EAServer内含的这些组件，不论是以什么语言编写，都可以互相沟通。因此，单笔EAServer交易可能涉及PowerBuilder与Java组件！ 技术小组希望用PowerBuilder或是PowerJTM来建立交易组件，但最后决定：两者都用。技术小组表示，EAServer并不在乎以何去何种语言建立，而Web用户端则是不在乎使用何种组件。 决定组件 技术小组决定建立[购物车（Shopping Cart）]组件，以记录特定客户要购买的所有CD。购物车只需要2个外部公用方法（exterior public methods）:利用[新增项目（additem）]，将CD放入购物车；而[购物（purchasc）]方法，则让客户能下单定购车内所有商品。 技术小组为EAServer建立一个交易用[下单（order）]组件，可访问顾客信用资料，并查看产品数据库，以确保有足够的CD存货。技术小组可以很容易的从[购物车]组件内使用[下单]组件。利用EAServer可以为多个组件设置状态，让它们在单个事务中完成任务。若将购买一张CD定义为一个事务，那么[购物]与[下单]组件都将参与事务，万一有问题，任何一个组件有能力返回整个事务。 步骤六：企业组件编码 有了PowerBuilder与PowerJ，[购物车]组件的实际编码作业变得异常容易。由于PowerBuilder与PowerJ都是高效率开发工具，可进行数据库存取，因此它们使用购物车表格来维护客户的购物车。 利用Data Store组件，技术小组可在购物车表格上提供更新与检索功能，并利用许多内建的数据使用方法，建立自己的商业逻辑组件。这项组件对任何建立EAServer分散式应用程序的开发人员来说，都非常有价值。 步骤七：由网路客户存取组件 建立eMusic Web网站的最后一步，就是设法从Web用户端，调用商业逻辑组件中[新增项目]与[购买]方法。使用PowerSite，技术小组可以很容易就将描述语言，连上HTML网页上适当的按钮，将CD加到购物车，购买车上所有产品。要为EAServer组件建立Java调用代码很简单，所以即便是PowerBuilder NVO组件，也可以利用Java createComponent方法，从EAServer描述性语言调用相应的NVO组件。 结语
建立一个可高度扩充的电子商务应用程序，本来是相当耗费人力的工作，最后却变得一点也不费事。这是因为使用Data Window Builder建立动态内容，再自动转换成HTML网页格式，几乎不需要编写任何HTML程序。由PowerSite负责的网站部署工作，以及商业逻辑组件的建立，都不会比为建立客户/服务器结构的应用程序更困难。 由于技术小组eMusic网站建置的成功，以及他们在北美7大城市宣扬其应用程序建构的经验与心得，并获得广大回响，都足以证明Sybase已经在电子商务应用程序开发领域取得领导地位。
关键词：网页设计；心智技能；活动原型构建
中图分类号：TP393 文献标识码：A 文章编号：16727800（2013）009014303
作者简介：秦书荣（1987-），女，硕士，广东农工商职业技术学院艺术系实验员，研究方向为网站建设、二维及三维动画设计、影音编辑；李冬睿（1983-），男，硕士，广东农工商职业技术学院计算机系讲师，研究方向为图形图像处理、模式识别、嵌入式控制；梁仲佳（1992-），男，广东农工商职业技术学院艺术系学生，研究方向为图形图像处理、网页设计与制作、影视编辑。
0引言
《网页设计》是高职高专院校计算机科学技术应用类专业普遍开设的一门基础技能课程。该课程的核心目标在于培养学生的静态网页设计技能。然而，教学实践中，不少教育者发现该课程的教学效果并不理想，很多学生通过学习仍不能按照客户要求的功能效果和视觉效果独立进行网站规划和页面设计。究其原因，在于学生软件操作不娴熟，但更重要的是学生尚未掌握真正适用于工作实践的网页设计心智技能。为此，以职业实践所需要的心智技能为核心，探索培养学生网页设计心智技能的有效依据显得尤为必要。而构建活动原型作为心智技能培养的首要步骤，也必将引起高度重视。
1网页设计心智技能与原型
1.1网页设计心智技能
网页设计心智技能是设计领域的专有名词，暂未从查阅的资料中寻找到对它的直接解释。所以“网页设计心智技能”这一概念可以依据“网页设计”及“心智技能”的定义进行理解。
网页设计是对文字、图形、图像、表单、动画、音频、视频、超链接等网页元素进行色彩、版式等表现效果方面的设计，整合形成具备客户功能要求的页面与网站，以达到在互联网上进行人性化的、高效的信息传达。它的过程可描述为运用网页构思和设计知识进行网站总体效果的创意构思，对图像、文字、超链接等组成元素的表现形式进行设计继而完成主要页面的整体设计，然后借助“Photoshop”及“网页三剑客”等软件，根据前期的效果设计选择和应用相关工具制作网页各部分，并将其整合成完整而有实用价值的网站。认知心理学领域是技能培养的主要领域，本文借鉴该领域国内普遍认同的“心智技能”定义，即将其视为一种调节和控制心智活动的经验，是通过学习而形成的合乎法则的心智活动方式[1]。
综合上述有关定义，网页设计心智技能可理解为：在网页设计活动中通过有目的、有计划的学习或练习而形成的，普遍用以调节和控制网页构思、设计、制作等一系列符合网页设计规则的心智活动方式。
1.2原型
网页设计操作技能定向的对象是“Photoshop”及“网页三剑客”四款软件中各工具和命令固有的操作序列或步骤。这些操作序列或步骤是固有的，不需要重新创建。而网页设计心智技能定向的对象是网页设计活动的原型。“原型（Prototype）”，也叫“原样”，沿用J·R·安德森的观点，把“原型”视为外化的实践模式，或“物质化”了的操作活动程序[2]。“网页设计活动的原型”理解为，符合网站任务主题的解读与分析、网站的构思设计、元素的设计制作及整合等一系列规则的外化的网站设计活动的完整实践流程。
2网页设计活动原型创建
构建网页设计活动原型一般采用心理模拟法，它包含3个步骤：①网页设计活动的功能分析；②网页设计活动的结构分析；③功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象、条件与结果；结构分析的重点在于组成要素及要素之间的关系[3]。
网页设计活动的目标是能够高效地完成符合客户需求的静态网站，这需要具备网页设计的基础知识及基本操作技能。网页设计活动包含了“网站方案的设计”、“主要页面效果的设计与制作”、“html+CSS技术完成网页的基本制作”、“网页动画效果的设计与制作”4个典型的子活动。这些典型要素之间的关系可以描述为：要想高效地完成某项网站建设任务，首先需要设计网站总体方案，即在用户群体需求分析及网站主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网站功能模块，确定网站风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“UI版面初步布局”、“色彩定位”、“网站建设日程规划”等部分的网站总体方案文档；然后，根据前期方案中对“色彩”、“风格”及“UI版面布局”等的分析，依据页面设计原则，利用Photoshop绘制网站主要页面的整体造型，利用Firework制作切片；接着，借助Dreamwear软件，利用“Html+Css”技术完成包括“页头”、“导航”、“内容”、“页脚”等部分的页面制作，生成网页文件和样式表文件；最后，根据方案，利用Flash软件设计制作网页动画并添加到网页中，形成完整网站，如图1所示。该过程中任何环节如果出现问题都应该返回上一个步骤进行重新修改。
3网页设计典型子活动解析
结合上述对网页设计活动的功能与结构分析，发现网页设计活动原型中的4个典型子活动中又分别包含很多复杂程度不一的子步骤，需要进一步解析。
3.1网站方案设计
网站方案的设计对象是完整网站作品在人脑中的主观印象，它主要包含以下4个操作步骤。通过这4个步骤，可以完成网站方案中“前言”、“需求分析”、“系统分析”、“风格设计”、“UI版面初步布局”、“色彩定位”、“网站建设日程规划”等部分的撰写。
（1）色彩定位。网站设计人员接到任务后，要对市场前景、用户人群，网站主题进行分析，确定色彩组合。这个过程中往往需要考虑以下几个问题：①哪些色彩能够表达用户人群的特征？②哪些色彩能够反映网站主题？③网站是否具有季节性？④公司或机构是否有官方色彩？Logo的颜色是什么？⑤客户提供的图片色彩如何？网站设计者往往结合上述5个问题的答案，确定网站的主色，再依据色彩搭配的原则展开头脑风暴式的色彩组合，确定和谐的三色组、分裂互补三色组、互补色、类似色、暗色及亮色，最终完成网站的色彩定位。
（2）UI版面布局设计。网页常见的布局结构有“国”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、标题文本型布局及框架型布局等[4]。这些布局各具特色，适用于不同主题内容的网站。网站设计者要根据网页信息量，结合不同布局的特点，选择最符合客户需求的布局方式，并利用Photoshop软件完成网站的布局创意。
（3）网站功能模块分析与设计。结合客户的要求及公司或机构的性质，网站设计者需要对网站的功能模块进行规划设计，绘制出网站层次结构图，描述各功能模块及作用。该过程既需要设计者具有良好的系统性，又需要其能够合理地将网站要传达的信息进行分类。
（4）风格设计。网站设计者常常利用“重复—替换—调整—统一”的原则统一首页与其它子页的风格，即当主页设计完成后，设计者选择主页中易引起人兴趣的“图像”、“图标”、“字体”、“颜色”、“版式”等元素，在子页面中将这些元素进行“位置”、“大小”、“色彩”等方面的变化，再添加一些新的元素形成子页的完整设计。总之，子页的设计要力求与主页保持某种明朗的联系。
3.2主要页面效果设计与制作
主要页面效果设计与制作可以理解为网站方案的物化，该环节需要进行诸如想象、比较、判断与选择的心理步骤，同时还要求设计者具备扎实的美术基础、色彩设计基础及版式设计基础等。
（1）确定页面尺寸。一般来讲，目前大多数显示器为1 024px*768px，那么以此为默认显示器时，页面的尺寸一般设置为“1 007px*600px”。
（2）页面整体布局。在前期“UI版面布局”、“色彩与风格定位”的基础上，对主要页面进行整体造型，即页面中图形与文本层叠有序的结合。设计者们首先应该能够合理运用以下7项普遍认同的网页设计原则，即：①利用空白将彼此相关的项目归为一组，避免出现多个孤立视觉元素；②页面上任何一个元素应当与另一些元素存在某种对齐关系；③如果不同就让其截然不同，用对比来吸引浏览者；④选取页面中能引起人兴趣的“颜色”、“字体”、“图片”、“符号”等作为重复的要素，使页面内部及页面之间风格统一；⑤页面避免不必要的滚动；⑥避免使用闪烁文字；⑦时刻站在浏览者的角度展开页面设计。在上述原则的指引下，分别对页面整体及局部（包括页头、文本、页脚）进行“借鉴—创新”设计，具体过程可描述为在明确了页面色彩、风格、布局的基础上，搜索、观察和体验色彩、主题、布局上相似或相同的已有“优秀网页设计”，利用“通感”去反思这些优秀设计，直到领悟原有优秀设计的思想精华而非表象，借鉴原有设计的表现手法，使用新的手法在Photoshop 中创造出崭新的独特页面。
（3）利用Firework制作网页切片。网页设计者秉承“先横着切，后纵着切，保证后期预使用的切片完整无缺”的原则，在Firework中进行切片和优化。该过程比较简单，此处不做赘述。
3.3基于html+CSS技术的网页基本制作
页面制作是设计者利用制作技能，将前期构思和设计的页面在Dreamwear中转化成真实的效果。笔者强调运用Html+CSS技术完成网页的制作，是由于该技术具备以下优势：①表现和内容相分离；②页面浏览速度快；③易于维护和改版，符合Web2.0标准[5]。这一环节，设计者一方面需要以html+CSS的操作技能为基础，另一方面需要技巧、经验等心智技能成分的支持。它是根据页面制作的实际需要将单一的操作技能进行有机整合和应用的过程。该过程可描述为：①创建站点，设置参数；②运用“DIV+CSS”技术在Dreamwear中对已经设计好的页面进行重建，在相应的位置借助CSS将所需切片以“背景”的形式插入当页面中；③利用“Html元素+CSS”，依照设计的页面，完成“导航”、“链接”、“段落”、“列表”等方面的制作。
3.4网页动画效果设计与制作
为了吸引客户眼球，防止浏览者视觉疲劳，根据方案，网页设计者往往会在网页中添加动画效果，来修饰网页使网站整体更加美观。这个过程需要借助Flash软件，制作出需要的动画，然后利用“Html+CSS”技术将动画插入到需要的位置。网站中要添加的小动画不宜太多或太复杂，避免喧宾夺主。
4结语
网页设计心智技能的培养不是一蹴而就的，它的形成需要经过原型定向—原型操作—原型内化三个阶段[6]。不难发现，心智技能培养的关键在于“原型”，也即网页设计活动原型的创建是网页设计心智技能培养的焦点，在教学实践中有着举足轻重的作用。教育实践者应当依据网页设计活动原型展开教学和指导。虽然，创建原型仅是网页设计心智技能培养的初级阶段，但笔者相信，网页设计活动原型的创建势必会引起该领域教育研究者的关注，而探索如何将原型引入教学实践则是后续研究的重点。
参考文献：
[1]皮连生.教育心理学[M].上海：上海教育出版社，2004.
[2]JR安德森.认知心理学[M].长春：吉林教育出版社，1980.
[3]冯忠良.结构化与定向化教学心理学原理[M].北京：北京师范大学出版社，1998.
[4]吴丰，丁欣.Dreamweaver CS5网页设计与制作[M].北京：清华大学出版社，2012.
