网页设计的流程

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页设计的流程范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

网页设计的流程范文第1篇

关键词：电网工程；影像化处理；委托业务

中图分类号：TM715 文献标识码：A 文章编号：1009-2374（2013）26-0015-02

1 电建委托业务的现状与问题分析

电网建设工程具有管理过程复杂、涉及范围广的特点，电压等级越高，该特点越明显，大多电力企业依托下属单位开展电网工程属地化协调及建设管理工作，工程财务管理工作仍集中在总公司财务部门，采用受托单位集中报账模式核算。集中报账财务管理模式，一般每月或每季度报销一次，工程成本归集时间滞后，总公司和受托建设单位在工程财务管理上相脱离，导致财务部门工程管理关口滞后，财务部门难以实时控制各项支出的真实性、合理性和合规性，存在工程成本入账不合理、项目费用超支的潜在风险，不利于工程成本过程控制和降低工程造价。为解决这一矛盾，本文提出利用ERP工作流结合票据影像技术，设计电网建设委托业务影像化处理流程。

2 流程设计思路

以公司基建部、财务资产部同步在线审批受托建设单位工程各项费用支出为目标，从组织、制度、流程、信息系统等方面优化在线审批方案，努力提升标准化、规范化、专业化的工程管理集约化水平，开发建设并应用电建委托业务影像化处理流程。包括如下具体内容：

（1）开发建设票据影像管理系统，实现影像数据统一存储、集中管理；（2）设计电建委托业务审批工作流，根据业务需要设置审批节点，自动整合业务数据和原始影像凭证；（3）遵循系统整体设计原则，与ERP系统、财务管控系统充分集成；（4）采用“集中开发、统一部署”的方式，所有的功能统一设计，包括与ERP系统、财务管控系统的接口，系统集中在公司统一部署。

3 流程技术方案

电网建设委托业务影像化处理流程依托ERP工作流和票据影像系统，通过集成ERP系统、企业门户等，以ECC工作流系统作为后台管理引擎。以SAPNet Weaver为平台，通过Web Dynpro开发基于表单的用户界面，构建一站式、简单实用的审批平台。以企业内部门户作为工作流展示页面，将原来的线下纸质票据传递转化为线上影像票据流转，受托建设单位业务部门发起业务申请，填写付款方式、金额、银行账号、供应商等财务信息，上传相关票据影像，经相关领导审核后传递至总公司相关部门和人员审批，审批通过后自动生成总公司和受托建设单位双方会计凭证。

（1）ERP工作流：通过工作流，将报销业务从线下转移到系统内实现。工作流具有流程透明固化、方便监控流程状态、自动匹配审批人、自动发送待办通知等优点。利用ERP业务处理节点的合理衔接，改变了各部门过去信息闭塞、各自为战的局面，形成了协同作战的良好氛围。通过财务与前端业务信息的集成互联，提高业务流传速度，保证业务处理的及时性。工作流业务处理节点分为受托建设单位和总公司两部分。受托建设单位发起业务申请，上传相关票据影像信息，总公司基建部门、财务部门接收申请，同步在线审核业务支出合理性、合规性。各级审批人员只需要按照工作流中预设的流程进行审批，系统后台操作使业务人员操作更简单、流程更透明。ERP工作流加强了上下级单位和相关部门间的流程互通和信息共享，提高了数据准确性和业务执行效率，减少了重复工作量。

（2）票据影像系统：利用非结构化数据管理平台，开发应用票据影像系统。票据影像系统分为采集子系统（扫描仪）与影像管理主系统两部分，具有影像采集、影像管理、基础支撑三项功能。工程管理相关人员通过系统查阅电子化票据即可开展业务，无需等待实物票据，减少了业务等待时间，加快了业务处理速度。系统通过影像单据业务电子化，实现了受托建设单位原始凭证的可视化管理，延伸和拓宽了总部工程财务管理视野，实时开展财务业务在线稽核。业务流程影像集成的方式采用通用的Web服务方式，工作流通过影像系统获取登录票号，通过影像上载的URL，填充来源系统、影像集编号或者影像集副编号等参数，进入影像系统的上载页面。同时在工作流封装上载界面优化用户体验，用户在工作流界面可进行影像文件的上传、查询、修改、删除等操作。票据影像系统与工作流系统的无缝集成，保证业务审批全部通过线上流转，同时保证影像文件与工作流申请单信息的匹配，在审核阶段能够更有针对性地保障业务的合规性，对于后期会计档案的查询也能够实现原始单据的电子化。

（3）凭证生成技术：在业务申请单据中，通过在ERP系统设置内部往来核算规则，相关信息项自动对应到具体会计明细科目，实现了不同会计主体间关联业务的会计处理自动触发完成，工作流审批完成后调用凭证生成BAPI自动生成公司本部及受托建设单位会计凭证。在此之前需要在工作流申请过程中，对数据进行校验，保障提交的数据的有效性及真实性。通过凭证自动生成功能，该业务只需在一个入口进行操作即可，减少了财务人员工作强度，避免了人为操作导致与申请不一致的情况。

4 具体操作流程介绍

电建委托业务影像化处理流程测试通过后，需布置受托建设单位上线应用，系统主要操作流程如下：

一是完成流程导入、打印机、扫描仪采购工作。二是项目组制定基础数据收集标准规范及模板，由总公司财务资产部审定后下发受托建设单位，受托建设单位收集并上报各业务节点用户权限，提交财务资产部。财务资产部和项目组对最终数据进行审核，完成系统权限配置。三是对系统最终用户进行培训，帮助最终用户熟悉和适应系统各模块的工作流程和操作方法。四是受托建设单位业务部门填写业务申请单，上传票据影像信息，传递至本单位财务部门。财务部门审核申请单信息的完整性和准确性，补充填写付款方式、金额、银行账号、供应商等财务信息，预览会计凭证，提交至总公司审批。五是总公司基建部、财务资产部进行在线审批，点击查看相关原始票据影像信息，审核支出的合理性、原始凭证的真实性和准确性、费用归集合规性、支出项目是否合理或超支，剔除不合理支出，审批同意后自动生成公司本部和受托建设单位会计凭证，实现了对工程成本实时管控和全过程监督。

5 实施效果

电建委托业务影像化处理流程通过报销单据在线审批流转，减少人工报销成本50%以上，同时对受托建设单位工程费用实时在线管控，完全杜绝了工程支出的浪费、无序和超概算现象的发生。流程的设计和实现，具有以下

效果：

一是通过影像单据业务电子化，实现了财务报销业务的在线处理，减少了人工传递成本，缩短了业务处理时间，增强了业务报销的及时性。

二是总部基建部通过查看相关原始票据影像信息，审核支出的合理性、合规性，工程结算工作由“事后审核”变成“事中控制”，改变了原来工程竣工后结算工作被动审核的局面，实现了业务、财务数据一体化。

三是总部财务资产部在线审批，将工程财务管理关口前移，对工程成本支出真实性、合理性实时管控，及时剔除不合理支出，净化了工程费用支出，加强工程造价过程控制。

四是自动生成总部和受托建设单位会计凭证，提升了会计核算效率，利用系统报表功能，工程支出情况实时汇总查询，提高了信息加工、展现、穿透与分析能力。

6 结语

电网工程项目的管理是电力企业重要的管理活动，涉及部门多，资金量大，抓好工程成本过程控制，才能有效合理地控制造价，使有限的投资发挥较好的经济效益和社会效益。电网建设委托业务影像化处理流程利用信息化手段，优化和完善了工程业务流程，并明确了工程，将工程管控关口前移到项目实施阶段，满足了委托建设工程远程监控管理的需要，为工程成本的节约提供了技术支持和实施保障，实现了管理效益和经济效益的双赢。

参考文献

[1]杨波，严坤，姜劲松，胡谷雨.面向Web服务架构的协同工作流模型[J].计算机工程与设计，2011，3.

[2]詹伟.工作流助力湖北电力ERP系统深化应用[A].2010电力行业信息化年会论文集[C].2010.

网页设计的流程范文第2篇

关键词：网页设计；视觉信息；传达；分析

1 网页中的视觉

网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。

视觉流程的形成是由人类的视觉特性所决定的。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线贯穿其中，使整个版面的运动趋势有一个主旋律。平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。网页设计是一门艺术和技术的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，因此网页设计逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计是要制作出清晰、整体性好的页面。人浏览起来心情愉快，接收信息也会更加容易。网页设计是要把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。

变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化；怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。

2 网页设计的审美需求

网页设计是一门新兴的艺术和技术的交叉学科，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计同样如此。需要从审美的方面入手，制作出清晰、整体性好的页面。人浏览起来心情愉快，接收信息也会更加容易。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。

变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，很多目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈，就会给网页设计的自如发展带来一片新的天地。

3 网页中各构成要素分析

对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

3.1 文字的编排与设计

文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题。

和利用纸张阅读的方式相比，网页设计中的文字的易读性相对较差，再加上一般的用户在普通的页面上花的时间比较短，所以对于网页设计中的文字编排应该满足以下几个要求：第一，文字编排的过程中选择一些经常使用，用户经常见到的字体。第二，尽可能多地使用黑体和宋体，宋体的阅读方式最便捷，更富有现代气息。第三，限制页面风格，以突出强调作用。

3.2 图片的编排

在网页设计中，图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息，让用户更直接的了解，加大了网络提供的信息量，再加上图片的使用在很大的程度上也使页面更美化。因此，在网页设计中，要想单纯文字表达的信息变得有趣，最简单的方法就是使用图片。

4 结语

在我国不断发展的进程中，网页可以说是一种全新的视觉表现形式，不仅包含了平面设计的各种理念，还具有跟其他文化不同的优点。如果要做好网页设计，绝对不是一件容易的事情，这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容，更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天，网页设计的价值不应该只局限于提高信息的传达效率，还应该重视给用户带来视觉的审美享受。

参考文献：

[1] 谢依君.电子报的新闻介面分析[D].台北：台湾国立政治大学，1999.

网页设计的流程范文第3篇

【关键词】 工作过程系统化；《网页设计与制作》；课程开发

【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01

基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。

基于工作过程系统化的课程开发有以下步骤：

第一步：本地区及周边地区人才市场调研；

第二步：职业分析；

第三步：提炼本课程所设计的职业行动领域；

第四步：按照工作过程系统化对课程知识体系进行解构和重构；

第五步：精心设计教学内容和教学过程；

第六步：精心学习情境设计。

总结起来就是：工作任务分析行动领域归纳学习领域转换学习情境设计[3]。

一、工作任务分析、行动领域归纳

《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。

二、学习领域

网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。

三、学习情境设计

根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：

其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。

参考文献

[1]姜大源，职业教育学研究新论[M]，北京：教育科学出版社，2007。

网页设计的流程范文第4篇

一、高职网页设计课程教学现状分析 

高职院校网页设计是一门综合性相对较强的课程，当前一些高职院校仍然以传统理论与实践教学结合的模式为主，对实践教学的重视程度也越来越高。通过先理论再实践教学的模式，给学生带来了动手实践的机会，实践操作学时也有所增加。但随着专业的不断发展，教学内容日益丰富，传统实践教学模式已难以满足学生需求，许多学生在较短的实践操作课程中对专业技能掌握仍然缺乏，职业能力培养也无法取得令人满意的效果。总体来看，当前高职院校网页设计课程由于教学内容较为繁杂，课时相对不足，导致教学深度相对缺乏，学生专业技能掌握程度不足，实践能力有待进一步提升；从教学方法上来看，虽然一定程度上注重学生动手实践能力的培养，但由于缺乏系统整体的训练，对学生问题分析与解决能力的培养也有待完善。[1] 

二、基于工作过程的高职网页设计课程构建 

（一）分析职业能力需求，明确教学目标 

为使网页设计课程构建更符合学生与企业需求，高职院校应加强调研，结合企业用人单位调查、企业专家访谈等方式，对网页设计专业人才需求展开系统调查，理清网站编辑、网站制作人员等具体社会需求；同时对计算机专业从事网页设计相关岗位的毕业生进行调研，进行对岗位能力等各项内容的调研。同时，高职院校应突破原有课程教学体系，去除以知识体系为主的模式，以网站工程师、网页设计师等专业职业技能为目标进行课程开发与设计，网頁设计课程以培养优秀网页制作人员为教学目标，确立以学生职业能力与职业素质培养为重点的课程构建理念，注重基本实践能力的培训，让学生掌握各类网页设计制作技能，使其具备一定网页设计开发、网站维护等能力。[2]使其课程构建既能够培养学生职业岗位所必须的技能素质，也可让学生更快更好地养成职业习惯，提升职业能力，为学生职业生涯发展打下坚实基础。 

（二）制定课程标准 

结合计算机专业技术要求以及企业用人需求构建网页设计课程教学大纲，制定系统化的课程标准。首先应明确能力目标，也即让学生能够熟练应用技术设计与制作网页，具备自主动手、信息整合以及自学、合作等能力；其次为知识目标的确定，要求学生掌握网页设计制作方法，会使用HTML语言，能够设计与制作网页动画等。此外为素质目标，使学生具备自主创新思维，有网站策划能力等。 

（三）完善教学内容 

高职院校课程组教师应深入企业与社会，了解专业最新要求；院校也有必要加强与企业合作，共建校外实训基地，开发设计基于工作过程的网页设计课程，以工作项目作为载体，将教学融入项目当中，围绕工作过程明确课程内容，结合工作任务完成流程，提炼出以学生职业能力培养为核心的模块，合理选取工作当中使用率高、典型性工作任务作为学习项目，对网页设计教学内容实施科学整合与序化，同工作实践中的应用组合成功能模块，促进工作过程与教学过程的融合度，实现理论与实践结合。 

（四）重构教学模式 

基于工作过程的高职网页设计教学模式也应满足教学目标需求，采用工作过程化的模式。具体可通过工作任务、企业任务等针对性强的工作情境引入，让学生掌握理论基础知识以及技能方法等；同时引导学生自主解决相关问题，为完成网页设计制作问题加强合作与交流，充分发挥主观能动性；最后则通过“情景拓展”，引导学生自主实践，进一步提升自主学习能力与职业能力，例如鼓励学生参与网页设计大赛等，全面培养学生实践操作与开发应用能力。[3] 

（五）更新教学方法 

高职院校网页设计课程教学方法也应实现进一步更新，具体应结合用人单位网站设计制作岗位要求，对岗位能力进行全面分解并归结出对应的课程知识点，构建起课程系统，结合案例教学法、项目教学法、任务驱动教学法等方式，明确网页设计、网站运营、网页测试等课程内容，引导学生以工作过程为基础，掌握网页设计制作构件、明确网站架设，提升专业技能。例如任务驱动教学法的应用，具体可将学生网页设计实训内容分为独立任务模块，包括模仿操作内容、独立操作内容以及工学结合三种类型，其中模仿操作开展为通过一个系统的网站，引导学生分次完成，使其掌握基础理论以及基础操作技能；独立操作即向学生布置任务，让学生以小组为基础自主完成项目任务；工学结合则可通过与企业合作，或利用工作室项目，组织学生完成实际网页设计项目。总而言之，通过此类实践教学充分调动学生积极性，培养学生职业态度，提升其实践创新能力。 

三、结语 

基于工作过程的高职网页设计课程构建，能够将繁杂、分散的网页设计课程知识点有效整合与分解，以工作任务项目为载体，实现教学与学习的工作化，进而充分挖掘学生的积极主动性与实践创新能力。因此，高职院校网页设计教学应不断研究与完善基于工作过程的课程体系构建，使专业人才培养定位更为精确，使学生职业竞争力得到进一步提升。 

参考文献： 

[1]张丽香.基于工作过程的高职“网页设计”课程建设[J].现代计算机，2013（5）：4750. 

网页设计的流程范文第5篇

关键词：网页设计；计算机专业；课程改革

中图分类号：G642 文献标识码：A 文章编号：1674-7712 （2013） 06-0178-02

一、引言

随着互联网的发展，对网页设计人才的需求也越来越多，要求也越来越高。《网页设计与制作》不但是高职院校计算机相关专业的核心基础课程，也是电子商务，工科相关专业的专业课程以及艺术相关专业的选修课程。

面对市场需求的变化，不同的专业的学生，我们再不能不考虑学生的专业，而是用同一本教材教授所有的学生，而是应该根据市场的需求，针对不同的岗位的不同要求，因材施教，进行相应的教学改革。

二、课程性质

《网页设计与制作》其主要任务是使学生掌握网页设计及制作的基本知识，了解当今网页设计与制作技术发展的趋势，培养学生网站建设和网页设计过程中的综合能力学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位，并可不断提升岗位工作能力。

《网页设计与制作》是一门操作实践性很强的课程。

基于《网页设计与制作》课程的特点和网页设计人才的岗位需求，需要从以下几个方面进行教学改革：

（一）课程设计的理念的更新

培养学生的职业能力是职业教育课程设计的基本目标。本课程的教学是基于相关就业岗位的工作过程，把课程内容模块化，课程内容序列化，课程设计将“企业的任务”以“教学的形式”来完成“人才的培养”。

课程设计的思路

由于对相应的工作岗位群应该具有的相关职业能力

《网页设计与制作》课程设计采用“基于工作过程”新的教学模式，对网页设计人员以实际工作岗位中的工作过程为依据，分解出四个工作任务，即网页的设计与制作、图形图像动画素材的加工处理、网页配色及熟悉网站开发以及的流程。再由这四个工作任务分解出多个岗位工作能力，再由职业能力转化为相应的只是，工作技能和工作态度，然后确定教学的内容和教学的先后次序。再将整个过程形成一个完整的教学体系。

（二）针对不同的专业的教学内容有的放矢，加强不同专业的适用性

1.针对不同专业《网页设计与制作》采取模块化教学方式

为了针对不同的专业，教学内容决定采用模块化，不同专业学生可以选取不同的模块进行学习。

《网页设计与制作》课程教学根据不同的专业和学生兴趣点的不同，选择不同的教学模块。计算机专业大体上可以分为两个教学模块：页面设计（静态和动态）和平面设计。

非计算机专业可以也可以有两个教学模块：静态页面设计和平面设计。

以此《网页设计与制作》课程可以按照不同的工作岗位需求分以下五个模块：

（1）经典网站赏析以及网页制作的相关工具介绍模块

（2）网页制作模块（主要学习html，dreamweaver，div+css网页布局和网页特效的插件的使用）

（3）图形图像动画处理模块（主要学习photoshop和flash，学习这些软件可以达到对网页中的图像进行处理和制作网站的logo，banner条和网站片头的作用）

（4）网页配色模块（主要学习网页的基本配色规则和配色工具的使用）

（5）网站策划开发及维护模块（主要学习网站的整体策划开发流程和网站如何进行维护以及简单的动态网站服务器脚本语言ASP）

第一第二模块是《网页设计与制作》的基础部分，通过这两个模块的学习学生可以制作简单的网站。

第三第四第五模块是《网页设计与制作》的提高部分，通过这两个模块的学习学生可以达到培养网站的艺术鉴赏力。

各个专业的学生可以根据自己专业所学习的前序后续课程选取适合自己的模块学习。

电子商务专业和艺术类的学生由于前序课程学习过《平面设计》（主要是photoshop和flash）可以选择模块1、2、4、5

艺术类的学生由于前序课程学习过《平面设计》和美术可以选择1、2、5学习合理选择教学内容。

机电类和计算机类的学生可以选取所有模块进行学习。

2.网页设计与制作课程采取序列化教学模块

在一般情况下，《网页设计与制作》课程的内容较为独立，模块教学内容之间彼此的联系很弱。模块具有较强的独立性，彼此间往往缺乏联系。为了提高人才培养的质量，保证学生的知识体系完整，同时培养一定的网站鉴赏能力。因此根据高职学生的认知规律，对教学内容进行序列化处理能提高教育教学质量。并将整个教学分为四个教学阶段。

基础阶段：本教学阶段主要以赏析国内外各种优秀网站为主。通过欣赏可以培养学生对网站的艺术鉴赏能力，激发学习兴趣，开阔视野，了解网站的基本构成。

基本技能培养阶段：本阶段将学习网页的基本制作知识，包括网页文本，表格，超链接，图片的插入，行为flash的插入以及插件的使用，站点的搭建等最基础的技术。通过简单的学习学生可以运用所学的知识很快做出一个简单的网站。

网页设计阶段：本阶段的教学将以提高学生的艺术鉴赏力为目标，以photoshop和fureworks软件为主讲授图片的切片处理，色彩的调配，页面的设计等。让学生在网站的制作过程中加入设计的元素。将简单的网站制作上升到设计的层面。潜移默化，循序渐进，以模仿学习为主逐渐提高学生的艺术创新能力。

综合实训阶段：本阶段主要为了让学生熟悉网站的完整开发流程。将所学习的知识全部那个在网站开发的过程。本阶段要求学生从书写一个小型网站的策划书，到网站的设计，到全部由学生独立完成，老师只是进行指导。通过学习学生会对网站的整个开发有详细的了解。

3.针对不同专业将开展不同主题的网站专题讲座进行补充教学

例如电子商务专业需要专门对电子商务类网站进行设计

三、教学模式的设计与创新

实行工学结合的教学方式是高职院校按照市场对高职人才的需求而行之有效的教学模式

为实现培养目标，建立工学结合的长效机制，我们加大了实践教学力度，广泛开展校企合作，形成了开放、多边、灵活的工学培养模式。其中主要有以下几种：

（一）订单式培养

学校按照企业对用人的要求，校企一起制定相关的培养方案和培训体系，开展相关的课程教学。

学生直接根据企业的要求，掌握专业的职业技能。

（二）“双证书”制

依照国家职业分类标准，结合学生所学专业，学院实行了“双证书”制。学生在学期间不仅要取得毕业证书，还要获取与专业相关的职业资格证书。

（三）课程调整

为了满足企业发展的要求，为了使毕业生尽快成为专业技能型人才，加大相关课程的实训课时数。

（四）实训基地建设

我院校为了培养学生适应行业企业需要的职业技能，坚持校内实训与企业实习相结合。

（五）“双师型”队伍建设

工学结合的培养模式，决定了高等职业教育教师除具备各类教育教师都要具备的素质外，还应具备技能型人才的各种素质。定期选派专业教师到企业挂职锻炼；同时聘请了企业来的专家，兼职承担《网页设计与制作》课程的教学。

四、多种教学方法的运用

高等职业教育应该培养具有大量专业技术知识和操作技能兼备的高级应用型人才。为此，我们改变传统的教学方法，引入先进的教学理念，强化技能训练，实现了与专业岗位的无缝连接。

（一）采用了“三位一体”学习法

“精讲多练”是该课程教学的最大特点，本课程的教学目标强调在了解网页设计理论知识的基础上，重点培养学生的操作技能和技巧。为了达到良好的教学效果，采用了“三位一体”教学法。所谓“三位一体”教学法就是在实训课中教师在计算机上教，学生在计算机上学，然后在计算机上做。这种边教边学，边学边做的交互式教学形式，提高了教学的直观性，调动了学生的积极性，增强了学生的动手能力，达到了教、学、做合一，手、脑、机并用的效果。

（二）运用基于案例的教学方法

根据本课程的教学目标和特点，我们主要采用“基于典型案例”的教学方法，从实际的网站中捕捉网页技术的典型优秀案例，引入课堂。对启发思维、激励情趣、提高学习效率起到重要作用。

（三）建立了基于创建个人网站的实训方法

整个授课过程中就要求学生根据自己的兴趣和能力自主选择一个相应主题，创建一个自己的网站，尝试和感悟职业岗位对职业技能的要求。

参考文献：

[1]卢莉，陈苡.综合职业能力视角下高职网页设计与制作课程改革[J].哈尔滨职业技术学院学报，2012，3.

[2]钱会敏.电子商务专业中《网页设计与制作》课程改革的思考[J].中国科技纵横，2009，11.

[3]马晓虎.基于工作过程的高职“网页设计与制作”课程改革与实践[J].电脑知识与技术，2011，29.