前言：中文期刊网精心挑选了网页设计的流程范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。
网页设计的流程范文1
Abstract： The paper chose the business process of transferring hens from barton to henhouse in agriculture and animal husbandry breeding to model Petri nets and found time bottleneck by analyzing and calculating the model. According to principle ECRS proposed optimized scheme and evaluated the processes' efficiency of before and after optimization using the time index of process cycle. The result shows that the model is very effective in process optimization of the agriculture and animal husbandry breeding.
关键词： 农牧养殖；业务流程优化；Petri网模型；ECRS原则
Key words： agriculture and animal husbandry breeding；business process improvement；Petri nets model；ECRS
中图分类号：TP39 文献标识码：A 文章编号：1006-4311（2013）02-0011-03
0 引言
随着人们对农牧产品需求的增多，农牧产品供给能力不断扩大，农牧养殖业信息化步伐不断加快，加之食品安全问题频出，消费者希望养殖信息透明，吃上放心农牧产品，一些大型农牧养殖公司已经开始引入信息化管理养殖过程。母鸡是人们生活中最频繁食用的农牧产品，目前主要采取公司+农户方式养殖，即公司负责育种和孵化鸡苗，孵化出的鸡苗分发到农户管理的散养基地养至130天左右，公司回收这些小母鸡到育肥舍精养至180天左右，最后将达标的老母鸡出舍运往销售点销售。其中的育肥环节主要为了让农户散养的小母鸡统一达标并过滤药残，在此过程中同批进舍育肥的母鸡，到期出舍时有些母鸡可能会因不达标导致需要转舍继续喂养，为了能够准确追溯每只母鸡的养殖过程和核算养殖成本，需要引入RFID[1]等标签对母鸡进行识别。因此，需要对原母鸡转舍流程进行优化以适应信息化管理养殖。
业务流程优化首先需要对流程建模，然后对模型分析，最后针对分析的结果提出优化方案。目前使用的流程建模工具主要有：业务流程图法（Flow Chart）、IDEF模型系列、事件流程链（Event-driven Process Chain，EPC）、面向对象分析（OOA）、Petri网模型等[2]。
业务流程图建模法理解性良好，但是对流程改进能力较弱；IDEF模型系列[3]主要面向功能建模，有抽象机制，但是理解性一般；事件流程链主要面向客户建模，支持流程改造，但是计算机化能力较弱，而且无抽象机制；面向对象分析法建模以业务中的对象及其之间的关系为基础，计算机化能力较强，但是对系统分析评价太简单；Petri网[4]的建模方向是面向混合型，有计算机化能力和抽象机制，对系统分析评价能力强。综合考虑后，选择Petri网建模工具对母鸡转舍业务流程建模分析，并依据ECRS优化原则对业务流程优化。
1 母鸡转舍原业务流程建模分析
1.1 原业务流程描述 为了优化母鸡转舍业务流程，选择某鸡养殖公司开展调研，整理得到母鸡转舍原业务流程如图1所示。
1.2 原业务流程Petri网模型建立 根据原业务流程图建立母鸡转舍原业务流程的Petri网模型如图2所示，Petri网模型的库所、变迁含义以及耗费时间见表1。
对原业务流程的Petri模型分析是优化业务流程的基础和依据，先对建立的模型进行结构分析，然后选取指标进行性能分析。
1.3 Petri网模型的结构分析 结构分析主要对业务流程的Petri网模型进行正确性等基础性分析，保证其与实际业务过程是等价的，不存在死锁、冲突等异常结构。运用基于关联矩阵[5]的分析方法对所建立模型的结构进行分析。
假设母鸡转舍业务流程对应的关联矩阵为C，得出转置为
C■=-1 1 0 0 0 0 0 1 0 0 -1 1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 -1 0 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 -1 0 0 1 0 0 0 0 0 0 0 0 0 -1 1
由公式CTX=0可解得S_不变量：
x1=（1，1，1，1，1，1，1，0，0）T x2=（1，0，0，0，0，0，0，1，1）T
在方程组解中得到的S_不变量，当分量为1时表示托肯流经此库所，分量为0时表示托肯不流经此库所。托肯流经何条路线是不确定的，只要托肯的分布符合CTX=0就能保证结构上有界且守恒，但是S_不变量的个数是一定的，即由线性方程组CTX=0的自由变量个数来决定。
根据活性、有界性、可达性[6]的定义可知， 图中Petri网模型是活的、有界的和可达的， 从而验证了模型的正确与可行性。
1.4 Petri网模型的性能分析 性能分析主要考察流程中的评价指标，比如有效性、适应性、流程周期时间、效率、流程成本等，流程周期时间和效率具有相关性，而有效性和适应性度量起来比较困难，所以，一般选择流程成本和流程周期时间作为主要评价指标。选用流程周期时间作为母鸡转舍Petri网模型的主要性能评价指标。
在Petri网中时间参数[7]的计算主要依靠实体托肯的数据传递来实现。一般情况下，一个变迁中，托肯的时间参数发生如下变化：
OutToken.Time=InToken.Time+Waiting.Time
+Act.Time （1）
其中，InToken.Time表示变迁的输入时间；OutToken.Time表示变迁的输出时间；Waiting.Time是等待时间；Act.Time是处理时间。
Petri网模型中并行结构的时间计算公式是
OutToken.Time=
■■（InToken.Time+Waiting.Timei+Act.Timei） （2）
其中m是并行结构中每个串行结构的变迁数，n是并行结构中的串行结构个数。
Petri网模型中反馈结构的时间计算公式是
OutToken.Time=N×■（InToken.Time+Waiting.Timei
+Act.Timei） （3）
其中m是变迁的个数，N是反馈的次数。
在实际业务中，流程完成的时间在某一区间内是随机分布的，因此将随机性引入业务流程的模拟分析中以使得分析与实际更吻合。故设定部分任务的完成时间服从某一区间上的均匀分布。
由公式（1）（2）得公式（4），此业务流程平均周期时间计算公式为：
■=■■■（InToken.Time+Waiting.Timei+Act.Timei） （4）
其中InToken.Time初始为0，在这里我们假设所有变迁在托肯输入库所后立刻发生，即Waiting.Time=0。n是流程个数，m是每个流程的变迁个数。得出图1母鸡转育肥舍业务流程的平均周期为：
■=■■+2+■+■+
■+max2，■+2+30=72（min）
利用上述公式（1），得出每个变迁发生后的时间结果如表2所示。
通过对Petri网模型的结构分析，可知整个模型是正确可行的，与实际业务吻合。整个业务流程包含两个子流程，即P1P2P3P4P5P6P7，P1P8P9。结合模型定性和定量分析，可以总结出以下时间瓶颈：
①流程中最耗费时间并且对整个流程周期影响最大的是变迁T6，即会计将产品验收单送给财务部。实际上P5P6是图中并行结构流程中的一个子流程，所以T6与T7属于并列结构，T7较T6花费时间极少，从而T6的长时间花费严重影响了整个流程的效率。
②变迁T3分拣过称进舍耗时且费大量人力，最重要的一点是，进舍时，有可能会与上一批母鸡混养在一起，对母鸡的日龄很难掌握；
③对于耗时很短的T5和T7，仍然是纯手工填写单据，耗时耗力。
④产品码单与产品验收单中很多数据元素重复，会计统计时填写两张单据繁琐费时。
2 母鸡转舍业务流程优化
2.1 优化原则 在母鸡转舍业务流程优化过程中，采取ECRS原则[8]。
2.1.1 Eliminate（取消） 业务流程首选考虑某些动作有无取消的可能性，如不必要的辅助活动，不必要的搬运，等等，可一律取消。如果不能全部取消，可考虑部分取消。
2.1.2 Combine（合并） 合并即是将两个或两个以上的对象变成一个，如动作与动作的合并。当业务流程中出现能力不平衡，出现人员忙闲不均时，就需要对这些流程进行调整和合并。有些相同的工作完全可以合并在一道流程内。
2.1.3 Rearrange（重排） 重排就是通过改变业务流程中的环节，使工作的先后顺序重新组合，以达到改善工作的目的。如，前后流程的对换。
2.1.4 Simplify（简化） 经过取消、合并、重排之后，再对该项工作做深入的分析研究，使现行方法尽量简化，以最大限度地缩短作业时间，提高工作效率。
2.2 优化思路 根据分析发现的问题，遵循ECRS原则，母鸡转舍流程优化思路如下：
①通过使用ERP系统，自动生成需求单据，工作人员只需网上填写，多部门共享，省去很多时间，如原流程中变迁T6就可以取消，财务部直接在系统中可以调出产品验收单。T5、T7同理也可以取消。
②将产品码单与产品验收单合并为验收单，减少整个系统的数据类。
③引入RFID射频识别技术，在变迁T3分拣过称后给母鸡带上脚环，随时跟踪母鸡的饲养情况，解决了对母鸡的日龄和养殖成本很难测算的难题。
2.3 优化后的流程 根据优化方案可以得出母鸡转舍优化后的业务流程如图3所示。
3 优化后的业务流程Petri网模型建立与分析比较
建立母鸡转舍优化后业务流程的Petri网模型如图4所示，优化后Petri网模型的库所、变迁含义以及耗费时间见表3。
假设育肥舍进母鸡业务流程对应的关联矩阵为C，得转置矩阵为：
CT=-1 1 0 0 0 1 0 0 -1 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 -1 1
由公式CTX=0可解得S_不变量：
x1=（1，1，1，1，1，0，0）T x2=（1，0，0，0，0，1，1）T
根据活性、有界性、可达性的定义可知， 图中Petri网模型是活的、有界的和可达的， 从而验证了模型的正确与可行性。
同理利用上述公式（4），其中InToken.Time初始为0，在这里我们假设所有变迁在托肯输入库所后立刻发生，即Waiting.Time=0。得出图3的平均周期为：
■=■■+2+■+■+
■+2=49.5（min）
本文选用流程时间减少率和变迁数量减少率作为评价流程效率的综合指标，用流程时间减少率反映流程优化后流程总体时间减少的效果，用变迁数量减少的比率来评价过程改进因子。从上文模拟计算得出优化前后母鸡转育肥舍业务流程的平均周期分别为72分钟和49.5分钟，优化前后流程的变迁数量分别为8个和5个，整个流程时间减少率为31.25%，变迁数量减少率为37.5%。所以采取的优化措施是正确的，有效地简化了母鸡转育肥舍业务流程，缩短了流程周期，提高了流程执行效率，从而一定程度上地降低了流程的成本，增强了企业的核心竞争力。
4 结束语
文章研究利用Petri网对农牧养殖育肥舍业务流程建模分析，找出流程瓶颈问题，并依据ECRS原则优化流程。将此建模分析优化方法应用在某公司其他所有部门业务流程优化中，优化后的业务流程提高了业务效率，减少了流程周期时间。这对提高整个农牧养殖效率具有重要的作用。结果表明该建模分析方法在农牧养殖业业务流程优化过程中是有效的。
参考文献：
[1]张玉洁，刘军，贾利民，徐杰.RFID技术在铁路集装箱堆场进出口的应用[J].物流科技，2008，（2）：34-36.
[2]张玉洁.基于Petri网的铁路集装箱运输流程建模与优化研究[D].北京：北京交通大学，2007，12.
[3]李建中，陈良猷. IDEF 方法族在企业过程再造中的应用[J].工业工程，2000，3（3）：6-9.
[4]Murata T.，Petri Nets： Properties， Analysis and Applications. Proceedings of the IEEE，Vol.77，No.4，pages 541-580.April 1989.
[5] 徐新卫，方乐，周小东. 基于“ABCM-CPM-Petri”模型的销售配送流程优化[J].现代管理学，2011，（10）：51-54.
[6] 吴哲辉.Petri网导论[M].北京：机械工业出版社，2006：27-46.
网页设计的流程范文2
【关键词】新形势；电子商务网站；网页设计与制作；web标准
前言：
互联网时代的到来，改变了人们以往的生活习惯，而且对很多行业岗位产生了较大的影响，尤其催生了一批新型以电子商务为主要经营模式的企业。电子商务网站的网页设计在现代企业的实际运营管理过程中十分重要，不仅起到了宣传企业文化作用，而且也是企业拓展新业务、维护客户的重要平台，这是互联网时代的发展为现代企业单位开辟的新路径。
一、新形势下电子商务网站网页设计与制作的目标
所谓“新形势”指的就是当前快速发展的互联网时代影响下的社会环境的变化，以及人们思想意识的转变。随着各领域贸易的日益频繁，使得商家更依赖电子商务平台，因其成本低、信息资源丰富等特点受到了广大社会群体的认可。
（一）电子商务网站设计与制作的根本目的
在电子商务平台之上，我们可以清晰的看到商品本身的形态、特征以及价格，而且，越来越多样化的网站网页设计形式层出不穷，促使电子商务平台建设的格局逐步升级，新技术的涌现更是突显了电子商务模式的优势。从网站网页设计与制作的目标来看，能够以最直观、最有效的网站网页设计方案来吸引更多的顾客及促使其参与交易才是新形势下电子商务网站网页设计与制作的终极目标。
（二）网站网页设计与制作要能够技术合规且突出重点
具体来分析，对于电子商务网站的设计要突出其功能性，需要最新的电子计算机技术来为其做支撑，程序的设计一定要能够顺利运行，通常要经过测试以后才能够上线运行。对于电子商务的网页设计而言，结构和形式要突出层次感，内容要尽可能丰富，从而将电子商务的关键内容呈现在网页的重点区域，便于人们登录浏览。
二、电子商务网站网页设计与制作所需技术
对于电子商务网站网页设计来说，能够依托网络载体使得开展电子商务业务的企业将其业务有效的推广出去，就是一项成功的设计。在实践过程中，需要应用到很多计算机技术及电子商务设计软件。就以web标准为例来看，电子商务网站网页设计的思想是通过缜密的开发流程来体现的，通过对SHOPEX网上商店系统的制作，进而达到管理网店、拓展业务的目的。从实质上来看，Web标准不是单一的技术标准，而是一个完整的技术体系，其层次较为清晰。在Web标准的支撑下，设计者可以很好地将网站网页结构分割清楚，并能够提升网站开发的效率，降低设计及维护成本。总之，从Web标准的关键技术来看，整个技术体系都是以Web标准基本思想为基础，采用一套有效的开发流程，对SHOPEX网店系统进行电子商务网站的网页设计与制作，最终，这种开发流程在实践过程中得到了验证。
三、电子商务网站网页设计与制作过程
在具体进行电子商务网站网页的设计与制作的过程中，首先要分析目标网站网页的设计内容、方向、网站所要突出的重点等问题，然后，要缕清设计思路，规划出详尽的设计方案，做好网页结构的编排，最后，细化网站结构，完善网页制作的细节。只有按照规划好的流程来，采用合适的网页设计技术及软件，才可以将电子商务网站网页设计和制作的过程完成。
（一）电子商务网站网页的设计内容分析
通常情况下，网站设计的方案要符合当下人们的审美观，简单来说，就是要符合大多数人的视觉习惯，并需要做好合理规划。对于电子商务网站的设计而言，要能够利用大块区域来突出贸易活动的主体内容，并让企业的产品、服务等项目列在最为突出的位置上，只有本着重点突出的原则，才能让浏览网站的客户清楚的看到企业的业务及文化，从而令其产生交易的想法。
（二）网站网页结构编排与方案设计
以Web标准下的网店系统开发为例来看，在进行网页方案设计之前，网页模版的开发较为重要。在实际设计及制作的过程中，采用了SHOPEX网店系统开发的模版来为其做支撑，在每个设计模块区域放置一个独立的设计内容、产品或服务，这样就会令用户对电子商务平台上的功能及业务模块一目了然。最后，要进行网站网页内容的填充，逐步细化网站结构，增添时尚感的素材完善网页制作。
结束语：
通过分析电子商务网站网页设计的特殊性，结合基于web标准的制作技术，来进一步探究网络时代的发展对于电子商务网站网页设计及制作的影响，并提出完善电子商务网页网站设计和制作的具体策略。在web标准基本思想的推进下，开发了一套高效制作电子商务网站网页的系统，并且将其应用于实践，取得了良好的实践成果。总之，以web标准下为例来看，新形势下电子商务网站网页设计与制作已经不同以往，需要改换新型设计内容、结构设计、方案设计等内容，只有这样，才能突出现代电子商务网站网页的设计特点，抓住人们的视线，从而促进电子商务的快速发展。
参考文献：
[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03（03）：106-109.
[2]郑伟，张永良，郭伟，张学琴.《商务网页设计与制作》项目课程的开发与建设[J].杨凌职业技术学院学报，2010，04（04）：71-74.
网页设计的流程范文3
根据齐鲁网及山东传媒职业学院毕业生岗位调研结果，我校毕业生在网页设计方面适应的岗位主要有网页页面设计、前端网页开发、后台动态网页开发等。
网页页面设计：主要应用Photoshop、Illustrator等图片处理和图形设计工具;
前端网页开发：主要应用Dreamweaver、Notepad++、Editplus等网页编码工具;
后台动态网页开发：主要应用Mysql数据库、PHP动态页面开发工具等。
这些工作岗位要求学生熟悉整个网页设计和开发的工作流程，具备所需的基本知识和操作技能，同时还要有良好的职业道德和团队精神，以适应行业发展需求。为了进一步实现职业院校的人才培养目标，提高职业教育的教学质量，围绕实际的网页设计和开发的工作过程，对《网页综合实训》课程进行改革和开发。
二、课程设计原则和设计依据
设计原则：以学生为主体，提高学生的学习兴趣;以职业岗位任务为导向，组织教学内容;以职业岗位需求为依据，突出职业能力培养;以项目为载体，训练学生职业岗位能力和自学能力。
设计依据：本课程以真实完整的网站开发项目为载体设计教学过程，以网站技术人员的岗位工作任务为依据，设计相应教学工作任务，以这些工作任务为载体设计学习情境。教师带领学生在网络机房完成网站项目的开发设计任务，学生以小组为单位开展工作任务。
三、根据岗位能力要求和专业培养目标，确定课程培养目标
1.岗位能力目标
（1）网页页面设计：要求学生能对网站结构进行规划及功能设计、能利用ps等工具设计制作网页页面效果图;
（2）前端网页开发：能将网页效果图重构为HTML网页、能为网页添加常用的js特效;
（3）后台动态网页开发：能进行网站后台数据库设计;能对常用的动态页面功能模块进行开发。
2.职业素质目标
完成具体工作项目，要求学生能自主学习和查阅资料。通过网络搜索资源，首先通过模仿然后举一反三，自主分析问题、解决问题;完成整个网站开发工作项目，要求学生具备良好的职业道德，能够团结协作共同完成工作任务，重在培养学生的团队合作能力和爱岗敬业精神。
四、根据工作流程，基于工作任务，设计学习情境
1.设计思路
网站开发实际工作任务主要包括网站规划设计、网站前端设计、网站后台开发、运营与维护。网站开发过程中的重要环节为设计与开发，即网站规划设计网站前端设计网站后台开发。遵循实际网站开发流程，本课程主要针对这一阶段设计开发一个实际的网站。
2.学习情境设计
遵循网站开发工作流程，以工作过程为导向，以项目为载体，把本课程设计成以下五大学习情境：（1）网站的整体规划设计;（2）网页设计与实现;（3）网页特效设计与实现;（4）网站后台数据库设计;（5）网站后台功能设计。
3.学习子情境设计
对应工作流程和能力目标，每一个情境又以工作任务为载体细分为若干个子情境，即学习任务。学习子情境要与整个项目的实际工作过程相结合，与每个工作阶段的能力目标相对应。下面以第二大情境――网页设计与实现为例，进行基于工作过程为导向的学习子情境设计与实施。
学习情境二：XX网页设计与实现
子情境设计及主要工作任务：
（1）网页版面设计：规划网页页面内容版块;绘制页面布局线框图;
（2）网页素材的搜索及制作：根据网站主题和风格，利用网络搜索，或利用工具软件制作网页素材;
（3）网页效果图设计与实现：利用ps完成网页设计psd效果图;
（4）HTML网页重构：根据psd网页设计图编写html网页代码。
4.考核评价设计
考核方法：本课程的考核包括平时过程考核和期末结果考核，两者各占一定比例。
考核对象：包括小组团队考核和个人表现考核，且侧重于团队的考核，着重培养学生的团队协作意识。过程考核除了考核团队协作以外，还要对学生个人表现情况进行考核，根据小组分工、工作量和完成质量等对每位学生进行考核。
网页设计的流程范文4
关键词 商务网页设计与制作 课程设计 电子商务专业
中图分类号：F713 文献标识码：A
截至2012年12月，中国网络购物用户规模达到3.12亿，市场整体交易规模为10.2万亿元，同比增长29.9%。随着网络购物人数爆炸式的增长，越来越多的企业开始尝试利用网络平台开展商务活动。同时，企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点，企业希望人才来了就能用，这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程，这门课程学好了，对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验，引入企业网站的生产流程，对课程教学内容体系进行了重构。
1课程教学现状及存在的问题分析
《商务网页设计与制作》是高职电子商务专业的一门核心专业课程，既是学生最期待、最向往的课程，也被认为是最艰难，最难啃的课程，以文科学生为主体的商贸财经类专业尤甚。之所以向往，是因为它如此之重要；之所以艰深，是缘自于技术的隔膜和不必要的恐惧。当然，究其原因，传统教材与教法，自然难辞其咎。
1.1课程设置不合理，知识内容落后
传统网页设计与制作教材，往往专注于“网页三剑客”等技术软件的操作，让学生从一个代码，一段文字，一张图片入手，来制作属于自己的网页和网站。这种教学模式，经过两到三年，学生还难以上手；而一名合格的网页设计师，往往只需一两天，就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色，内容定位不清晰。总之，网页制作门槛高、学生动手操作难，美工不出彩、商务没感觉，这是传统模式的致命缺陷。
1.2课程教学模式落后
传统的《商务网页设计与制作》教学中，许多学校是以教师为中心，偏重于讲授为主，传授网页制作的工具、技术等专业知识，缺少对学生思考和解决问题能力的训练，没有引导学生去自主学习，这就导致很难培养学生的理性精神及创造能力、创业意识，也无法培养学生独立思考、敢于向权威挑战的学习态度和竞争精神，更无法引导学生的创业意识和创造性思维。
1.3实践教学方法有待完善
现有的《商务网页设计与制作》实践教学更多的强调技术层面的东西，很少有考虑到商务诉求。在教学过程中，大部分学生都有畏难情绪，导致教学效果不明显，学生网页设计的思路不清晰，动手操作难。
2《商务网页设计与制作》教学模式设计总体方案
2.1打破传统学术思维的束缚，遵循网站建设的业务逻辑
课程设计以典型企业网站为载体，通过商务网页设计导引、商务网页布局与设计、网页效果图制作、静态页面制作、DIV+CSS网页布局五个学习型项目的创设，对商务网页设计与制作的基本原理及实现方法进行了系统介绍及完整展示，让学生能在较短的时间内制作出不仅美观大方，而且能体现企业商务诉求的网站，打破传统学术思维的束缚，遵循网站建设的业务逻辑――企业怎么做，我们怎么做。商务网页设计制作流程如下图1所示。
2.2教学内容体系构建
本课程在教学内容的设计上以商务网页设计与制作业务流程为主线，将商务网页设计的基本原理与方法融入到典型工作任务的介绍和实训中。
第一个模块和第二个模块以典型商务网站类型、典型商务网页版面风格分析入手，使学生快速理解和掌握网页设计的基本原理和方法，并能完成网站栏目规划及商务网页版面设计的任务。
第三个模块以网页素材的选择为突破口，使学生快速地熟悉并掌握网页效果图制作的方法、步骤及要点。
第四个模块则要求学生在已有效果图的基础上能制作实现静态页面，以使学生掌握必要的html标记语言，并掌握常见的两种页面布局方式，为后续课程的学习打下基础。
在课程实训方面，则选择目前商务网站建设服务市场业务类型较多的企业网站建设业务为主线构建实训项目。这类网站建设业务中的页面设计素材丰富、规范化程度高，便于学生学习。
在教学内容的细节处理上将充分考虑本课程与艺术设计类及软件设计类相关课程的区别，降低学生学习难度，突出商务网页设计与制作的重点，使学生能举一反三，适应商务网站网页设计师岗位能力需求。
3课程教学的实施途径
3.1基于校企合作的课程项目开发
《商务网页设计与制作》要求教师教学应以企业真实需求为逻辑主线组织教学内容，以项目为知识学习、技能训练和素质养成的载体。为了保证与企业生产实践相结合，最大限度地利用企业有效资源，通过积极深入市场与企业一线，认真分析当地产业结构与发展趋势，寻找校企合作的结合点。目前，课程依照行业标准、岗位技能要求以及岗位工作流程等进行项目运作。在项目的开发过程中，企业高度参与，共同确定基于工作过程的典型工作任务。
3.2基于职场环境的教学实训基地建设
建设能够进行教、学、创于一体的基于职场环境一体化教学实训基地，是实施一体化教学的硬件保障，是实现教学模式转变的重要条件。目前，我们已经建立了三个学生工作室：网赢工作室、智越工作室和服务外包工作室。其中智越工作室的核心业务是中小企业网站建设与维护，每年吸纳30多名学生，完成10多个企业真实项目，收入1万多元。通过引进企业真实项目，和企业建站的标准流程，提升学生的专业技能和职业素养。
3.3考核评价体系改革
本课程的学习，是要求学习者联系一家有商务网站建设需求的真实企业，来完成课程模块的实训。本课程以学习者的实训作品为主要考核依据，兼顾学习者的学习态度、职业素养、团队意识及表达沟通能力。
4结束语
将企业真实的生产制作流程引入到《商务网页设计与制作》课程教学中，引导学生重视企业的商务诉求，制作出符合企业需求的商务网站，是本课程的重要特色。
参考文献
[1] 方玲玉.《网络营销实务》工学结合课程开发的实践尝试[J].职教论坛，2008（16）.
[2] 张婵.基于就业一创业导向的独立学院网络营销实践教学方法改革探讨[J].物流工程与管理，2012（5）.
[3] 周建良.以创业能力培养为导向的电子商务课程开发探索[J].科教文汇，2010（7）.
[4] 韩义.对电子商务课程教学改革的思考[J].天津电大学报，2008（9）.
[5] 方玲玉，李小斌，李念.高职经管类专业系列项目课程开发――以高职电子商务专业为例[J].职教论坛，2010（12）.
网页设计的流程范文5
【关键词】大专院校 Flash 网页设计 教学方法
Flash网页设计是大专院校网页设计系列课程的扩展和提升阶段，以非服务器端脚本编程的Flash结构页面设计为主，包括Flash软件学习、Flas设计和Flash网页设计等几个方面。与基础性的HTML静态网页设计课程相比，Flash网页设计的教学内容整体性较强，教学边界相对清晰。下面笔者根据自身的教学经验，对其教学思路和教学方法做简要分析。
一、利用软件的快捷键快速上手
Flash软件与基本动画设计是网页设计的基础部分。如果在专业课程体系中没有专门的Flash模块作为先导课程，这一课程就需要引导学生在软件使用层面快速上手。为实现这个目的，可以采用“快捷键学习法”。这种依靠重点快捷键快速学习的方法有助于短时间内准确把握软件的常用与核心功能，受到越来越多的设计师的青睐。
笔者建议，在教学课件中为每一个常用的菜单与工具附上快捷键命令，以便学生第一次接触时就可以熟悉它们。实际上，软件在快捷键设置方面也非常注重功能的集合性，有助于集中记忆。如针对帧的操作部分，F5、F6、F7三个功能键分别实现了“插入帧”“转换为关键帧”和“转换为空白关键帧”三项内容，既好记又好用。
二、Flash线性动画的设计相关性
我们知道，Flash MV一度在网络上非常流行，和Flash MV的线性播放特性相似，Flash广告已经成为时下网络广告的主流。如某知名网站首页共使用了27幅广告，其中Flash广告有18幅，占页面广告总数的66.7%。
Flash网络广告的普遍使用促进了Flash技术在艺术设计专业中的广泛应用。基于这种考虑，笔者建议在软件基础学习之后安排适当的学时进行Flash广告设计学习。这一部分课程的教学还可以与广告相关课程相衔接，以进一步丰富Flash网页设计课程的内涵。
在Flash广告设计教学中，要侧重于内容密度、节奏感、视觉冲击力等与Flash软件技术直接相关的层面，其他内容，如广告语言、传播理论等可鼓励学生课外复习或自学，做到把握重点、取舍得当。
三、Flash网页设计“总分总”的教学模式
在软件基础和线性动画（Flash广告设计）的基础上，进入到课程的主体模块，即Flash网页设计。与HTML静态网页的分页面结构不同，Flash网页设计在集成设计开发环境内（Flash软件和Action脚本）实现网页内容与非线性结构的编排，模块化特性明显。为此，笔者尝试采用“基本结构设计—模块分解设计、网站整合”三步走的教学法，可概括为“总—分—总”教学流程，合理调配教学难点和重点，循序渐进，在实践中取得了一定的效果。
（一）基本结构设计
首先，从网页基本结构入手，利用按钮对时间线上各帧的控制构造网站模型，其中包含了最基本的场景转换。在学习的后期，可以针对每帧对应的画布进行深入设计，包括内容扩展和淡入、淡出动画效果的实现等。
基本结构设计涉及每帧对应的画布设计、按钮设计、元件和实例的进一步应用以及补间动画等内容，还涉及一些基础的Action脚本内容，如“stop”“gotoAndStop”“gotoAndPlay”命令以及帧标记的参数调用等，适合入门学习。在脚本程序编写的最初阶段，重点要使学生理解脚本语言代替人进行指令操作的特性，如“去哪”“做什么”等，利用这种指向性的形象思维逐渐强化学生的编程思维。一般来说，静态网页设计课程教学不会将Java脚本作为重点，在这种情况下，这一阶段的Action脚本学习就更加重要。
（二）具体模块学习
由于Flash网页多在屏幕的显示面内不翻屏，高度有限，这就需要使用软件功能和脚本程序创造更多的结构层次去容纳网页内容。除了场景的转换外，在每个场景之中，还要借助于不同类型的页面组件来实现额外的结构层次。
针对种类较多的页面组件，可以实施“分解教学”，即抛开网站设计的整体性，单纯提炼每个组件的设计与编程要点，使每节课都可以完成一种组件设计，实现相关功能。笔者选择的页面组件包括按钮组（菜单）、弹出框、下拉菜单、声音控制模块和预加载器等。
在设计层面，要考虑到各组件与网页整体风格的一致性；在内容层面，要合理地选择组件类型，丰富内容层次，便于用户访问，形成良好的互动性。而在Action脚本编写方面，要以典型程序、核心程序为主，逐步增加更多的样式变化。实际上，虽然组件类型不同，其背后的程序控制大多有着一定的内在联系，如很多组件都会用到onEnterFrame频率控制函数。随着教学的不断深入，要尽量将脚本教学系统化，将松散的知识点整合起来，尽量覆盖到常用的函数、方法和命令。
（三）网站内容搭建
经过不同组件的分解学习，接着补充几种场景转换的方法，结合不同设计项目中对组件的选择，Flash网站就可以搭建起来。至此，Flash网页设计的技术性教学目标就基本完成了。
在技术性教学目标之外，在课程的收官阶段，要融入行业设计理念，以提高结课作业的质量，保证教学效果。在HTML静态网页设计教学阶段，笔者针对结课作业挑选了“实用设计”这一特定行业分类进行教学强化，避免学生在结课阶段设计得没有针对性，学无所用。
四、静态网页的有效补充
如果分析“静态网页”的内涵和外延，可以看到，在基于HTML网页设计之外，只要立足于本地，与服务器没有数据交互的网页设计都可以统称为“静态网页”。从这个角度来看，艺术设计专业中的Flash网页设计课程也基本上以静态网页为主。
在Web2.0时代，交互性的社交网络已经发展得比较成熟，使每个独立域名的网站不再是用户交互的首选。在这种形势下，静态网页设计要“扬长避短”，不拘泥于本身用户交互行为的弱点，以设计为主，反而有自己的一席之地。在教学中，要鼓励学生在参与网络互动之余，尽量发挥自身设计优势，具备独立完成内容展示型网站的能力。
经过相关调整，Flash网页设计课程具备了循序渐进、由浅入深的教学层次，直至课程结尾处，着眼于设计之“道”的有目的训练，使整个网页设计课程体系具备了从基础知识到综合设计提升的完备性，并与其他课程有机结合，最大限度实现了课程的自身价值，为该课程的序列化、标准化建设积累了一定经验。
（注：本文为辽宁省教育科学“十二五”规划2011年度一般课题，课题批准号：JG11DB075）
网页设计的流程范文6
清代笪重光的“无画处皆成妙景”道出中国画独特的文化底蕴和通过虚实关系进行意象造型的艺术境界。留白作为中国画特色表现手法，蕴含了东方哲学的对立统一思想；“留白非空，空白非白”通过留白巧妙的营造出中国画中的想象空间和虚实相融的意境。经过不断发展，留白的艺术手法已经在艺术设计中得到传承和创新。
二、网页设计中的留白
网页设计是将视听元素进行艺术处理和有序安排，使得用户获得良好的用户体验。留白手法的运用使网页设计者在处理视听元素时更加注重关注用户情感的体验；使网页效果具有艺术化效果。网页设计中留白的内涵被归结为三个方面：一是页面背景、各页面元素周围留白；二是背景形成大面积的有色范围1；三是统一页面元素的背景，呈现出有序的组合形式，使元素与周围背景之间在视觉空间上形成层次，使元素如同镶嵌在背景中。随着互联网的高速发展，网页功能的重新审视，留白的外延有了根本性的扩展。主体表现在三个方面：一是由单纯的艺术处理手法转变到网站、网页功能布局的思考方法。系统性留白，把整个系统作为留白的载体，而不是单独的一张、一页去考虑，需要设计师从设计的全景去考虑，做到设计的全面统一2。虽然仍是从设计元素的有序安排的角度去论述留白，但提出了系统性留白的概念。留白，讲究的是虚实对比，讲究的是虚与实的衬托，讲究的是一种意境的追求。网页的功能筛选、布局往往是设计师在此纠结不前、反复修改，其根本原因就在于无法合理处理功能与布局的虚实地位。设计者在网页功能布局中强化某一功能布局、弱化另一功能布局不是一件难事，难得在于弱化的功能能够有效的辅助强化的功能，强化的功能又能合理的衬托弱化的功能，不至于使弱化的功能失去意义。系统性留白的第二层含义，就是无论是网页整体风格的定义还是单个页面的设计，都应该做到留白的处理手法的一致性。统一使人感到简洁，不同的页面，同样的信息获取方式，用户体验良好；每个页面各成一体“百花齐放”则易使用户在每个页面获取信息的方法不同，形成不友好的用户体验，使用户过早跳离。二是留白是极简主义合理有效的实现方式。无印良品的极简主义风格似乎很受欢迎，在《2015年最重要的网页设计趋势》中就提到扁平化风格。扁平化风格和极简主义的原理相通，特别是微软的MetroUI、苹果的FlatDesign使得扁平化风格成为主流。由简到繁容易，由繁到简似乎更难，留白不失为网页设计中实现极简主义的有效方式。采用留白使主要信息内容得到直接准确的展现，减少沉冗信息元素，从内容上进行有效精简；布局上合理的留白，能够做到重点突出，充分抓住用户的关注度。三是留白的同时更加强化视觉流程，提升用户情感体验。Lessismore，少就是多，采用留白的手法使页面元素的总数量减少，降低了沉冗元素；合理的安排文字、图片等视听元素间的相互位置关系，使当今的网页看起来非常的简洁。虽然网页变简洁了，但根本目的还是增加用户的情感体验，单一追求少就是多，只会使网页的吸引力降低，而中国画中的留白手法就很好的处理为简洁与韵味之间的平衡提供了参考。有效简化页面，合理的安排视听元素，使用户在得到情感体验的同时能够得到所需信息。因此，留白的处理过程中，设计者需要强化视觉流程，保证网页信息的传递流程，同时提升用户情感体验。
三、网页设计中留白手法的使用特征
留白手法在当今的网页设计中有了新的外延，在使用中展现出以下几点特征：
1、系统性特征
系统性留白的提法无论是从网页功能布局角度还是从网页界面元素的整体安排角度都给出了明确的指导作用，而且系统性的可拓展理论和思维是非常强大的。
2、交互性特征
现今网页设计已与交互设计相融合，在兼顾传递信息和视觉体验的同时，让信息与用户完美的交流。交互将是网页设计中必不可少的特性。留白是手段，非目的；有效传递信息、提升用户的体验度是最终落脚点。良好的互动体验代替单向信息传递是交互性的显著特征，网页设计的发展方向将不可避免的抓住交互性这一特征，极简主义、留白手法又是必不可少的网页表现手法，因此设计者在网页设计中使用留白的手法一定会考虑怎样实现良好的交互性。
3、视觉动态特性明显
随着2013年苹果极简风格的iso7的问世，使扁平化成为热议词，瞬间所有的界面设计都是扁平化的风格，可以说扁平化将是未来界面设计的趋势。扁平化的特性在网页中已经成为主流形式，扁平化的实现手法就是留白。留白中的“虚”是大的高清背景图片或者颜色块，而“实”的内容已经不再是单一的静态视觉元素，还包括动态视听元素，比如flas、gif动态图片等。由单一的静态“虚实”对比过渡到动静虚实对比，使主题更加突出，使留白不再只是意蕴上丰富而形式上单一，使“虚实”对比有了静与静、静与动，甚至动与动等多样形式。
四、网页发展趋势
