《网页艺术设计》课程标准

《网页艺术设计》课程标准课程类型：必修课适用专业：视觉传达总学时：64适宜开设学期：4一、课程概述本课程是视觉传达艺术设计专业数字媒体技术方向的一门专业核心课程。

通过本课程的学习，要求学生掌握目前行业中网页设计的方法和流程，网页交互的形式，网页制作的方法。

具备通过对客户需求的分析，从美学的角度的去完成网页的设计，同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。

1．本课程学习领域包含网站版面设计，网站制作和网站内容编排。

通过对网站的用户需求分析、题材选择、设计元素、表现形式、优秀作品分析等使学生在认知并研究文字、图案、导航等平面设计语言，具备在各种形式的网页设计中灵活应用、整体把握的能力，培养学生的创意能力，并提高对网络元素设计在市场中定位的准确性。

2．本学习领域的学习情境设计是依据企业、商业、社会团体、文化机构等设计活动之需要而设计，围绕着企业典型工作任务设定若干个学习情境，通过社会实践与项目实训课题相结合的教学模式。

3．本课程需在《计算机应用》、《数码摄影与图象处理》等课程之后开设。

此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。

二、课程目标1．专业能力学生应熟练掌握网站设计与制作的相关方法和技术，包括网站LOGO设计、网页的Banner设计、网页的版面设计，网页设计中的文字图片色彩的运用、网页中HTML-DIV-CSS 样式的语言运用。

以适应现代多媒体行业发展要求及拓宽学生求职能力的需要。

2．方法能力（1）具有较强的草稿绘制和平面设计编排能力。

（2）具有较强的自学能力及分析问题和解决问题的能力。

（3）具有较准确的市场分析、调研、信息获取及判断的能力。

（4）具有一定的就业与创业知识和主动寻找职业机会的能力。

3．职业素养（1）具有良好的诚信品质、职业道德、审美、文化素质。

《网页设计》课程标准一、课程概况注：课程类别填公共基础课、专业基础课、专业核心课、岗位方向课二、专业对课程要求通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。

熟悉创建网站站点，制作基本页面，布局和美化页面，创建和应用模板，制作网页特效，整合与测试网站的方法，使学生达到理论联系实际、活学活用的基本目标，提高其实际应用技能，以便能获得就业机会，提高个人的综合竞争力与社会适应力。

在教学过程中，要引入“工匠精神”，让学生在技术上与职业素养上都得到进一步提升，两者结合，制作出好作品。

三、课程培养目标1、总体目标本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的工作中网页设计打下基础。

2、知识目标（1）理解HTML的基本标记、文字、段落标记、表格标记（2）理解HTML图像、超链接标记和框架标记。

（3）理解CSS样式的作用和基本语法。

（4）掌握CSS样式的常用属性的设置方法。

（5）掌握Dreamweaver的多种布局方法。

（6）掌握Dreamweaver编辑网页的方法。

（7）掌握PS切片工具的使用方法。

3、能力目标（1）能够学会用HTML语言来编辑最基本的网页（2）能够熟悉使用CSS样式来编辑网页。

（3）熟练掌握Dreamweaver来进行网页的布局、制作网页特效。

（4）能够结合使用PS来设计简单的网页页面，通过切片处理在软件中进行编辑网页。

4、素养目标（1）培养具有较强的网页设计创意思维、艺术设计素质。

（2）把精益求精、严谨务实的工作作风融入到作品中（3）培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性。

（4）培养学生理论联系实际的工作和学生方法。

（5）养学生观察、想象、思维能力，创作出符合时代要求的好作品；（6）培养学生对行业的热爱；爱岗敬业的职业道德情操，为未来的就业做好充分的准备。

《网页设计》课程标准课程名称：《网页设计》适用专业：计算机应用技术，电子商务建议学时：72学分：41.前言1.1课程的性质《网页设计dreamweaver》是计算机应用技术专业和电子商务的主要专业课之一，是为满足行业企业在网络媒体内容制作岗位对静态网页设计和制作人员的用人需求而开设的一门专业必修课，占4学分。

1.2 课程定位本课程主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。

在本课程之前，学生已学习了《计算机应用基础》、《Photoshop平面设计》等基础课程的，具备基本的计算机操作与图形图像制作能力，本课程的后续课程是《ASP动态网页设计》。

1.3设计思路本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。

同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。

2.课程目标本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习《ASP 动态网页设计》课程打下基础。

本课程培养学生综合运用HTML技术制作网页，以及使用常用网页设计工具规划、开发、发布、管理静态网站的专业知识和技能，具备解决实际应用问题的方法能力，为以后的学习《ASP动态网页设计》课程打下基础。

具体目标如下：2.1知识目标能处理网页图形图像素材能规划、创建、发布、维护静态网站能运用javascript控制网页行为能运用多种布局技术制作网页布局能灵活运用css技术规范、美化网页内容能跟踪和学习并应用网页设计与制作的新知识和新技术2.2技能目标能合理的规划商业网站；能合理设计网页的布局方案和美术设计方案；能规范的编写网页策划书；能熟练应用Photoshop绘制网页导航要素；能熟练应用Photoshop绘制网页信息区块；能熟练应用Photoshop绘制网页美术文字效果；能熟练应用Photoshop处理网页插图；能熟练应用Photoshop绘制网页整体效果图；能熟练应用Photoshop正确的对网页效果图进行切片和优化；能熟练应用Dreamweaver进行网站站点管理和初始化页面；能熟练应用Dreamweaver对网页的总体结构进行排版；能熟练应用Dreamweaver对网页插片和文字进行编排；能熟练应用Dreamweaver制作网页的细节效果；能应用Dreamweaver进行DIV+CSS结构排版；能熟练应用Dreamweaver制作模板与网站子页；能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能；能熟练应用Dreamweaver链接网页与测试网站；能应用互联网资源发布网站；能熟练应用Dreamweaver维护网页。

《网页设计与制作》课程教学标准第一部分：课程性质、课程目标与要求《网页设计与制作》课程是数字媒体专业选修的一门重要的专业课，是学习后续课程的基础。

本课程是集理论与实践为一体的综合应用课程，主要向学生全面介绍与网页设计制作有关的知识，阐明Web基本工作机制，并使学生具有解决一般网页制作问题的能力。

通过本课程的学习，学生能够规划建立站点，熟练利用网页制作工具制作出精美的网站，同时引导学生培养实践能力、自学能力，以及分析问题和解决问题的能力，为学习后续专业课程奠定坚实的专业基础。

第二部分：教材与学习参考书教材：《网页设计与制作—Dreamweaver CS5标准教程》，修毅洪颖邵熹雯编著，人民邮最出版社参考资料：1. 《HTML4.0参考手册》（电子版）2. 《CSS参考手册》（电子版）3. 《JavaScript参考手册》（电子版）4. 《HTML5、CSS和JavaScrtip开发》，孙鑫付永杰编著，电子工业出版社第三部分：教学内容纲要和课时安排本门课程通过理论与实践相结合的方式，通过一个案例逐步引导学生掌握网页制作的知识，在案例教学中，提炼页面设计和创意方法和技巧。

教学内容纲要如下：（一）网页设计基础本章主要介绍HTML、网页浏览器的发展历史和HTML文档结构。

通过这一章的学习，学生能了解该课程的性质、目标和要求，了解web开发的相关概念，掌握HTML的文档结构和基本元素的编码。

本章的主要教学内容：1、互联网基础2、网页设计知识3、网页标准化技术4、网站设计软件5、网站制作流程6、HTML语言（二）Dreamweaver CS5基础本章介绍Dreamweaver CS5创建站点和管理站点功能帮助用户管理和控制站点中的各种资源。

通过这一章的学习，学生应能灵活掌握Dreamweaver CS5工具进行站点的创建。

本章的主要教学内容：1、Dreamweaver CS5工作界面2、创建网站框架3、管理站点文件和文件夹4、管理站点5、网页文档头部信息设置（三）页面与文本本章介绍文本的使用与处理，文本处理一般包括输入文本、设置文本字体大小和顔色、设置文本对齐方式等。

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

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

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

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

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

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

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

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

《网页设计与制作》课程标准学时数：48学时________________ 课程性质：专业必修课—适用专业：计算机应用专业—一、本课程的性质、地位、作用以及与其它相关课程内容的联系《网页设计与制作》是计算机应用专业的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

二、课程教学目标本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：*掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

*掌握各种网页元素在DreamWeaVer中的使用。

例如表格、文本、图像、超级链接、层和表单等。

*掌握测试和发布网站的方法。

包括网站测试的内容和方法。

*能够解决一些网页设计中的常见问题。

三、本课程学时安排四、课程教学内容和基本要求（按章节详细阐述）第一章：网页设计概述（一）教学重点和难点重点：Dreamweavercs5的参数设置、Dreamweaver的站点设置。

难点：DreamWeaVer的站点设置。

（二）教学内容和基本要求教学内容：基础知识，初识DreamWeaver,DreamWeaVerCS5的参数设置，设置站点。

基本要求：了解网页设计基本知识；掌握DreanlweaVerCS5的参数设置；熟练掌握Dreamweaver的站点设置。

第二章：表格布局（一）教学重点和难点重点：表格基本操作、表格布局。

难点：表格布局。

（二）教学内容和基本要求教学内容：表格基本操作，表格高级应用，表格布局，网页设计基础。

基本要求：了解表格基本操作、表格高级应用及网页设计基础；掌握表格基本操作；熟练掌握表格布局。

第三章：CSS样式表（一）教学重点和难点重点：CSS样式表应用。

《网页设计》课程标准一、课程定位《网页设计》是虚拟现实应用技术专业的专业学习领域课。

该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。

是一门用途广泛、前景良好的计算机行业课程，是适应计算机虚拟现实应用技术专业课程的需要。

该课程的学习可为后续《JavaScript脚本语言》等课程奠定一定的职业能力基础。

二、课程目标通过《网页设计》课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。

1．知识目标（1）理解网站的基本概念和HTML5网页编程语言基础；（2）掌握搭建开发环境、网站的搭建（3）掌握HTML5中文字和段落的设置和常用标签；（4）掌握列表标签的使用；（5）掌握超级链接标签的使用；（6）掌握表格标签的设计和使用；（7）掌握框架页面布局；（8）掌握表单的设计；（9）掌握网页中多媒体的应用；（10）掌握层叠样式表CSS3的基本知识；（11）掌握一到多款网页设计软件的运用。

2．能力目标（1）能运用HTML5标签设计网页；（2）能使用CSS3设计网页；（3）会网页设计工具设计网页。

3．素质目标（1）具有自我学习的能力；（2）具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备良好的团队合作精神以及自我展示能力。

三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3 +DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。

（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。

根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。

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

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

课程定位如表1所示。

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

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

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

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

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

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

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

《网页设计》课程标准一、基本信息二、课程概述（一）制订依据2016年教育部办公厅印发《关于做好<高等职业学校专业教学标准>修（制）订工作的通知》，要求坚持就业导向，明确规格定位。

坚持工学结合，注重知行合一。

我们邀请行业企业专家共同修订人才培养方案，以前端开发工程师职业能力培养为核心，瞄准前端开发职业岗位需求来进行课程改造。

按照基础性、规范性、可操作性等原则，对现行的《网页设计》课程标准进行修订和完善。

（二）课程性质和作用《网页设计》课程分别是移动互联应用专业的专业基础课程、必修，本课程的前导课程：《计算机应用基础》、《平面设计》、《Flash动画设计与制作》等。

本课程的后续课程：《网页互动制作JavaScript》、《PHP动态网页设计》等。

本课程是学生开始接触和认识前端开发的重要课程。

在专业人才培养过程中有着举足轻重的地位。

为后续课程提供了理论基础，是学习和掌握更多前端开发相关知识的前提。

对职业能力与素养的养成起明显的促进作用。

本课程支撑前端开发工程师岗位能力，培养前端开发职业素质、培养前端开发专业技能。

（三）课程设计思路基于前端开发工程师岗位能力的特定要求，适应软件企业的工作环境和业界标准，并与国际先进的软件开发理念和前端技术保持同步，本课程的设计体现了工作过程系统化的理念，按网页设计企业流程详细地介绍了网页设计计划、网页设计用例、网页设计执行、网页设计总结、网页设计工具等内容，避免了以往重知识轻技能的弊端。

以“工学结合”为切入点，精选企业真实项目，提炼出以职业能力培养为特色的教学内容，突出技术实用性，充分考虑高职学生认知能力。

本课程以实训企业网页设计项目的完整创建过程对各环节知识、技能进行知识巩固和运用，围绕预设能力目标，对学习目标、学习任务、能力要求、教学内容、活动设计和教学建议等都均参照人才培养方案。

三、课程目标四、课程内容与教学目标五、实施建议六、考核及评价（一）考核方式本课程考核评价以学生为中心，以学生预期学习成果为导向，以国家职业资格标准和企业岗位工作职责要求为依据，采用学生互评、校内指导教师评价和校外企业指导老师评价相结合的项目化阶段评价模式。

《网页设计与制作》课程标准前言：《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。

本课程定位于WEB技术开发工作岗位。

它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用，一、课程的说明：通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。

为今后从事网页设计与制作、网站开发和管理奠定基础。

在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。

二、课程内容与基本要求：该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：三、教学目标1、职业关键能力目标(1)掌握使用Photoshop进行图像处理的基本方法及操作技能(2)掌握DreamweaverCS5的基本知识及操作技能(3)掌握建立与管理站点的方法(4)掌握制作主要内容为文本的网页的方法(5)掌握在网页中插入与编辑图像的方法(6)掌握在网页中插入多媒体元素的方法(7)掌握表格处理与网页布局的方法(8)掌握创建超级链接的方法(9)掌握使用框架制作旅游网站的方法(10)掌握创建和使用模板的方法(11)掌握创建和使用库的方法(12)掌握在网页中添加AP Div的方法(13)掌握在网页中使用行为的方法(14)掌握HTML基础知识及通过代码修饰网页的方法(15)掌握使用CSS样式表修饰网页的方法(16)掌握动态网页的概念及简单动态网页的制作方法2、职业专门能力目标(1)通过完成相关的项目，掌握网页设计的基本工作流程。

(2)通过完成相关的项目，掌握网页设计常用工具的使用方法。

(3)通过完成相关的项目，掌握网页布局及美化的基本方法。