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

精品文档网页美工设计课程标准Curriculum Standards(2019年修订)课程名称：网页美工设计课程代码：适用专业：数字媒体艺术设计专业学制学历及教育类别：3年制高职教育课程学分：5学分计划用教学时间：80学时修订人：审定人：修订时间：19欢迎下载19欢迎下载。1课程设置概述11 课程在相关专业中的性质与定位数字媒体艺术设计专业的定位是：培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门人才。针对数字媒体艺术设计专业的毕业生就业的主体岗位网页设计师，人才培养方案设置了网页美工设计这门课程。课程定位如表1所示。表1 课程定位课程性质专业必修课程、核心课程备注课程功能学习网页设计认识美工基础知识教学载体Dreamweaver flash frieworks课程知识及能力使学生在围绕创建与设置站点、创建与优化网页、测试与发布站点等网站制作过程中的三个重要环节中，全面掌握了设计和优化网页的各种方法和技巧。学习完本课程，学生可以熟练地创建网站，并且通过平面设计和动画设计来丰富网页内容和优化网站。前导课程构成设计基础、版式设计基础、计算机基础、VI设计基础、flash基础平行课程后续课程12 本课程的基本教学理念本课程设计以教育部【2006】16号文件精神要求为切入点，以服务为宗旨，以就业为导向，以提高学生的实践能力、创造能力、就业能力和创业能力为目标，以职业能力培养为重点，通过学习此课程，要求学生掌握网页的设计与制作技术、网站的创建技术以及网站的管理维护能力。13 本课程标准的设计思路与特色学习本课程的目的：是熟练应用 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软件的操作基础 掌握在Fireworks 8中绘制网页布局的要点和技巧知识目标能力目标素质目标l 能清楚网站基础知识；l 能设置dreamweaver软件环境；l 能掌握站点的创建方法；l 能正确掌握各种链接的制作；l 能掌握css设置；l 掌握框架结构网页的制作方法；l 能掌握插入多媒体元素的方法；l 能掌握页面中对层的操作方法及其属性的设置；l 能掌握网页图形图像格式和应用；l 掌握Fireworks8软件的操作基础；l 掌握在Fireworks 8中绘制网页布局的要点和技巧l 能清楚网页所有相关文化基础知识；l 能清楚网页中各种元素的设计规则；l 能安装网页行业规则完成其相应元素美工设计；l 能对网页美工布局；l 能熟习运用网页DEAMWEAVER设计软件；l 能熟习运用fireworks设计软件；l 能完成网页版面设计；l 能插入网页动画；l 能独立完成小型网站制作；l 能对网站进行基本维护、更新。l 培养良好的劳动纪律观念；l 培养认真做事、细心做事的态度；l 培养团队协作精神；l 培养表述、回答等语言表达能力；l 培养交流、沟通的能力。3课程教学内容3.1学习情境划分学习情境划分如表3所示表3 学习情境的划分情境情境1情境2情境3情境4情境名称网页基础.1制作简单网站.2制作CSS+div布局网站.3设计制作网页元素.4设计网站版面学时420（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教学建议：在多媒体教室、版图设计实训基地采用集中讲授、案例分析等方法教学，在多媒体设计实训基地实践。工具与媒体学生已有基础教师所需执教能力要求Dreamweaver8Photoshop7网页设计素材多媒体教学设备教学课件视频教学资料网络教学资源任务工单构成基础图形设计基础VI设计型录设计版式设计Photoshop软件基础对网页行业状态有较为深入的理解能熟习网页布局能熟习网页制作规则能熟练操作Dreamweaver8能熟练操作Photoshop7能设计问题进行检查能根据教学法灵活组织教学学习情境 .2 制作CSS+div布局网站 学时：20（10）学习目标1、 理解CSS在网页美工设计的重要作用及与传统网页设计相比具有的优势。2、 熟练掌握CSS基本语法及书写规范及其应用。3、 掌握CSS+DIV技术进行网页页面布局。学习内容教学准备和教学建议任务1 CSS基础知识任务2 CSS文字样式文字实例任务3用CSS设置图片效果图片样式，图片的对齐，图文混排，图文实例任务；任务4 CSS设置网页中的背景任务5 CSS设置表格与表表单的样式任务6 CSS+div美化与布局实战框架实例任务1 CSS基础知识1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务2 CSS文字样式1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务3用CSS设置图片效果1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务4 CSS设置网页中的背景1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务5 CSS设置表格与表表单的样式1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务6 CSS+div美化与布局实战1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。工具与媒体学生已有基础教师所需执教能力要求Dreamweaver8Photoshop7网页设计素材多媒体教学设备教学课件视频教学资料网络教学资源任务工单构成基础图形设计基础VI设计型录设计版式设计Photoshop软件基础对网页行业状态有较为深入的理解能熟习网页布局能熟习网页制作规则能熟练操作Dreamweaver8能熟练操作Photoshop7能设计问题进行检查能根据教学法灵活组织教学学习情境 3 设计制作网页元素 学时：20（10）学习目标1、矢量图形和位图图像的概念和区别； 2、常用图像格式及其特点；3、网页中图形图像的应用；4、Fireworks8软件基础；5、简单的网页图像处理流程。学习内容教学准备和教学建议任务1 网页图片基础矢量图形和位图图像的概念和区别,常用图像格式及其特点，网页中图形图像的应用任务2 Fireworks8软件环境充分了解Fireworks8。任务3简单的网页图像处理矢量图形和位图图像在Fireworks 8文档中的使用技巧元件的概念，知道使用元件任务4 网页中图形图像的具体应用实例练习任务1 网页图片基础1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务2 Fireworks8软件环境1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务3简单的网页图像处理1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。任务4 网页中图形图像的具体应用1教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。2教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。工具与媒体学生已有基础教师所需执教能力要求Dreamweaver8Photoshop7网页设计素材多媒体教学设备教学课件视频教学资料网络教学资源任务工单构成基础图形设计基础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教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。工具与媒体学生已有基础教师所需执教能力要求Dreamweaver8Photoshop7网页设计素材多媒体教学设备教学课件视频教学资料网络教学资源任务工单构成基础图形设计基础VI设计型录设计版式设计Photoshop软件基础对网页行业状态有较为深入的理解能熟习网页布局能熟习网页制作规则能熟练操作Dreamweaver8能熟练操作Photoshop7能设计问题进行检查能根据教学法灵活组织教学4教学实施与保障41 教学方式与考核方法4.1.1 教学方式以调动学生积极性为核心，以实践教学为主线，多种教学方法并用。(1)项目教学法整个课程教学采用项目教学，与传统的教学相比，由以教师为中心转变为以学生为中心，由以课本为中心转变为以“项目”为中心，由以课堂为中心转变为以实际调研工作为中心。运用项目教学法进行教学设计的时候，我们强调学生是认知的主体、是知识意义的主动建构者。根据项目教学的教法思路和教学设计原则，整个课程教学采用一个实际企业委托的调研项目为主线，将学生进行模拟分组，组成团队，由小组在教师指导确定具体的项目任务，教师通过下发项目任务书把学生引入到需要通过某知识点来解决现实问题的情景，小组通过团队协作学习，开展小组交流、讨论，共同完成项目。(2)任务驱动法整个课程教学从课堂讲授、教学组织和实训环节均围绕一系列的任务进行,学生在教师的引导下开展探究性学习,通过参与任务解决的过程,实现学生主动学习,学与做相结合。4.1.2 考核方法(1)项目成绩（50分）以每个学习情境的任务完成情况作为考核内容，采用360的自我评价体系，包括：组内成员对自己评价，组长对组员的评价，老师对学生的评价等全方位评价形式；专业能力、方法能力、社会能力等多层次的评价形式。具体方法如表5所示。表5学生任务评价表评价项目专业能力（50%）方法能力（30%）社会能力（20%）成绩自我评价（10分）得分评价依据组