《网页美工设计》课程规范标准Word文档下载推荐.docx

《网页美工设计》课程规范标准Word文档下载推荐.docx

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

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）

16（10）

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

3.2学习情境描述

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

表4学习情境的描述

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

学习目标

1．能设置dreamweaver软件环境；

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

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

4.能掌握图像的添加；

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

6．能插入文本

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

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

学习内容

教学准备和教学建议

任务1软件环境设置

Dreamweaver基本操作。

任务2网页布局

能够建立框架网页；

理解框架网页的基本原理。

了解框架网页与普通网页之间的区别与联系；

掌握框架网页在创建、选择、设置、存储与应用方面的特点；

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

任务3插入网页内容

插入图片、文本、链接。

任务4网页表单

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

1．教学准备：

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

2．教学建议：

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

任务2网页布局

reamweaver软件的电脑。

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

任务3插入网页内容

网页三剑客、photoshop软件。

dreamweaver软件的电脑。

工具与媒体

学生已有基础

教师所需执教能力要求

Dreamweaver8

Photoshop7

网页设计素材

多媒体教学设备

教学课件

视频教学资料

网络教学资源

任务工单

构成基础

图形设计基础

VI设计

型录设计

版式设计

Photoshop软件基础

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

能熟习网页布局

能熟习网页制作规则

能熟练操作Dreamweaver8

能熟练操作Photoshop7

能设计问题进行检查

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

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

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

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

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

任务1CSS基础知识

任务2CSS文字样式

文字实例

任务3用CSS设置图片效果

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

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

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

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

框架实例

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

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

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

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

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

4、Fireworks8软件基础；

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

任务1网页图