《网页美工设计》课程标准

《网页美工》课程标准一、课程名称网页美工二、适用专业计算机平面设计专业三、课程性质与任务随着互联网的快速发展，网页美工设计与图像处理技术进入了一个崭新的阶段。

网页作为网络信息的载体，不再是简单的文字与图片的展示，而是更加强调美观性、交互性，这也是当前网页美工设计与图像处理的发展趋势。

《网页美工》课程的开设是为了加强学生的网页美工设计水平，提高学生的图像处理实际动手能力，提高学生的就业竞争力，为社会培养必需的人才。

其任务是：通过学习，要求学生了解网页美工的基本概念，能运用网页美工的基本设计方法，能够利用三种软件设计并制作出静态网页的美工效果。

同时通过本课程的学习，提高学生的操作技能和网页美工设计能力，培养学生踏实认真、精益求精、团结合作、创新的精神，以及良好的职业道德，使之适应专业岗位需求。

四、课程设计（一）设计思路该课程总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，转变为以工作任务为中心组织课程内容，并让学生在完成具体项目的过程中学会完成相应工作任务，并构建相关理论知识，发展职业能力。

课程内容突出对学生职业能力的训练，理论知识的选取紧紧围绕工作任务完成的需要来进行，同时又充分考虑了高等职业教育对理论知识学习的需要，并融合了相关职业资格证书对知识、技能和态度的要求。

项目设计从当前网页美工岗位的典型实际工作任务为线索来进行。

教学过程中，要通过校企合作，校内实训基地建设等多种途径，采取工学结合等形式，充分开发学习资源，给学生提供丰富的实践机会。

教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。

（二）参考学时与学分参考学时：72学分：4五、课程目标（一）专业知识目标1.理解网页设计中的平面构成及色彩搭配原理；2.理解网页设计中的字体设计原理；3.理解网页设计中的排版与布局原理；4.理解网页设计中的动画制作原理；5.理解网店首页、产品详情页、活动页面的设计原理；6.熟知网页美工设计的专业知识。

网页美工教案教案标题：网页美工教案教案目标：1. 了解网页美工的基本概念和原则。

2. 学习使用常见的网页美工工具和软件。

3. 掌握设计网页的基本技巧和方法。

4. 培养学生的创造力和审美能力。

教学内容：1. 网页美工概述a. 介绍网页美工的定义和作用。

b. 解释网页美工的基本原则，如布局、色彩、字体等。

c. 引导学生了解网页美工对用户体验的重要性。

2. 网页美工工具和软件a. 介绍常见的网页美工工具和软件，如Adobe Photoshop、Adobe Illustrator 等。

b. 演示如何使用这些工具进行网页美工设计。

c. 给学生提供相关资源和练习，让他们熟悉工具的使用。

3. 网页设计基本技巧和方法a. 解释网页设计的基本要素，如导航栏、标题、图片等。

b. 引导学生学习如何选择合适的颜色、字体和图像，以及如何进行排版和布局。

c. 指导学生设计简单的网页，包括首页和内页。

4. 创造力和审美能力培养a. 鼓励学生进行创意思考，提供他们进行网页美工设计的主题和要求。

b. 引导学生进行网页美工设计的实践，鼓励他们尝试不同的设计风格和元素。

c. 提供学生互相评价和反馈的机会，促进他们的审美能力的发展。

教学步骤：1. 引入：通过展示一些精美的网页设计作品，激发学生对网页美工的兴趣和好奇心。

2. 知识讲解：介绍网页美工的基本概念和原则，并讲解常见的网页美工工具和软件。

3. 实践操作：让学生通过实际操作来熟悉网页美工工具和软件，如练习使用Adobe Photoshop进行图片编辑和处理。

4. 设计案例分析：分析一些优秀的网页设计案例，让学生了解设计师的思考和决策过程。

5. 设计实践：根据学生的年级和能力，布置一个网页美工设计的任务，要求学生按照所学知识和技巧进行设计。

6. 学生展示和评价：让学生展示他们的设计作品，并进行互相评价和反馈，鼓励他们分享设计思路和经验。

7. 总结：总结本节课的学习内容和收获，鼓励学生继续探索和学习网页美工的知识和技巧。

《网页美工CSS+DIV》课程标准一、课程的性质《网页美工CSS+DIV》是计算机类专业核心课程，具有较强的技术性与实践性。

课程目标是让学生掌握网站的建设与网页美工等方面的知识，重点培养学生用CSS+DIV的知识布局和美化网站。

通过充分利用CSS技术制作出令人眩目的网页效果。

本课程学习的前导课程有《网页制作基础》、《图形图像基础》，后续课程有《PHP程序设计》、《Lamp高级应用》、《H5+CSS3》等。

二、课程设计理念1、本课程标准的设计以就业为导向，根据计算机类专业学生的就业岗位：网页美工师、网页设计师、网站开发工程师等来设置教学进度、选择教学方法和教学评价。

以项目为单元的方式组织教学，按照网站开发流程，从模拟到创意制作，在实践过程中加深对专业知识、技能的理解和应用，培养学生的综合职业能力，满足学生职业发展的需要。

在教学过程合理布置教学任务，以课堂任务、每周任务、每月任务、学期任务，这样一个循序渐进的任务布置，使学生通过一个学期的学习能制作出一个具有自己个性、美观、使用的网站。

完成任务的过程同时也是学生把所学知识应用到实践的过程。

教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。

2、本门课程的总学时为36，其中理论课学时为12节，实践课学时为24节。

以基于工作过程的课程开发理念为指导，以职业能力培养和职业素养养成为重点，根据技术领域和职业岗位（群）的任职要求，以实际案例为载体，对课程内容进行序化。

通过教学模式设计、教学方法设计、教学手段的灵活运用、教学目标的开放性设计、教学考核方法改革等，保证了学生专业能力、方法能力和社会能力的全面培养。

3、课程开发思路按照“以能力为本位、以职业实践为主线，以项目课程为主题的模块化专业课程体系”的总体设计要求，学生系统学习基本知识、掌握知识结构框架及要点，理解不同模块、不同章节的重点和难点，通过课堂讲解和项目模块化案例练习，使学生熟练掌握知识点。

《网络店铺美工》-教学大纲、课程标准网络店铺美工-教学大纲、课程标准一、课程简介网络店铺美工是一门旨在培养学生在互联网平台上进行店铺美工设计和制作能力的课程。

本课程将结合美工设计理论与实践，介绍网络店铺美工的基本原理和技巧。

二、教学目标通过研究本课程，学生将能够：1. 理解网络店铺美工的概念和重要性；2. 掌握常见的美工设计软件和工具的使用方法；3. 研究网店界面设计和产品展示页面设计的基本技巧；4. 理解网店美工设计在推广和销售中的作用；5. 培养良好的美工设计思维和创意能力。

三、课程内容和教学安排1. 网络店铺美工概述- 网络店铺美工的定义和作用- 网络店铺美工与用户体验的关系2. 美工设计工具和软件- 常用的美工设计软件介绍和比较- 美工设计工具的基本操作和技巧3. 网店界面设计- 网店界面设计原则和技巧- 界面元素的布局和组织- 配色和字体的选择4. 产品展示页面设计- 产品展示页面的设计原则和要点- 图片处理和优化技巧- 产品描述和排版设计5. 网络店铺美工与推广销售- 美工设计在网店推广和销售中的作用- 利用美工设计提升网店销售效果的策略和方法四、教学评估和考核方式本课程的教学评估和考核将采用以下方式：1. 课堂参与和讨论；2. 个人或小组作业；3. 期中和期末项目设计与展示；4. 课程总结和个人反思。

五、参考资料- 网络店铺设计与开发教程- 网络店铺美工实践指南- 美工设计原理与技法以上是《网络店铺美工》课程的教学大纲和课程标准，希望通过本课程的学习，学生能够掌握网络店铺美工设计的基本知识和技能，并能够在实际应用中灵活运用，提升网店的形象和销售效果。

《网页美工设计》教案一、教学目标1. 了解网页美工设计的基本概念和重要性。

2. 学习并掌握常用的网页设计工具和软件。

3. 学习并理解网页设计的基本原则和技巧。

4. 能够独立完成简单的网页美工设计任务。

二、教学内容1. 网页美工设计的基本概念和重要性。

2. 网页设计工具和软件的使用方法。

3. 网页设计的基本原则和技巧。

4. 实际操作练习：制作简单的网页美工设计。

三、教学方法1. 讲授法：讲解网页美工设计的基本概念、原则和技巧。

2. 演示法：展示并讲解如何使用网页设计工具和软件。

3. 实践法：学生实际操作练习，制作简单的网页美工设计。

四、教学准备1. 教室环境：多媒体教学设备。

2. 教学材料：教案、PPT、网页设计工具和软件、练习素材。

五、教学过程1. 导入：通过展示一些优秀的网页美工设计案例，引发学生对网页美工设计的兴趣和好奇心。

2. 新课内容：讲解网页美工设计的基本概念、原则和技巧，展示并讲解如何使用网页设计工具和软件。

3. 实践练习：学生根据所学内容，实际操作练习，制作简单的网页美工设计。

4. 总结反馈：教师对学生的练习进行点评和指导，总结课堂教学内容。

六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度和提问回答情况，评估学生对网页美工设计的基本概念和工具的理解程度。

2. 实践作品：评估学生在实践练习中制作的网页美工设计作品的质量，包括设计理念、色彩搭配、布局合理性等方面。

3. 学生互评：鼓励学生之间相互评价作品，提供建设性的意见和建议，促进学生之间的学习和交流。

七、教学拓展1. 深入学习网页设计相关软件的高级功能，如Adobe Photoshop、Adobe Illustrator等，提升学生的网页美工设计能力。

2. 探索网页设计的趋势和流行元素，引导学生关注网页设计的最新发展，提高学生的设计创新能力。

3. 组织学生参加网页设计比赛或项目实践，提高学生的实际操作能力和团队合作能力。

《网页美工设计》教案一、教学目标1. 让学生了解网页美工设计的基本概念和流程。

2. 培养学生掌握网页美工设计的基本技能，如色彩搭配、布局、图片处理等。

3. 使学生能够独立完成网页美工设计，提高学生的创新能力和审美水平。

二、教学内容1. 网页美工设计的基本概念和流程。

2. 色彩搭配的原则和方法。

3. 网页布局的设计技巧。

4. 图片处理的工具和技巧。

5. 设计案例分析和实践。

三、教学方法1. 讲授法：讲解网页美工设计的基本概念、色彩搭配原则、布局设计技巧等。

2. 演示法：展示图片处理工具的使用方法和设计案例。

3. 实践法：学生动手实践，完成网页美工设计作品。

4. 讨论法：分组讨论，分享设计心得和经验。

四、教学准备1. 教室环境：多媒体教学设备。

2. 教学材料：教材、图片、设计工具软件等。

3. 学生设备：电脑、设计软件安装。

五、教学过程1. 导入：通过展示优秀的网页美工设计作品，引发学生兴趣，导入新课。

2. 讲解：讲解网页美工设计的基本概念和流程，重点讲解色彩搭配原则和网页布局设计技巧。

3. 演示：展示图片处理工具的使用方法和设计案例，让学生了解并学会运用这些工具。

4. 实践：学生动手实践，运用所学知识和技能完成网页美工设计作品。

5. 讨论：分组讨论，分享设计心得和经验，互相学习和交流。

7. 作业布置：布置课后作业，要求学生在下节课前提交网页美工设计作品。

六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度，提问和回答问题的积极性。

2. 设计作品：评估学生在实践环节提交的网页美工设计作品的质量，包括色彩搭配、布局、图片处理等方面。

3. 小组讨论：评估学生在小组讨论中的表现，包括分享设计心得、交流经验和合作态度。

七、教学拓展1. 邀请专业网页美工设计师进行讲座，分享实战经验和行业动态。

2. 组织学生参观网页设计公司，了解企业文化和工作流程。

3. 开展网页美工设计比赛，鼓励学生积极参与，提高设计水平。

《网页美工设计》课程教学大纲学分：4学时：72适用专业：计算机网络应用专业（高技）一、课程性质和任务本课程为计算机科学与专业的专业选修课程。

它综合性强、实用性强。

该课程的任务是通过学习平面构成，色彩搭配，字体设计、排版与布局，网络动画，形象设计，广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和技能水平。

二、课程基本要求结合专业培养目标，提出本课程要达到的基本要求，这些要求包括：1、平面构成网页设计中平面构成原理及构成形式在网页设计中的运用2、色彩搭配了解色彩构成原理及网页色彩心理；掌握网页配色原理。

3、字体设计、排版与布局字体设计基本原理；网页设计中字体与版式设计及字体颜色的运用。

4、网络动画网络动画的分类；网路动画的制作及指导方针。

5、形象设计视觉识别系统的相关概念；网路形象设计。

6、经典网络解析各类网页分析，常见网页策划、设计、开发、错误。

三、教学条件1.为保证理论与实际操作密切结合，本课程要求一个教师和一个一体化教室。

教室中学生每8人一组，每组组同学自备电脑。

另为方便学生查阅资料，所有同学要能上网。

2.每班由一位主讲教师上课，要求教师能在操作和理论两方面对学生进行辅导。

教师除掌握本专业的理论知识、操作技能外，还要具备良好的知识表达能力和对学生的引导能力。

注：选讲内容在课程内容后面标注“*”号。

六、考核方法1.期末项目考重点考核知识、理论和部分专业能力占总成绩的50％。

2.每个人单独通过的项目实例考核占总成绩的40％。

3.出勤、作业与课堂答问占总成绩的10％。

七、教学说明在教学过程中，课堂教学相对集中课时对网页设计中的“构成原理”“色彩搭配”“排版与布局”“动画”“实例解析”进行严格的训练（尤其是经典案例的实战教学），以求在一个较短的时间内将网页设计中的设计能力提高到一个较高的水准。

在教学手段方面可采用多媒体教学的方式进行理论和实例的讲解，加大临摹练习，以获得最佳的教学效果。

《网页设计》课程标准一、课程基本信息课程名称：网页设计学分：课程代码：学时：二、课程性质《网页设计》是平面设计和传媒类专业的拓展课程之一，是完成相关专业培养目标所必需的重要理论与实操一体化教学环节。

《网页设计》这门课主要针对网页设计中的配色和网页布局进行研究和讲解。

本课程的核心技能是在熟悉网页设计原则、色彩基础知识、色彩的情感象征和主题印象等理论知识的基础上，掌握网页结构布局、网站Logo与导航设计、网页用图和文字的排版设计、网页配色设计以及如何通过网站主题进行风格定位，从而完成网页布局设计与配色方案设计，设计出合理而精美的网页作品。

本课程旨在培养符合网页设计、用户界面设计、网站策划等社会岗位需求的界面艺术设计的职业技术人才，使学生具备网页设计的艺术鉴赏能力和网页布局与配色的设计和创作技能。

本课程是计算机类专业学生必须掌握的专业知识之一，通过本课程的学习，学生将了解网页设计、网站项目创建实施的流程及方法，具备网页设计、网站建设与维护的基本能力，为今后学生到相应的职业岗位打下基础。

同时，本课程将重点培养学生的创造能力、实际动手能力和计算机应用能力，从而适应日新月异的就业形势和社会的人才需求。

三、课程设计（一）课程目标设计1.能力目标:（1）能够掌握网站标志和导航设计重要性以及设计方法；（2）能够掌握网页设计中页面整体布局原则以及页面元素设计方法；（3）能够理解色彩基本知识、熟悉网页色彩模式、网页中色彩运用的基本原则和色彩的作用；（4）能够掌握网页配色设计的方法；（5）能够根据主题进行网站页面创作与设计。

2.知识目标：（1）了解网站设计特点、构成元素、设计原则等；（2）了解网站页面规划与元素设计的方法和技巧；（3）掌握网站中的图形与文字排版设计的方法和技巧；（4）了解网站页面布局的目的和设计方法、原则；（5）了解色彩在网站设计中的作用；（6）掌握网页配色的基本方法和技巧；3.素质目标：（1）培养学生的审美能力；（2）培养学生的设计能力、团队合作和沟通能力；（3）培养学生独立思考、自主学习和创新能力；（4）培养学生知识的融会贯通和举一反三的能力；（5）培养学生踏实肯干、做事认真、细心做事的态度；（6）培养学生独立的决策能力；（7）有耐心，有恒心，善于接受批评意见；（8）具有严谨的科学作风和踏实的工作态度，积极的求知欲和进取心。

《网页美工》课程教学大纲一、课程性质对于高等职业教育学院的学生来说，计算机课程是一门实践性及专业性很强的课程。

随着社会的发展，网络以其快捷、方便的特征被人们广泛接受。

时代大发展，人们的鉴赏力越来越高，对网站的视觉设计要求也越来越高。

《网页美工》正是这样的一门课程。

它提供的几乎是无限的创作空间，为网页设计开辟了一个极富弹性且易于控制的世界，提供了一个前所未有的自我表现的舞台。

是高等职业学校平面设计及多媒体专业从事相关实践不可缺少的重要手段之一，每一位相关专业的学生都应该熟练地掌握和运用，以增强适应职业变化的能力。

二、课程目标本课程的教学目标是：以现代职业教育理念为指导，通过先进的教学手段，使学生充分掌握网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和基本技能的水平。

三、课程要求根据教育部对教学计划制定的指导意见，该课程的课时设计为90课时，理论30课时，实践60课时。

而教学任务则要兼顾理论和实践内容，但不可能做到面面俱到，“全”而“深”的教材并不适应他们。

因而必须对教材内容的进行整合，这一点非常重要。

而教材内容的整合，既不能简单的删、减理论内容，也不能随便删减实践教学内容。

本教材的要求如下：高职计算机应用、网页设计、动漫、动画等专业中的必修课程，它具有承上启下的作用，因此在编写教材时，力求将平面设计的诸多因素贯穿其中，使学生在潜移默化中更多地去涉猎艺术元素，不断提高自我的艺术修养。

2.突出理论与实践相结合的原则，将理论融入每个实例中去，减少学生学习时感觉枯燥无味的现象，力求快速掌握网页设计的基本知识。

3.教材的每一章节的练习中增加了分析作业，充分发挥学生的自我想象能力，有助于锻炼学生的创造性思维，更好的适应市场的变化。

四、教学内容全书共分为8章，主要学习网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计等。

《网页美工设计》课程标准Curriculum Standards(2019年修订)课程名称：网页美工设计课程代码：适用专业：数字媒体艺术设计专业学制学历及教育类别：3年制高职教育课程学分：5学分计划用教学时间：80学时修订人：审定人：修订时间：1．课程设置概述1．1 课程在相关专业中的性质与定位数字媒体艺术设计专业的定位是：培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门人才。

针对数字媒体艺术设计专业的毕业生就业的主体岗位网页设计师，人才培养方案设置了《网页美工设计》这门课程。

课程定位如表1所示。

表1 课程定位1．2 本课程的基本教学理念本课程设计以教育部【2006】16号文件精神要求为切入点，以服务为宗旨，以就业为导向，以提高学生的实践能力、创造能力、就业能力和创业能力为目标，以职业能力培养为重点，通过学习此课程，要求学生掌握网页的设计与制作技术、网站的创建技术以及网站的管理维护能力。

1．3 本课程标准的设计思路与特色学习本课程的目的：是熟练应用 Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。

本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。

通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用Dreamweaver等工具提供的强大的功能制作出精美的网站。

●坚持理论与艺术实践相结合，做到深入浅出，通俗易懂、生动活泼。

●把握设计教学的特点，坚持以设计带动软件的学习，努力消除教学中的僵化思想。

●加强对学生审美能力的培养，使得艺术与技术并重。