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

精品文档

。 1欢迎下载

《网页美工设计》

课程标准

Curriculum Standards

(2019年修订)

课程名称： 网页美工设计

课程代码：

适用专业： 数字媒体艺术设计专业

学制学历及教育类别： 3年制高职教育

课程学分： 5学分

计划用教学时间： 80学时

修订人：

审定人：

修订时间：

精品文档

。 2欢迎下载 1．课程设置概述

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

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

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

表1 课程定位

课程性质 专业必修课程、核心课程 备注

课程功能 学习网页设计认识美工基础知识

教学载体 Dreamweaver flash frieworks

课程知识及能力 使学生在围绕创建与设置站点、创建与优化网页、测试与发布站点等网站制作过程中的三个重要环节中，全面掌握了设计和优化网页的各种方法和技巧。学习完本课程，学生可以熟练地创建网站，并且通过平面设计和动画设计来丰富网页内容和优化网站。

前导课程 构成设计基础、版式设计基础、计算机基础、VI设计基础、flash基础

平行课程

后续课程

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

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

。 3欢迎下载 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链接、书签等形式的超级链接； 精品文档

。 4欢迎下载 ➢ 能使用文本样式进行设计；了解CSS 样式定义；了解CSS 样式定义的选项。学会使用CSS样式和HTML样式控制文本块或段落的外观；

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

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

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

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

➢ 掌握Fireworks8软件的操作基础

➢ 掌握在Fireworks 8中绘制网页布局的要点和技巧

知识目标 能力目标 素质目标

 能清楚网站基础知识；

 能设置dreamweaver软件环境；

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

 能正确掌握各种链接的制作；

 能掌握css设置；

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

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

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

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

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

 掌握在Fireworks 8中绘制网页布局的要点和技巧  能清楚网页所有相关文化基础知识；

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

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

 能对网页美工布局；

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

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

 能完成网页版面设计；

 能插入网页动画；

 能独立完成小型网站制作；

 能对网站进行基本维护、更新。  培养良好的劳动纪律观念；

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

 培养团队协作精神；

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

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

3．课程教学内容

3.1学习情境划分

学习情境划分如表3所示 精品文档

。 5欢迎下载 表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 网页布局

能够建立框架网页；理解框架网页的基本原理。了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握任务1 软件环境设置

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

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

任务2网页布局

1．教学准备：reamweaver软件的电脑。

2．教学建议：在多媒体教室、版图设计实训基地采用集精品文档

。 6欢迎下载 框架结构网页的制作方法。

任务3 插入网页内容

插入图片、文本、链接。

任务4 网页表单

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

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

任务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技术进行网页页面布局。

学习内容 教学准备和教学建议