(完整版)《网页艺术设计》课程标准

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

《网页制作》课程标准课程名称：网页制作课程性质: 专业基础课程总学时： 36适用对象: 电脑艺术设计3年级学生先修课程：Photoshop图像处理、Flash制作一、编写说明（一）本课程的性质、地位和作用本课程是电脑艺术设计专业的一门专业课程。

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

通过本课程的学习，学生能掌握网页设计必备的基础知识、在学习情境中培养学生网页设计岗位（包括网页整体策划与设计、网页版面设计、网页美化）的职业技能，培养学生的网页设计职业素养和职业能力。

（二）教学基本要求知识目标：（1）熟练掌握网页制作软件Dreamweaver的基本操作和使用技能（2）熟练掌握创建和管理站点（3）掌握页面的整体内容设置的方法（4）熟练掌握在网页中输入、设置文本属性的方法（5）熟练掌握在网页中插入图像、flash动画、背景音乐的方法（6）掌握建立各种形式超级链接的方法（7）熟练掌握网页页面布局的各种方法（8）掌握网站测试和发布的方法技能与素质目标：（1）培养学生收集、处理信息，准备、加工素材的能力（2）培养学生制作静态网页的能力（3）培养学生设计网页的能力（4）培养学生设计网站的综合能力（5）培养学生的策划能力、色彩感悟力、结构布局能力和想象力（6）训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画。

态度目标：（1）培养学生的沟通能力和协作精神（2）培养学生勤于思考、认真做事的良好作风（3）培养学生勇于创新、敬业乐业的工作作风（4）培养学生具有良好的职业道德和较强的工作责任心（5）培养学生自主学习能力和知识应用能力（6）培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力（三）课程教学方法与手段演示教学、实践教学，多媒体授课（四）实践环节1.名称：上机练习2.主要内容与要求：本课程主要分成网页整体策划与设计、网页版面设计、网页美化三个学习情境。

《网页设计》课程标准课程名称：《网页设计》适用专业：计算机应用技术，电子商务建议学时：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维护网页。

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

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

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

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

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

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

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

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

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

该课程定位于WEB技术开发工作岗位，是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。

通过本课程的研究，学生将了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。

该课程旨在为今后从事网页设计与制作、网站开发和管理奠定基础，并在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主研究能力和探索创新能力。

该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：1.网页基本概念（第1章）2.基本开发工具的使用DW CS6软件介绍（第2章）3.建立与管理站点（第3章）4.制作主要内容为文本的网页（第4章）5.插入与编辑图像（第5章）6.插入多媒体元素（第6章）7.创建超级链接（第7章）8.HTML基础（第13章）9.表格处理与网页布局（第6章）10.网页布局AP Div的应用（第9章）11.使用CSS+DIV布局网页（第11章）12.网页美化CSS样式表（第10章）13.行为（第12章）14.动态网页基础（第15章）15.创建和使用模板（第9章）16.创建和使用库（第10章）该课程的教学目标为：1.掌握使用Photoshop进行图像处理的基本方法及操作技能；2.掌握DreamweaverCS5的基本知识及操作技能；3.掌握建立与管理站点的方法；4.掌握制作主要内容为文本的网页的方法；5.掌握在网页中插入与编辑图像的方法；6.掌握在网页中插入多媒体元素的方法；7.掌握表格处理与网页布局的方法；8.掌握创建超级链接的方法；9.掌握使用框架制作旅游网站的方法；10.掌握创建和使用模板的方法；11.掌握创建和使用库的方法；12.掌握在网页中添加AP Div的方法；13.掌握在网页中使用行为的方法；14.掌握HTML基础知识及通过代码修饰网页的方法。

网页设计与制作课程标准网页设计与制作是计算机专业的重要课程之一，它涉及到网页的设计理念、制作技术和实际应用。

在当今信息化的时代，网页设计与制作已经成为人们获取信息、展示个人或企业形象的重要手段。

因此，本课程的教学目标是培养学生对网页设计与制作的基本理论和技术的掌握，使其具备较强的网页设计与制作能力，为学生的职业发展和创新能力提供必要的支持。

一、课程内容。

1. 网页设计基础。

网页设计的基本原理和理念，包括网页的结构、布局、配色、字体等基本要素，以及用户体验设计等内容。

2. 网页制作技术。

HTML、CSS、JavaScript等网页制作技术的基本原理和应用，以及响应式网页设计、移动端适配等技术。

3. 网页设计工具。

Dreamweaver、Photoshop、Illustrator等网页设计和制作工具的基本使用方法和技巧。

4. 网页设计案例分析。

对一些经典的网页设计案例进行分析，包括其设计理念、制作技术和用户体验等方面的讨论。

二、教学目标。

1. 掌握网页设计的基本原理和理念，具备良好的审美能力和设计思维。

2. 掌握网页制作技术，能够熟练运用HTML、CSS、JavaScript等技术进行网页制作。

3. 熟练掌握网页设计和制作工具的使用方法，能够独立完成网页设计和制作任务。

4. 能够分析和评价不同网页设计案例，了解行业最新的设计趋势和技术发展。

三、教学要求。

1. 注重理论与实践相结合，通过理论教学和实际操作相结合的方式，提高学生的实际操作能力。

2. 强调案例教学，通过分析和讨论经典案例，激发学生的创新思维和设计能力。

3. 鼓励学生参与实际项目，通过实际的网页设计和制作项目，提高学生的实际操作能力和团队合作能力。

四、教学安排。

1. 理论课程。

主要包括网页设计的基本原理和理念、网页制作技术的基本原理和应用等内容。

2. 实践课程。

主要包括网页设计和制作工具的使用方法、网页设计和制作技术的实际操作等内容。

3. 项目实践。

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

该课程实现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）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。

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

欢迎阅读广西玉林高级技工学校《网页制作与设计》课程标准一、课程基本信息3．理解HTML 页面框架的作用，能够针对需求进行框架的设计；4．掌握各类HTML 表单元素标签，能够进行表单设计；5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计；6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局；8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。

2.职业技能目标1．能独立进行资料收集与整理、具备用户需求的理解能力；2．能根据项目需求，具备项目页面的设计与实现能力；3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力；5．能根据DOM 树形结构，进行页面DOM 的控制；12345注重理论与实践相结合、教材内容与行业标准要求相结合，强调理论在实践过程中的应用。

（二）教学建议从《网页设计与制作》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。

例如，公司网站、网上鲜花直销、个人网站精选、书籍专卖等。

以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。

1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。

教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：第1个阶段，案例引入，提出问题。

通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。

目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。

第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动态网页设计》等。

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

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

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

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

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

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

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

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

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

网页设计与制作课程标准
首先，网页设计与制作课程的目标是培养学生具备独立完成网页设计与制作工作的能力。

学生应当掌握网页设计的基本原理和技术，能够运用HTML、CSS、JavaScript等技术进行网页设计与制作，具备良好的审美能力和设计思维。

此外，学生还应当具备团队协作能力，能够与他人合作完成复杂的网页设计项目。

其次，网页设计与制作课程的内容体系应当包括基础知识、技术应用和实践能力三个方面。

基础知识包括网页设计的基本原理、色彩搭配、排版设计等内容；技术应用包括HTML、CSS、JavaScript等技术的学习和应用；实践能力则是通过实际项目进行综合应用和实践，培养学生的实际操作能力。

在教学方法方面，应注重理论与实践相结合。

教师可以通过讲解理论知识、案例分析、实际操作等多种教学手段，激发学生的学习兴趣，提高学习效果。

此外，还可以组织学生参与网页设计比赛、实践项目等活动，培养学生的实际操作能力和团队协作能力。

评价方式应当注重综合能力的考核。

除了传统的考试、作业评价外，还可以采用项目评价、作品展示等形式，综合考察学生的理论知识掌握程度、实际操作能力和团队协作能力，全面评价学生的综合能力。

综上所述，网页设计与制作课程标准应当以培养学生的综合能力为核心，注重理论与实践相结合，注重实际操作能力和团队协作能力的培养。

只有这样，才能更好地满足当今互联网行业对人才的需求，为学生的职业发展打下坚实的基础。

网页艺术设计教案第一章：网页设计基本概念1.1 网页与网页设计1.2 网页设计原则1.3 网页设计流程第二章：网页布局与构图2.1 网页布局方法2.2 构图原则2.3 布局实践第三章：网页色彩与字体3.1 色彩基础知识3.2 色彩搭配原则3.3 字体与字号选择第四章：网页图像处理与运用4.1 图像格式与特点4.2 图像处理工具4.3 图像在网页中的应用第五章：网页动画与交互设计5.1 动画基本概念5.2 动画制作工具5.3 交互设计原则与方法第六章：HTML/CSS基础与应用6.1 HTML基本结构与标签6.2 CSS语法与选择器6.3 布局与样式应用实例第七章：JavaScript基础与交互设计7.1 JavaScript基本语法与操作7.2 事件处理与DOM操作7.3 交互设计实例第八章：前端框架与库8.1 前端框架概述8.2 主流前端框架介绍8.3 框架应用实例第九章：网页响应式设计9.1 响应式设计概念与原则9.2 媒体查询与布局适应性9.3 响应式设计实践第十章：网页设计案例分析与实践10.1 网页设计案例分析10.2 网页设计实践指导10.3 作品展示与评价重点和难点解析一、网页设计基本概念难点解析：网页设计流程包括需求分析、页面布局、样式设计、功能实现、测试与发布等环节。

学生需要理解并掌握各个环节的执行标准和操作方法，以保证设计出的网页满足用户需求和设计目标。

二、网页布局与构图三、网页色彩与字体难点解析：色彩对网页的整体效果有着重要影响。

学生需要了解色彩的基本理论，包括色彩的三原色、色彩搭配原则等，以提高页面视觉效果。

四、网页图像处理与运用难点解析：学生需要掌握图像处理工具的使用，如Photoshop、Fireworks等，以及如何合理运用图像来提升网页的视觉效果和用户体验。

五、网页动画与交互设计难点解析：动画与交互设计是提升网页吸引力和用户体验的重要手段。

学生需要理解交互设计的基本原则，学会如何设计引人注目的动画效果和流畅的用户交互体验。

《网页设计与制作》课程标准一、课程性质本课程是中等职业学校数字媒体类数字媒体技术应用专业必修的一门专业核心课程，是在《图形图像处理》《程序语言设计》等课程基础上，开设的一门理论与实践相结合的专业课程，其任务是让学生掌握网页设计的基础知识与基本技能，为《多媒体作品设计软件应用》等后续课程的学习奠定基础。

二、学时与学分72学时，4学分。

三、课程设计思路本课程按照立德树人根本任务要求，突出核心素养、必备品格和关键能力，兼顾中高职课程衔接，高度融合网页设计与制作知识技能的学习与职业精神的培养。

1.依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》中确定的培养目标、综合素质、职业能力，按照知识与技能、过程与方法、情感态度与价值观三个维度，突出项目操作能力和解决问题能力的培养，结合本课程的性质和职业教育课程教学的最新理念，确定本课程目标。

2.根据“中等职业学校数字媒体技术应用专业‘工作任务与职业能力’分析表”，依据课程目标和计算机软件测试员等工作的岗位需求，围绕网页设计与制作关键能力，反映数字媒体行业发展的新知识、新技术，体现科学性、适用性原则，确定本课程内容。

3.以创建一个完整的网络为主线，设置模块和教学单元，将网页设计与制作的基础知识、基本技能和职业素养有机融入，遵循学生认知规律，结合学生的生活经验，确定学习内容的顺序。

四、课程目标学生通过学习本课程，掌握网页设计与制作的基础知识与技能，能独立制作中小型的网站，并通过现代信息化的手段进行表现，初步形成良好的职业意识和职业素养。

1.了解网页设计与制作相关的艺术、技术背景知识及发展趋势，能对网站制作产生学习兴趣。

2.熟悉网页制作原理及制作流程，掌握静态网站制作的基本方法。

3.掌握Adobe Dreamweaver网页制作工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能。

4.了解动态网页的初步知识，能合理规划网站，并能根据要求正确创建数据库和数据表，完成网站制作。

网页设计与制作课程标准网页设计与制作课程标准 Final approval draft on November 22, 2020网页设计与制作课程标准课程代码：建议课时数：96 学分：6适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言1.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。

其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。

通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过Dreamweaver创建动态网站的操作技能。

2.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。

学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。

它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。

具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。

了解网站平面设计的概念和过程。

了解HTML的基本概念、基本格式、能编写一个网页；了解IIS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、日志管理。

学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。