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

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

《《网页美工设计》课程标准.docx》由会员分享，可在线阅读，更多相关《《网页美工设计》课程标准.docx（14页珍藏版）》请在冰豆网上搜索。

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

《网页美工设计》

课程标准

CurriculumStandards

（2019年修订）

课程名称：

网页美工设计

课程代码：

适用专业：

数字媒体艺术设计专业

学制学历及教育类别：

3年制高职教育

课程学分：

5学分

计划用教学时间：

80学时

修订人：

审定人：

修订时间：

1．课程设置概述

1．1课程在相关专业中的性质与定位

数字媒体艺术设计专业的定位是：

培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门人才。

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

课程定位如表1所示。

表1课程定位

课程性质

专业必修课程、核心课程

备注

课程功能

学习网页设计认识美工基础知识

教学载体

Dreamweaverflashfrieworks

课程知识及能力

使学生在围绕创建与设置站点、创建与优化网页、测试与发布站点等制作过程中的三个重要环节中，全面掌握了设计和优化网页的各种方法和技巧。

学习完本课程，学生可以熟练地创建，并且通过平面设计和动画设计来丰富网页容和优化。

前导课程

构成设计基础、版式设计基础、计算机基础、VI设计基础、flash基础

平行课程

后续课程

1．2本课程的基本教学理念

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

1．3本课程标准的设计思路与特色

学习本课程的目的：

是熟练应用Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。

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

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

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

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

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

Web基本工作机制，并使学生具有解决一般网页制作问题的能力。

与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。

针对学生重学习软件轻网页表现形式的现象，加强对学生美术基本课程训练。

●熟练应用Dreamweaver，firworks,flash，掌握网页制作技能。

●熟练使用Dreamweaver操作环境，掌握HTML的语法规则，并能够利用Dreamweaver的强大功能制作出精美的网页，同时能独立创建并管理。

2．课程教学目标

课程教学目标描述如表2所示

表2课程描述

网页美工设计第三学期参考学时80

学习任务

熟练应用Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。

课程目标

Ø理解网页制作基础知识和Dreamweaver软件基础知识；

Ø掌握站点的建立和管理；了解建立站点的必要性，掌握如何规划站点；掌握创建Web站点的基本方法与步骤，并能够管理站点。

Ø熟练掌握制作超级、E-mail、书签等形式的超级；

Ø能使用文本样式进行设计；了解CSS样式定义；了解CSS样式定义的选项。

学会使用CSS样式和HTML样式控制文本块或段落的外观；

Ø掌握框架结构网页的制作方法；

Ø掌握在页面中插入多媒体元素的方法；

Ø掌握在页面中对层的操作方法及其属性的设置；

Ø网页图形图像格式和应用。

Ø掌握Fireworks8软件的操作基础

Ø掌握在Fireworks8中绘制网页布局的要点和技巧

知识目标

能力目标

素质目标

●能清楚基础知识；

●能设置dreamweaver软件环境；

●能掌握站点的创建方法；

●能正确掌握各种的制作；

●能掌握css设置；

●掌握框架结构网页的制作方法；

●能掌握插入多媒体元素的方法；

●能掌握页面中对层的操作方法及其属性的设置；

●能掌握网页图形图像格式和应用；

●掌握Fireworks8软件的操作基础；

●掌握在Fireworks8中绘制网页布局的要点和技巧

●能清楚网页所有相关文化基础知识；

●能清楚网页中各种元素的设计规则；

●能安装网页行业规则完成其相应元素美工设计；

●能对网页美工布局；

●能熟习运用网页DEAMWEAVER设计软件；

●能熟习运用fireworks设计软件；

●能完成网页版面设计；

●能插入网页动画；

●能独立完成小型制作；

●能对进行基本维护、更新。

●培养良好的劳动纪律观念；

●培养认真做事、细心做事的态度；

●培养团队协作精神；

●培养表述、回答等语言表达能力；

●培养交流、沟通的能力。

3．课程教学容

3.1学习情境划分

学习情境划分如表3所示

表3学习情境的划分

情境

情境1

情境2

情境3

情境4

情境

名称

网页基础

.1制作简单

.2制作CSS+div布局

.3设计制作网页元素

.4设计版面

学时

4

20（10）

20（10）

20（10）

16（10）

括号里面为理论学习时间，课程引入的10个学时也为理论学习时间。

3.2学习情境描述

学习情境描述如表4所示，包括学习情境名称、学时、学习目的、学习容、教学方法和建议、工具与媒体、学生已有基础、教师所需执教能力要求。

表4学习情境的描述

学习情境1制作简单学时：

20（10）

学习目标

1．能设置dreamweaver软件环境；

2．能规划、建立、管理站点；

3.能进行网页布局和处理表格；

4.能掌握图像的添加；

5．能熟练掌握制作超级、E-mail、书签等形式的超级；

6．能插入文本

7.能掌握框架结构网页的制作方法

8.能掌握Dreamweaver中表单的建立与提交，能区分表单域和文本域

学习容

教学准备和教学建议

任务1软件环境设置

Dreamweaver基本操作。

任务2网页布局

能够建立框架网页；理解框架网页的基本原理。

了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握框架结构网页的制作方法。

任务3插入网页容

插入图片、文本、。

任务4网页表单

掌握Dreamweaver中表单的建立与提交，能区分表单域和文本域任务

任务1软件环境设置

1．教学准备：

网页教学文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务2网页布局

1．教学准备：

reamweaver软件的电脑。

2．教学建议：

在多媒体教室、版图设计实训基地采用集中讲授、案例分析等方法教学，在多媒体设计实训基地实践。

任务3插入网页容

1．教学准备：

网页三剑客、photoshop软件。

2．教学建议：

在多媒体教室、版图设计实训基地采用集中讲授、案例分析等方法教学，在多媒体设计实训基地实践。

任务4网页表单

1．教学准备：

dreamweaver软件的电脑。

2．教学建议：

在多媒体教室、版图设计实训基地采用集中讲授、案例分析等方法教学，在多媒体设计实训基地实践。

工具与媒体

学生已有基础

教师所需执教能力要求

Dreamweaver8

Photoshop7

网页设计素材

多媒体教学设备

教学课件

视频教学资料

网络教学资源

任务工单

构成基础

图形设计基础

VI设计

型录设计

版式设计

Photoshop软件基础

对网页行业状态有较为深入的理解

能熟习网页布局

能熟习网页制作规则

能熟练操作Dreamweaver8

能熟练操作Photoshop7

能设计问题进行检查

能根据教学法灵活组织教学

学习情境.2制作CSS+div布局学时：

20（10）

学习目标

1、理解CSS在网页美工设计的重要作用及与传统网页设计相比具有的优势。

2、熟练掌握CSS基本语法及书写规及其应用。

3、掌握CSS+DIV技术进行网页页面布局。

学习容

教学准备和教学建议

任务1CSS基础知识

任务2CSS文字样式

文字实例

任务3用CSS设置图片效果

图片样式，图片的对齐，图文混排，图文实例任务；

任务4CSS设置网页中的背景

任务5CSS设置表格与表表单的样式

任务6CSS+div美化与布局实战

框架实例

任务1CSS基础知识

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务2CSS文字样式

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务3用CSS设置图片效果

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务4CSS设置网页中的背景

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务5CSS设置表格与表表单的样式

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务6CSS+div美化与布局实战

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

工具与媒体

学生已有基础

教师所需执教能力要求

Dreamweaver8

Photoshop7

网页设计素材

多媒体教学设备

教学课件

视频教学资料

网络教学资源

任务工单

构成基础

图形设计基础

VI设计

型录设计

版式设计

Photoshop软件基础

对网页行业状态有较为深入的理解

能熟习网页布局

能熟习网页制作规则

能熟练操作Dreamweaver8

能熟练操作Photoshop7

能设计问题进行检查

能根据教学法灵活组织教学

学习情境3设计制作网页元素学时：

20（10）

学习目标

1、矢量图形和位图图像的概念和区别；

2、常用图像格式及其特点；

3、网页中图形图像的应用；

4、Fireworks8软件基础；

5、简单的网页图像处理流程。

学习容

教学准备和教学建议

任务1网页图片基础

矢量图形和位图图像的概念和区别,常用图像格式及其特点，网页中图形图像的应用

任务2Fireworks8软件环境

充分了解Fireworks8。

任务3简单的网页图像处理

矢量图形和位图图像在Fireworks8文档中的使用技巧元件的概念，知道使用元件

任务4网页中图形图像的具体应用

实例练习

任务1网页图片基础

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务2Fireworks8软件环境

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务3简单的网页图像处理

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务4网页中图形图像的具体应用

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

工具与媒体

学生已有基础

教师所需执教能力要求

Dreamweaver8

Photoshop7

网页设计素材

多媒体教学设备

教学课件

视频教学资料

网络教学资源

任务工单

构成基础

图形设计基础

VI设计

型录设计

版式设计

Photoshop软件基础

对网页行业状态有较为深入的理解

能熟习网页布局

能熟习网页制作规则

能熟练操作Dreamweaver8

能熟练操作Photoshop7

能设计问题进行检查

能根据教学法灵活组织教学

学习情境.4设计版面学时：

16（10）

学习目标

1.网页素材收集;

2.网页界面设计;

3.网页设计制作;

4.完成设计.

学习容

教学准备和教学建议

任务1完成设计

分析容，确定设计风格和形式,收集相关素材

任务2网页设计制作

页面设计。

任务3网页设计制作

统一导航和设计风格

；切片、制表格、完全网页布局；整和素材、图片等，文字CSS设计

任务4完成设计

完成各页面超级;整合、修改、完成设计

任务1完成设计

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务2网页设计制作

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务3网页设计制作

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

任务4完成设计

1．教学准备：

网页素材文件、实训基地的电脑已安装dreamweaver软件。

2．教学建议：

在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。

工具与媒体

学生已有基础

教师所需执教能力要求

Dreamweaver8

Photoshop7

网页设计素材

多媒体教学设备

教学课件

视频教学资料

网络教学资源

任务工单

构成基础

图形设计基础

VI设计

型录设计

版式设计

Photoshop软件基础

对网页行业状态有较为深入的理解

能熟习网页布局

能熟习网页制作规则

能熟练操作Dreamweaver8

能熟练操作Photoshop7

能设计问题进行检查

能根据教学法灵活组织教学

4．教学实施与保障

4．1教学方式与考核方法

4.1.1教学方式

以调动学生积极性为核心，以实践教学为主线，多种教学方法并用。

（1）项目教学法

整个课程教学采用项目教学，与传统的教学相比，由以教师为中心转变为以学生为中心，由以课本为中心转变为以“项目”为中心，由以课堂为中心转变为以实际调研工作为中心。

运用项目教学法进行教学设计的时候，我们强调学生是认知的主体、是知识意义的主动建构者。

根据项目教学的教法思路和教学设计原则，整个课程教学采用一个实际企业委托的调研项目为主线，将学生进行模拟分组，组成团队，由小组在教师指导确定具体的项目任务，教师通过下发项目任务书把学生引入到需要通过某知识点来解决现实问题的情景，小组通过团队协作学习，开展小组交流、讨论，共同完成项目。

（2）任务驱动法

整个课程教学从课堂讲授、教学组织和实训环节均围绕一系列的任务进行,学生在教师的引导下开展探究性学习,通过参与任务解决的过程,实现学生主动学习,学与做相结合。

4.1.2考核方法

（1）项目成绩（50分）

以每个学习情境的任务完成情况作为考核容，采用360°的自我评价体系，包括：

组成员对自己评价，组长对组员的评价，老师对学生的评价等全方位评价形式；专业能力、方法能力、社会能力等多层次的评价形式。

具体方法如表5所示。

表5学生任务评价表

评价项目

专业能力（50%）

方法能力（30%）

社会能力（20%）

成绩

自我评价

（10分）

得分

评价

依据

组评价

（30分）

得分

评价

依据

教师评价系数

教师评价

（60分）

得分

评价

依据

总成绩

总成绩=自我评价+组评价×教师认可系数+教师评价

填表说明

1.教师评价系数根据小组在任务完成过程中的整体表现进行评价，系数分为：

1、0.8、0.6、0.4。

组员的“组评价”成绩由小组成员讨论给定。

2.各项评价中专业能力、方法能力、社会能力分配比例分别为50%、30%、20%。

3.专业能力主要包括：

网页美工认知能力、网页界面的设计能力、网页风格的整体把握能力。

方法能力主要包括：

独立地查阅资料获取新知识、新技能的能力；收集和处理信息的能力；制定方案，能对事物进行正确判断和决策的能力；对任务的实施进行检查控制与评定反馈的能力。

社会能力包括：

团队协作能力，沟通、协商与表达能力，对任务变化的适应能力。

（2）综合测试成绩（50分）

理论测试和技能测试。

理论测试为整个课程的理论测试，技能测试为选取本课程中的一个工作任务进行测试。

4．2课程对教师素质要求

（1）掌握网页设计课程的基础理论和方法，注意职业情境的创设，以多媒体、录像、校教学型生产性实训基地的动态示教等教学方法提高学生分析问题和解决实际问题的职业能力。

（2）具备案例分析、完成企业实际任务的能力。

强化基于工作过程的案例教学和任务教学，注重以任务引领型项目诱发学生兴趣，使学生在完成典型任务活动中能了解集成电路版图设计中的各子单元的设计流程。

4．3生产性实训条件保障

多媒体教室

4．4课程教学资源

4.4.1建议教材

（1）实用艺术设计基础祖鹰著

（2）DIV+CSS布局案例精粹袁润非