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

1、11 课程在相关专业中的性质与定位数字媒体艺术设计专业的定位是：培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门人才。针对数字媒体艺术设计专业的毕业生就业的主体岗位网页设计师，人才培养方案设置了网页美工设计这门课程。课程定位如表1所示。表1 课程定位课程性质专业必修课程、核心课程备注课程功能学习网页设计认识美工基础知识教学载体Dreamweaver flas

2、h frieworks课程知识及能力使学生在围绕创建与设置站点、创建与优化网页、测试与发布站点等网站制作过程中的三个重要环节中，全面掌握了设计和优化网页的各种方法和技巧。学习完本课程，学生可以熟练地创建网站，并且通过平面设计和动画设计来丰富网页内容和优化网站。前导课程构成设计基础、版式设计基础、计算机基础、VI设计基础、flash基础平行课程后续课程12 本课程的基本教学理念本课程设计以教育部【2006】16号文件精神要求为切入点，以服务为宗旨，以就业为导向，以提高学生的实践能力、创造能力、就业能力和创业能力为目标，以职业能力培养为重点，通过学习此课程，要求学生掌握网页的设计与制作技术、网站的

3、创建技术以及网站的管理维护能力。13 本课程标准的设计思路与特色学习本课程的目的：是熟练应用 Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用Dreamweaver等工具提供的强大的功能制作出精美的网站。坚持理论与艺术实践相结合，做到深入浅出，通俗易懂、生动活泼。把握设计教学的特点，坚持以设计带动软件的学习，努力消除教学中的僵化思想。加强对学生审美能力的培养，使得艺术与

4、技术并重。Web基本工作机制，并使学生具有解决一般网页制作问题的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。针对学生重学习软件轻网页表现形式的现象，加强对学生美术基本课程训练。熟练应用 Dreamweaver，firworks,flash，掌握网页制作技能。熟练使用Dreamweaver操作环境，掌握HTML的语法规则，并能够利用Dreamweaver的强大功能制作出精美的网页，同时能独立创建并管理网站。2课程教学目标课程教学目标描述如表2所示表2 课程描述网页美工设计 第三学期 参考学时 80 学习任务熟练应用 Dreamwe

5、aver，fireworks,flash等网页制作工具，掌握网页制作技能。课程目标 理解网页制作基础知识和Dreamweaver 软件基础知识； 掌握站点的建立和管理；了解建立站点的必要性，掌握如何规划站点；掌握创建Web站点的基本方法与步骤，并能够管理站点。 熟练掌握制作超级链接、E-mail链接、书签等形式的超级链接； 能使用文本样式进行设计；了解CSS 样式定义；了解CSS 样式定义的选项。学会使用CSS样式和HTML样式控制文本块或段落的外观； 掌握框架结构网页的制作方法； 掌握在页面中插入多媒体元素的方法； 掌握在页面中对层的操作方法及其属性的设置； 网页图形图像格式和应用。 掌握F

6、ireworks8软件的操作基础 掌握在Fireworks 8中绘制网页布局的要点和技巧知识目标能力目标素质目标 能清楚网站基础知识； 能设置dreamweaver软件环境； 能掌握站点的创建方法； 能正确掌握各种链接的制作； 能掌握css设置； 掌握框架结构网页的制作方法； 能掌握插入多媒体元素的方法； 能掌握页面中对层的操作方法及其属性的设置； 能掌握网页图形图像格式和应用； 掌握Fireworks8软件的操作基础； 掌握在Fireworks 8中绘制网页布局的要点和技巧 能清楚网页所有相关文化基础知识； 能清楚网页中各种元素的设计规则； 能安装网页行业规则完成其相应元素美工设计； 能对网

7、页美工布局； 能熟习运用网页DEAMWEAVER设计软件； 能熟习运用fireworks设计软件； 能完成网页版面设计； 能插入网页动画； 能独立完成小型网站制作； 能对网站进行基本维护、更新。 培养良好的劳动纪律观念； 培养认真做事、细心做事的态度； 培养团队协作精神； 培养表述、回答等语言表达能力； 培养交流、沟通的能力。3课程教学内容3.1学习情境划分学习情境划分如表3所示表3 学习情境的划分情境情境1情境2情境3情境4名称网页基础.1制作简单网站.2制作CSS+div布局网站.3设计制作网页元素.4设计网站版面学时420（10）16（10）括号里面为理论学习时间，课程引入的10个学时也

8、为理论学习时间。3.2学习情境描述学习情境描述如表4所示，包括学习情境名称、学时、学习目的、学习内容、教学方法和建议、工具与媒体、学生已有基础、教师所需执教能力要求。表4 学习情境的描述学习情境1 制作简单网站 学时：学习目标1能设置dreamweaver软件环境；2能规划、建立、管理网站站点；3. 能进行网页布局和处理表格；4. 能掌握图像的添加；5能熟练掌握制作超级链接、E-mail链接、书签等形式的超级链接；6能插入文本7. 能掌握框架结构网页的制作方法8. 能掌握Dreamweaver中表单的建立与提交，能区分表单域和文本域学习内容教学准备和教学建议任务1 软件环境设置Dreamwea

9、ver基本操作。任务2 网页布局能够建立框架网页；理解框架网页的基本原理。了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握框架结构网页的制作方法。任务3 插入网页内容插入图片、文本、链接。任务4 网页表单掌握Dreamweaver中表单的建立与提交，能区分表单域和文本域任务1教学准备：网页教学文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务2网页布局reamweaver软件的电脑。在多媒体教室、版图设计实训基地采用集中讲授、案例分析等方法教学，在多媒体设计

10、实训基地实践。任务3插入网页内容网页三剑客、photoshop软件。dreamweaver软件的电脑。工具与媒体学生已有基础教师所需执教能力要求Dreamweaver8Photoshop7网页设计素材多媒体教学设备教学课件视频教学资料网络教学资源任务工单构成基础图形设计基础VI设计型录设计版式设计Photoshop软件基础对网页行业状态有较为深入的理解能熟习网页布局能熟习网页制作规则能熟练操作Dreamweaver8能熟练操作Photoshop7能设计问题进行检查能根据教学法灵活组织教学学习情境 .2 制作CSS+div布局网站 学时：1、 理解CSS在网页美工设计的重要作用及与传统网页设计相

11、比具有的优势。2、 熟练掌握CSS基本语法及书写规范及其应用。3、 掌握CSS+DIV技术进行网页页面布局。任务1 CSS基础知识任务2 CSS文字样式文字实例任务3用CSS设置图片效果图片样式，图片的对齐，图文混排，图文实例任务；任务4 CSS设置网页中的背景任务5 CSS设置表格与表表单的样式任务6 CSS+div美化与布局实战框架实例网页素材文件、实训基地的电脑已安装dreamweaver软件。学习情境 3 设计制作网页元素 学时：1、矢量图形和位图图像的概念和区别； 2、常用图像格式及其特点；3、网页中图形图像的应用；4、Fireworks8软件基础；5、简单的网页图像处理流程。任务1 网页图