网页设计的流程汇总十篇

序论：好文章的创作是一个不断探索和完善的过程，我们为您推荐十篇网页设计的流程范例，希望它们能助您一臂之力，提升您的阅读品质，带来更深刻的阅读感受。

篇（1）

中图分类号：TP393.092；TP317.4

随着网络技术的飞速发展，电子产品的不断更新换代，智能手机的不断普及，互联网应用达到了空前的繁荣。在互联网中，各种不同行业、不同种类、页面精彩吸人眼球的网站页面带给人们强大的视觉冲击力的同时也给人们的生活添加了色彩。在这些精彩页面诞生的最初，就是设计者根据用户需求应用Photoshop来不断完善并完成页面效果图的过程，下面就来阐述一下基于Photoshop的网页页面的设计方法与流程。

1 需求分析

设计者与客户签订合同之前，都要看设计者的网站页面效果图是否能达到客户的预期要求，那么怎样能设计出让客户满意的效果图，关键在于正确与全面的了解客户的需求。精确掌握客户需求应该从以下两方面着手：

1.1 确定网站类型。常见的网站分类分为如下几类：（1）综合性网站：以新浪为例，他的首页包括丰富的新闻、资讯、娱乐、体育等信息，包罗万象，种类非常丰富；（2）电子商务类网站：俗称购物网站，比如淘宝、聚美优品这一类网站都可以称为电子商务类网站；（3）娱乐资讯网站：在互联网上看电影、听音乐已经成为人们日常生活的一部分，土豆网、腾讯视频等都属于这类网站；（4）社交类网站：随着互联网时代的到来，人们的交流方式产生很大变化，网络交流平台给人们沟通学习带来了巨大的便利，微博、豆瓣、人人网等都是这类交互式的网站。

1.2 网站的CI设计需求分析。CI（Corporate Image）是指企业的形象，在网页设计中，色彩的选择和搭配结合Logo和Banner的设计，能够最有效的传达企业形象。（1）Logo设计：Logo即标志，是商标的一种体现，可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等，一个好的Logo能体现出网站的特色和内涵[1]；（2）网页的标准色彩：“标准色彩”是网站形象和内涵的延伸，一个网页的标准色彩不宜超过三种，太少则太单调，太多则让人眼花缭乱。一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色[2]；（3）网页的标准字体：根据网站的内涵，选择适合的字体，一般网页的默认字体为宋体；（4）Banner设计：可以作为网页中的横幅广告，也是体现网站中心意旨、情感思想的宣传中心。

通过标志、色彩、字体、标语协调统一的设计，可以很好的树立网站的CI形象。

2 页面的基本组成部分与结构图

一般企业网站都包括六部分：logo、导航、banner、内容、友情链接、版权。根据不同网站的需求定位，这六个部分在体现形式上有着不同的延伸和变化，但不管是大型综合性网站还是小至个人博客网站，我们都会找到这六部分的身影。由这六部分组成的网页页面基本结构图如图1所示：

图1 网页基本结构图

3 在Photoshop中制作网页元素的技巧

3.1 Logo制作。Logo不仅仅是将某些颜色与线条的堆叠，它要比品牌的名称更具标识度。在设计过程中，要思考、艺术分析和系统规划。一个优秀的Logo作品，应该具备简单、动态、灵活、独特、有意义这五个特点，同时应注意颜色的重要性、不要标新立异Logo不是艺术品、不要低估定制字体、不要可预测的效果、不要落入俗套。

3.2 Banner制作。一个优秀的Banner作品的主题要明确、重点文字要突出、文字要符合阅读习惯、要在最短的时间激起点击的欲望、色彩不要过于醒目、产品数量不宜过多、信息数量要平衡、留空给图形文字以呼吸的空间。

3.3 导航栏制作。导航栏是继Logo之后用户第一个看到的组件，如何让导航栏更加优雅美丽，在设计过程中应主意两大要点。第一，不要使用一些繁杂的装饰来做突出，通过字体设计、悬停效果设计、页面留白可以设计出简约、优雅的极简主义导航栏[3]。第二，响应式导航设计更完美，根据用户终端设备的不同，按照屏幕尺寸来合理缩放页面，达到更好的阅读效果。

3.4 网页背景制作。网页背景设计目前还没有一套设计准则可遵循，根据总结，我们把网页背景大致分为六种类型：颜色背景、沙文背景、条状背景、照片背景、复合背景、局部背景。一般情况下，考虑到网站的下载速度和网页内容的显示效果，我们并不提倡使用图像作为网页背景。

4 使用Photoshop制作网页效果图应注意的几个问题

4.1 主页页面应干净整洁、条理清晰、专业水准、引人入胜。过多的绚丽、闪烁、下拉式菜单、图片等会让用户产生无所适从、心烦意乱的感觉，导致快速关闭页面。

4.2 导航设计要便捷、美观、全面。导航就如同网站的地图，导航的设计原则要遵循用户的阅读逻辑，同样也要兼顾网站的重点，设计好的导航条不能随意改动，否则用户就会迷路，找不到原来浏览的内容，给用户带来困惑。

4.3 提高页面下载速度。网页的下载速度是网站留住访问者的关键因素，图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30K左右可以保证比较理想的下载时间，图象在6-8K之间为宜，每增加2K会延长1秒钟的下载时间。制作好效果图之后，执行Photoshop软件里“将文件存储为web和设备所用格式”命令，对页面进行优化，控制最终文件所占的存储空间。

参考文献：

[1]朱彩华.Photoshop在网页版式设计中的应用与技巧[J].电子技术与软件工程，2013（11）.

[2]丁士锋.网页制作与网站建设实战大全[M].北京：清华大学出版社，2013.

篇（2）

关键词： 农牧养殖；业务流程优化；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.

篇（3）

一、有序推进同业对标创一流工作

（一）建立同业对标创一流组织机构

重视同业对标创一流工作的组织建设，从柔性组织机构和行政组织机构两个方面建立健全同业对标创一流组织机构，分层落实同业对标创一流工作责任，为同业对标创一流的稳步推进提供了组织保证。形成了主要领导亲自抓，分管领导重点抓，专业组齐心抓，归口部门组织实施和检查考核，相关部门贯彻落实的良好局面，构筑了党、政、工、团齐抓共管的同业对标创一流工作组织体系。

（二）建立同业对标创一流常态管理机制

同业对标创一流归口部门每月在司务会上汇报上月同业对标创一流工作开展情况，布置月度同业对标创一流重点工作，各部门积极组织实施，初步建立了同业对标创一流常态管理机制。

（三）开展同业对标指标定期分析

确定同业对标指标体系各项指标的年度目标，并分解到季度、月度跟踪考核，落实指标责任部门，对每一项指标均确定1名具体责任人。定期分析同业对标指标完成情况，查找指标偏差原因，提出提升指标的管控措施，指标管理得到进一步重视和加强。

（四）深入总结专业管理典型经验

根据国家电网公司、福建省电力有限公司的最佳实践库信息，各专业积极组织学习行业内对口专业最佳实践，不断优化专业管理流程，改进各专业工作。成立专业典型经验提炼项目组，积极组织各专业部门深入、客观地总结典型经验，充分挖掘专业管理流程的优点，提炼专业管理最佳实践。安全、线损、供电可靠性、电压无功和优质服务5项专业管理经验入选福建省电力有限公司县供电企业最佳实践库。

二、积极推进机制、管理和科技创新

创新是企业管理的灵魂，公司积极推进以用人为核心的机制创新，以标准化、同业对标为核心的管理创新，以信息化建设为核心的科技创新，为企业持续提升管理水平增添了活力。

推进机制创新。按照“公开、平等、竞争、择优”的原则，全面完成了用工制度、分配制度和医疗保险制度的改革，进一步优化组织机构，公开竞聘部分机关管理岗位，推行主任师和安全助理制度，打破全民、集体职工的身份界限，实行绩效考核、薪点工资制，建立了与现代企业制度相适应的“上岗靠竞争、收入凭贡献、职位能上能下、人员能进能出、岗位动态管理”的企业核心用人机制。

推进科技创新。所有管理岗位和各班组全部配备了微机，MIS系统涵盖了企业生产、经营、管理各个环节，各项信息实现了充分共享，实时在线。电网调度自动化系统、信息管理系统、输电GIS管理系统、配电GIS管理系统均通过福建省电力有限公司实用化验收。110kV及以下电压等级的变电站全部完成综自改造，实现了无人值班。推进变电运行集控系统建设，增添变集控所的投入使用，实现了传统变电运行管理模式到集控模式的转变。

三、持续提升各专业管理水平

（一）落实安全责任，持续提升安全管理水平

落实安全责任。层层落实安全生产责任制，逐级签订业绩考核责任书，做到“千斤重担众人挑，人人肩上有指标”。建立中级管理人员与班组挂钩联系制度，开展党员干部“五带”活动（带安全、带思想、带作风、带技能、带业绩），领导干部深入现场、深入班组，研究解决现场安全生产存在的具体问题，在安全工作中起表率作用。各部门领导、安全员、班组长也在自己的职责范围内，敢抓敢管，勇于负责，促进了安全责任的落实。

（二）科学规划电网，持续提升项目管理水平

科学合理规划电网，积极争取资金，加强工程项目质量管理，提升工程项目管理水平，又好又快建设永安电网，较好地满足了地方经济建设发展及人民生活水平不断提高对电能的需求。

科学规划电网。随着永安经济的不断发展，实施“南商北工”的发展战略，公司以电网规划为龙头，坚持电网规划建设适度超前的原则，滚动修编完成永安电网主干网架、地区配网规划和建设计划，同时做到电网调度、配网自动化等二次系统与一次系统协调发展。加强与地方政府有关部门的沟通，将电力规划统一纳入城市总体规划之中。

加强项目管理。做好项目建设的前瞻性，建立提前三年前期项目可研工作常态机制。加强与政府、林权单位的沟通协调，取得其支持，以保障建设项目用地。

（三）深化两全管理，持续提升经营管理水平

树立“理好财、管好家”的经营理念，推行精细管理，严格控制成本，拓展电力市场，确保电费回收，经营管理水平持续提升。深化全面计划、全面预算管理，引入“两全”管理系统，将企业的资金流、物资流和信息流有机结合，提高预算管理的效能。进一步规范供电营业区域，充分运用销售电价杠杆，引导燃煤自备电厂少发、停发或停建工作，杜绝非法经营供电业务行为。

（四）加强技术监督，持续提升生产管理水平。

篇（4）

网页设计作为高校设计学专业的专业课程，在教学课程知识体系的不断探索和完善中，形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展，人们对网页的产品设计的属性认知越来越明确，对网页设计的工作分工更细致也更专业，这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。

一、网页设计课程知识体系的构建变迁

1.从代码知识到网页制作工具知识的转变

早期，高校网页类课程的知识体系构建得益于院校的科研优势，互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末，网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物，即使面向艺术类专业，也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索，并将成果于各种学术研究出版物，教学方面则直接引用案例教学，教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及，各种不需要用户直接面对代码的网页制作工具相继诞生，于是，这方面的知识成为课堂的新内容，大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播，使网站在技术层面进入了同质化阶段，市场需求开始转向页面视觉效果方面的提升。在网页设计课程中，由于对网页设计分工认知不足，早期的网页设计课程时常将设计和制作的名称与授课内容混用，没有严格区分，也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主，以美化页面效果为辅。此时，高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后，随着时代的发展，网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟，经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善，分工协作机制日趋成熟，前端设计分离后，网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点，通过对网页设计中的审美需求和各种视觉构成要素（如文字、图片、颜色等）进行分析，结合人们在浏览信息时的视觉习惯，探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后，该阶段还未意识到网页交互设计的核心地位。

二、用户模式的网页之设计认知构建

网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品，对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科，网页本身也是一种产品。网页设计最初被视作平面领域的设计，而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性，使其具有交互设计可用性与易用性体验的内在要求，适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面，各种网页交互体验、视听信息、线上内容服务与线下互动等，是网站向用户提供服务的设计组成部分。作为一种广义的产品形态，网页设计与传统的实物形态的工业产品设计有一定区别，更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展，基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元，从工效学角度来看，网站信息本身也担负着面对用户、有效传递信息的功能和任务，在具体的设计活动中，表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征，信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本，提升页面信息获取体验。

三、基于用户模型的网页设计课程的知识体系构建

网页设计的本质是对体验的设计，即以用户为核心思考设计方案，研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线，构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程，培养设计项目管理和组织能力；掌握用户需求研究分析的基本方法，对用户体验和需求研究有较为敏锐的洞察力；掌握网站交互原型相关的设计方法与工具；掌握网页视觉设计方法和设计规范；了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成（1）设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等，让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践，掌握基本的设计理论。（2）软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现，教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面，包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具，其中常见的Photoshop、Illustrator等图形设计软件，已经在前置课程中基本完成学习。第二类是交互原型制作工具，常见的工具有墨刀、Axure等。第三类是代码编辑工具，选择较多，作为对网页前端知识的入门介绍部分，在本课程中以介绍为主。（3）设计经验教学内容模块设计经验教学以启发式案例实践为主，按照网站项目设计的流程需要，设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验，从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证，有助于学生对网页设计方法的理解和体会。结语任何一种技术变革，都可能让网页设计出现新的艺术形态，前端依然是课程必须了解的知识。目前，就设计艺术角度而言，网页设计课程的内容以交互和视觉设计为基础，在信息设计层面也有较大的提升空间，设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角，让学生更深刻、更完整地理解用户模式下的网页设计艺术。

参考文献：

[1]韩旭.新概念网页设计.包装世界，2000（5）.

[2]鬲波飞.网页设计之视觉信息传达分析.湖南大学学报（社会科学版），2001（S2）.

篇（5）

前言：

互联网时代的到来，改变了人们以往的生活习惯，而且对很多行业岗位产生了较大的影响，尤其催生了一批新型以电子商务为主要经营模式的企业。电子商务网站的网页设计在现代企业的实际运营管理过程中十分重要，不仅起到了宣传企业文化作用，而且也是企业拓展新业务、维护客户的重要平台，这是互联网时代的发展为现代企业单位开辟的新路径。

一、新形势下电子商务网站网页设计与制作的目标

所谓“新形势”指的就是当前快速发展的互联网时代影响下的社会环境的变化，以及人们思想意识的转变。随着各领域贸易的日益频繁，使得商家更依赖电子商务平台，因其成本低、信息资源丰富等特点受到了广大社会群体的认可。

（一）电子商务网站设计与制作的根本目的

在电子商务平台之上，我们可以清晰的看到商品本身的形态、特征以及价格，而且，越来越多样化的网站网页设计形式层出不穷，促使电子商务平台建设的格局逐步升级，新技术的涌现更是突显了电子商务模式的优势。从网站网页设计与制作的目标来看，能够以最直观、最有效的网站网页设计方案来吸引更多的顾客及促使其参与交易才是新形势下电子商务网站网页设计与制作的终极目标。

（二）网站网页设计与制作要能够技术合规且突出重点

具体来分析，对于电子商务网站的设计要突出其功能性，需要最新的电子计算机技术来为其做支撑，程序的设计一定要能够顺利运行，通常要经过测试以后才能够上线运行。对于电子商务的网页设计而言，结构和形式要突出层次感，内容要尽可能丰富，从而将电子商务的关键内容呈现在网页的重点区域，便于人们登录浏览。

二、电子商务网站网页设计与制作所需技术

对于电子商务网站网页设计来说，能够依托网络载体使得开展电子商务业务的企业将其业务有效的推广出去，就是一项成功的设计。在实践过程中，需要应用到很多计算机技术及电子商务设计软件。就以web标准为例来看，电子商务网站网页设计的思想是通过缜密的开发流程来体现的，通过对SHOPEX网上商店系统的制作，进而达到管理网店、拓展业务的目的。从实质上来看，Web标准不是单一的技术标准，而是一个完整的技术体系，其层次较为清晰。在Web标准的支撑下，设计者可以很好地将网站网页结构分割清楚，并能够提升网站开发的效率，降低设计及维护成本。总之，从Web标准的关键技术来看，整个技术体系都是以Web标准基本思想为基础，采用一套有效的开发流程，对SHOPEX网店系统进行电子商务网站的网页设计与制作，最终，这种开发流程在实践过程中得到了验证。

三、电子商务网站网页设计与制作过程

在具体进行电子商务网站网页的设计与制作的过程中，首先要分析目标网站网页的设计内容、方向、网站所要突出的重点等问题，然后，要缕清设计思路，规划出详尽的设计方案，做好网页结构的编排，最后，细化网站结构，完善网页制作的细节。只有按照规划好的流程来，采用合适的网页设计技术及软件，才可以将电子商务网站网页设计和制作的过程完成。

（一）电子商务网站网页的设计内容分析

通常情况下，网站设计的方案要符合当下人们的审美观，简单来说，就是要符合大多数人的视觉习惯，并需要做好合理规划。对于电子商务网站的设计而言，要能够利用大块区域来突出贸易活动的主体内容，并让企业的产品、服务等项目列在最为突出的位置上，只有本着重点突出的原则，才能让浏览网站的客户清楚的看到企业的业务及文化，从而令其产生交易的想法。

（二）网站网页结构编排与方案设计

以Web标准下的网店系统开发为例来看，在进行网页方案设计之前，网页模版的开发较为重要。在实际设计及制作的过程中，采用了SHOPEX网店系统开发的模版来为其做支撑，在每个设计模块区域放置一个独立的设计内容、产品或服务，这样就会令用户对电子商务平台上的功能及业务模块一目了然。最后，要进行网站网页内容的填充，逐步细化网站结构，增添时尚感的素材完善网页制作。

结束语：

通过分析电子商务网站网页设计的特殊性，结合基于web标准的制作技术，来进一步探究网络时代的发展对于电子商务网站网页设计及制作的影响，并提出完善电子商务网页网站设计和制作的具体策略。在web标准基本思想的推进下，开发了一套高效制作电子商务网站网页的系统，并且将其应用于实践，取得了良好的实践成果。总之，以web标准下为例来看，新形势下电子商务网站网页设计与制作已经不同以往，需要改换新型设计内容、结构设计、方案设计等内容，只有这样，才能突出现代电子商务网站网页的设计特点，抓住人们的视线，从而促进电子商务的快速发展。

参考文献：

[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03（03）：106-109.

篇（6）

中图分类号：J05 文献标识码：A 文章编号：1005-5312（2013）06-0287-01

一、网页设计中的用户体验概述

网页设计中的用户体验 （user experience） 是指用户在访问网站界面、功能的过程中建立起来的心理感受。设计师需要系统的方法才能研究体验，而且这些方法一定能移情地了解用户。

唐纳德-诺曼博士（美国）在《Emotional Design》一书中提到一个完好开发的，有凝聚力的产品，应该看上去美观，用起来舒心，并且以拥有它为自豪，也就是说，快乐的拥有，快乐的使用！

良好的用户体验成为网页设计设计的最终目标之一。网页设计中的用户体验是指用户在访问网站界面、功能的过程中建立起来的心理感受。研究重点在于网页所带来的愉悦度和价值感，而不是网也的性能本身。要求以用户为中心进行组织设计和提供服务， 通过创造性的工作来体现独特的个性和价值，让用户在与产品交互过程中感到愉快、有趣， 富有启发性， 给用户带来成就感，刺激消费等情感要求。

二、明确网页设计流程，找准用户体验设计思路

用户体验不应该是独立的研究环节，而是贯穿于整个项目流程的。要做好的用户体验设计就必须清楚网页设计流程，这样才能理清思路。一般互联网产品项目设计制作流程如下：制定市场需求文档-.制定产品需求文档-用户分析报告-产品架构设计（界面交互与流程的设计）-产品原型设计（页面线框图）-界面UI设计（页面效果图）-界面输出（界面代码化CSS+DIV布局）-设计调整、维护-SEO优化设计。在每一个环节中，都应该换位思考，移情地做好用户体验设计。

三、用户体验在网页设计中的运用举措

1、重视交互设计。

设计人员需经常浏览大量的网站，亲身体验和感受交互流程，并收集优秀素材。交互设计也是UI设计中工作量最大，难度最高的部分。比如说，用户支付流程，支付方式需要几个选择？每种选择方式支付成功后显示什么流程？遇到问题显示什么流程？每个流程还包含哪些功能？可能还会出现什么特殊情况等，这都需要慎密设计。

2、做好移情设计。

尝试考虑用户的使用环境和体验地位进行设计。用他人的经验激发设计的灵感。仔细观察用户的行为习惯和真实反应。这里可以在设计过程中做好用户调查或者模拟用户参与，尝试浏览我们设计的网站，在过程中记录问题、做好修正。在选择调查用户的时，主要、次要、特殊群体都要有所考虑。

3、色彩导向、注重细节。

小细节能带来大改变！体验是建立在信息上的。信息的来源可能是文字、图形、色彩或其他页面元素。特别是网页界面的设计，应该精细到每一个像素。网页中的色彩选择和搭配不同会呈现出不同的色彩情感，设计师应该了解色彩情绪，并加以利用。这样色彩不仅能表现情感，还具有引导功能。网站色彩运用恰当、色彩情感表达合理，不仅能让页面美观更加可以提升网站页面浏览量。因此完全有必要对色彩情感进行深入的研究与探讨。

4、内容吸引（实时更新、迅速、快捷）体验都是建立在信息之上的，良好的信息可以让用户更好的掌握，如果它不是过于强烈的描述的话，还可以创造一个愉悦的体验。网页中的内容要切实，新闻类的还需快捷、更新。

5、网站优化、兼容性考虑。

随着越来越多的移动终端电子设备使用率上涨，人们的上网方式发生了很大变化。简单地举例：网页可能会在PC机上显示，也可能在手机上显示。兼容性的考虑，移动化的优化都被提上日程。设计人员可以结合页面布局技术、JQuery Mobile技术、PHP等技术应用方面入手研究。

四、结束语

本文探索了基于互联网产品项目设计制作流程的用户体验设计思路及具体举措。并归纳了网页设计整体流程中用户体验的方法， 为设计者提供可行性的方法和理论指导。

用户体验是艺术、技术、交互设计的统一，是情感与功能的融合，涵盖了心理学、图形、色彩、和情境设计等多个领域。以后用户体验研究工作不仅可以从设计的角度， 还可从技术角度进行探究。

参考文献：

[1]黄未之.Web界面设计语义及可用性研究[D].上海：东华大学，2007.

篇（7）

中图分类号：TP317 文献标识码：A 文章编号：1007-9416（2012）11-0222-01

1、引言

网页设计技术的产生促使网页设计图形艺术领域快速地发展，在整个设计过程中离不开技术，设计的需求也是促进技术水平不断提高的过程中。因此，计算图形艺术设计的设计师需要正视设计与技术的结合，能够正确掌握设计艺术与计算机程序设计和多媒体技术相结合的方法，能够正确运用网页设计图形艺术的表现形式，针对其特点设计出更多更好的作品。

2、图形艺术与网页设计的改革

虽然在视觉传递这一层面上网页设计的图形艺术较之以往的网页图形艺术设计非常相似，但技术方面的应用也有很大的差别。对网页的设计艺术与图形艺术结合在一起是视觉表达的一种技术，它是综合了计算机网页图形艺术及网络技术运用。

2.1　艺术理念的传递

和以往的计算机网页图形艺术作品相同，对网页设计也要求具备一定形式的艺术感染效果。因为毫无章程、平庸无奇、没有美感的网页很难吸引到浏览者的，更不会使访问者去打开页面上的其它窗口。要知道第一印象很重要，直接影响访问者能否再次光顾改网页。

传统计算机图形艺术作品在设计的过程中看重的是页面元素的组成、色彩的搭配、版式的布局与空间表达形式等等，这些元素对图形艺术设计作品很重要，每一个网页设计作品都是将以上提到的因素结合到一起。通过各个方面有机的结合，在视觉传达方面给观看者一种审美的享受，网页设计艺术最终的目的就是满足观看者的审美心理。

2.2　介质的差异

传统的艺术设计作品的表达方式是印刷品，人们更愿意将美好的艺术设计打印出来保存，而现代艺术设计作品的表达方式是通过计算机显示器来表现出来，并且在传输的过程中受到带宽的限制。计算机图形设计师在设计时就会发现，打印的作品的原理是色素减法原理，而设计作品的模式是以CMYK模式出现，而电脑显示器的色彩工作原理则是RGB模式。

传统与现代的分辨率有很大的区别，过去计算机图形艺术的表现形式是印刷品作为表达介质，精度越高所要表达的效果也是约好，在正常的情况下，图形设计作品的设定值是360dpi，而网页设计艺术的图形分辨率的设定值是图形设计作品的五分之一。由于介质的不同，在艺术设计着色的时候需要慎重，不能将传统图形艺术表达的技巧直接应用到现代网页艺术中去。

2.3　功能的异同

传统计算机图形艺术的作品的作用是通过作品向外界传递一些信息资源，而现代网页设计艺术不仅仅具备这些功能，还会增加了一些导向和链接。现代网页艺术设计中超链接是非常重要的一个功能，以一个页面超链接，点击它们会就进入到链接的任何一个页面。链接的方式是以文字、图片、按钮等某种信息表现出来。无论是那种表达方式对页面的整体设计与布局都会有一些影响，对浏览是否方便也会产生影响。

3、规范布局网页图形艺术界面设计

在网页设计图形艺术中，布局规范、流畅，使视线融会贯通是完善设计的关键所在。网页艺术设计的设计师在设计的过程中需要将重要信息表达在网页最醒目的区域，视觉流程的停留点设计也需要设计在一目了然的位置。网页设计先关人员可以依照具体信息资源的传递的需求，画面所呈现不同的着重点，需要根据其位置进行合理的安排，在网页艺术设计中，视觉传达效率比较重要，为提高视觉传递的功能，必需要掌握以下几个要点：（1）设计醒目的导航栏；（2）掌握浏览者的视觉习惯方式；（3）完善页面的主从功能关系；（4）消除人的视觉疲劳感；（5）科学设计视觉流程。

在进行网页设计图形艺术时还应注重动态方面的设计，这就要求网页应该具有闪变化的色彩、烁的文字以及Flas。不仅如此，在网页之间的链接设计方面，应该能够设计出使人们具有访问更深层次页面的倾向，这就需要建立合理的导航系统来引导访问者的视觉流程，将网站的信息、文件以及说明更加醒目、清晰地处于视觉可及范围之中，从而使引访问者能够进一步地观赏网站。网站的导航系统应该运用简短、便于理解，导航系统能够体现出网站的各个视觉方向，这也就要求在网站设计的过程中，导航功能的应用要清楚、自然，简便、新颖。通过网站导航系统的设置，为使用者提供方便，根据导航提示随意从一个页面跳转带其他页面。

4、图形艺术的界面处理

网页图形艺术设计的新颖特点能够吸引浏览者的目光，而创意独特、设计完美、布局规范的操作也是提高网页浏览回头率的必胜法宝。一个设计完美的网页可以促进浏览者提高点击网页的欲望和爱好，因此这也就要求网页设计图形艺术可以根据一切科学技术手段来完善页面完整度。保证页面效果能够更迷人，更吸引人，给客户一种视觉冲击的感觉，保证每一个网页都具有较强的统一性与个性。当然，当我们在运用各种设计方法、科学的软件以及先进技术方法的同时，要做到收放自如。将图形设计信息的高效资源传递给浏览者，这才是网页设计的最终目标。因此，设计过程中结合各种软件工具的应用，在配上一些有声的音乐，这样就能够为浏览者提供更便捷、舒适的服务。网页设计所要表达是信息的传递，而图形设计的意义就在与保证访问者能看到一个丰富多彩、舒适流畅的网站设计，全面提升企业的整体形象。

5、结语

正如建筑艺术最初的目的仅仅是为了满足人们最基本的生存需求一样，网页中图形设计业是一样，目前已经告别了仅仅使用HTML和JAVA语言来实现网页的设计，这些设计的完成者全部都是技术性人才，但这些仅仅能满足最为基本的传递功能，设计不到艺术层面，而现代的网站表达，艺术设计更为重要，现今，Macromedia　Dreamweaver、Microson　Froltpage等软件的产生使数字化艺术设计变得更加方便。我相信，网页图形艺术设计将会发展得越来越好，展现在浏览者眼前的是艺术与技术的结合。

参考文献

篇（8）

网页页面设计：主要应用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.考核评价设计

考核方法：本课程的考核包括平时过程考核和期末结果考核，两者各占一定比例。

篇（9）

 

1引言

随着计算机、网络与通讯技术的发展，Internet在人们的生活、学习和工作中的位置越来越重要，经常性上网冲浪的生活已经成为现代人生活的一个重要特征。通过属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。因此精通网页的设计与制作等内容已经成为现代人必备的一种技能。对此，本文基于网页设计与制作课程本身固有的特点，采用模块化的教学方法，更好地加强了教学实践性，极大地提高了学生的实践能力。

2 “模块项目化”教学法在网页设计与制作课程中的应用

网页设计与制作模块项目化教学法是根据网页设计与制作教学大纲的要求，把教材划分为若干个模块，并将这些模块项目化，同时以学生为主，教师为主导作用，以教、学、练相结合，调动学生的学习兴趣，启发学生思维，以实践为主的教学方法。

2．1网页设计与制作课程模块化任务的设计

以项目开发为出发点，将该课程分成网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护等六个知识模块，每一个小的模块项目又具体细化为一个个小的任务。论文大全。每个任务根据教学的实际情况可以再细化。课程知识体系结构图如图1所示。

图1 课程知识体系结构图

2.2网页设计与制作课程模块项目化设计

模块项目化教学法的关键在于项目的选取。教师所设计的项目，应将培养学生的职业能力作为出发点，联系市场发展，从企业需要出发，以实际项目开发流程来确立课程的知识体系，使知识体系结构中的各个知识模块包含学生应掌握的能力素质。表1是“模块项目化”教学法的学习模块分解表。论文大全。

篇（10）

随着互联网技术的不断发展，高职计算机专业教育迎来新的挑战。高职院校作为培养高素质技能应用型人才的基地，其在教学实践中必须更为重视专业培养与社会需求的紧密结合。面临互联网时代对高职网页设计教学提出的新要求，工学结合模式下的网页设计课程教学实践成为了必由之路。

一、基于工学结合的高职网页设计教学实施意义

网页设计是计算机专业核心课程，其也是应用非常广泛的课程。网页设计实用性强，课程教学内容丰富，集理论与实践于一体，既要求学生具备基础理论与操作技能，也要具备项目设计制作能力。同时，社会对高职网页设计人才的职业岗位能力要求主要体现在创意思维、网页项目开发、动画制作以及动态网页制作等内容，简而言之，就是要求具备独立设计制作功能齐全、画面精致以及维护操作便捷的网页能力。但当前高职院校针对网页设计课程的实践教学存在诸多问题。例如实训教学缺乏标准化、职场化环境，对学生实际岗位技能培养都造成了影响。而工学结合模式则以学生就业为导向，以专业技能为本位，可有效满足学生职业生涯发展以及社会需求，基于工学结合模式的高职网页设计课程教学，具体以职业与岗位需求为依据明确课程体系，以工作任务为主线确立课程模式，以专业岗位划分设计课程内容，能够让学生尽快进入工作实践的机会，让学生提前融入由学生到工作者的环境当中，有助于培养学生理论知识迁移与实践创新能力，同时也注重专业前瞻性与动态性，适应互联网行业不断发展的社会需求。这也是当前社会赋予高职教育的重任。因此，面临计算机专业教学新环境，高职院校应结合当前计算机产业对高素质技能型人才的新需求，以校企共建为基础，实施工学结合的教学模式，促进计算机网页设计教学改革。

二、工学结合模式下高职网页设计课程教学设计

工学结合模式下的高职网页设计课程教学设计，可具体以企业技术人力等作为基础，课程教学内容以具体工作需求为目标，教学模式以工作流程为引导，实现教学内容项目化，教学过程工作化。具体来讲，可从以下几个方面入手。

(一)教学情境工作化

无论是专业基础理论，或是实践，都需要以企业需求为目标。因此学校有必要做到教学情境工作化，构建起校园文化同企业职场文化融合的平台，实现专业教学同产业的对接。同时结合专业课程培养目标，联合企业专家等对专业岗位工作任务实施整理归纳，将每一个学习情境结合工作过程细分为具体工作任务，把专业知识点融入工作任务当中，促进理论与实践的结合。

(二)教学内容项目化

教师以及课程团队可凭借自身教学经验以及相关项目资源基础，以网页设计制作、网站编辑等职业标准为标准，以实际项目作为课程教学内容，使学生在工作当中学习，在学习当中实践，切实发展学生职业能力。具体可以专业职业能力作为核心，将课程内容细分为几个项目任务，以项目为基础融合专业发展动态，展现教学内容的前沿性。教学实践中，教师可以项目负责人的角色开展教学。例如以专题网站建设与推广为具体项目，将其细分为网站规划设计、交互页面设计、二级页面设计以及动态页面设计等部分，教师首先引导学生分析各个项目，掌握学习目标，激发其主动性;同时结合项目内容将学生划分为几个小组，由每个小组长进行任务划分，合作完成项目;教师以及外聘企业专家进行对项目的定期考察，掌握学生项目完成情况。

(三)教学模式工作化

工学结合模式下，高职网页设计课程也应采取多种教学模式，搭建起起教、学、做一体化的情境，引入企业技术、工作流程等，紧跟当前专业动态，构建起工作化的教学模式。例如采取问题驱动教学法、案例教学法等，强化学生动手实践能力、创新能力以及职业素养的培养。以案例教学法为例，首先让学生欣赏一些优秀的网页作品，教师对作品从结构布局、设计搭配等各个方面分析，引起学生的兴趣，给学生留下初步印象;结合案例向学生讲解网页设计制作方法与步骤，并在示范操作之后让学生实践模仿;学生完成之后归纳要点，解决实践中所出现的各类问题，进行逐步点评;最后则通过模拟项目展开实战联系，让学生结合所学知识，亲自为用户设计制作网站，提升设计能力、创新能力以及综合能力。在一个学习阶段完成之后，教师可针对性安排课程实训，组织学生到企业当中参与网站设计建设实践项目，安排学生到企业参与实训，或者通过骨干教师承接项目的方式，由学生参与设计制作，让学生按照企业网站开发设计的流程与设计与开发，充分利用所学理论知识，提升创新与实践能力。

(四)考核评价多元化

基于工学结合模式，网页设计课程教学考核评价也应做到多元化，具体可构建起理论考试、课程项目评分、实训评价等多重考核评价模式;其次可引导学生以比赛代考、以项目代考等，鼓励学生积极参加各类专业认证考试，只要获取如“网页设计师”等相关行业证书，以及为相关单位建立网站，参与专业竞赛并获取成绩的，都可获得网页设计课程的学分。

三、结论

总而言之，工学结合模式下的高职网页设计教学以具体岗位能力需求为基础，以工作为标准明确教学内容与方法，促进学生在校期间更好地掌握职业技能，提升就业竞争能力与综合素质，满足社会企业用人需求。

参考文献:

［1］马晓虎．基于工作过程的高职“网页设计与制作”课程改革与实践［J］．电脑知识与技术，2011(10):7034-7036．