《网页美工设计》课程标准
《网页美工》课程标准
《网页美工》课程标准一、课程名称网页美工二、适用专业计算机平面设计专业三、课程性质与任务随着互联网的快速发展，网页美工设计与图像处理技术进入了一个崭新的阶段。
网页作为网络信息的载体，不再是简单的文字与图片的展示，而是更加强调美观性、交互性，这也是当前网页美工设计与图像处理的发展趋势。
《网页美工》课程的开设是为了加强学生的网页美工设计水平，提高学生的图像处理实际动手能力，提高学生的就业竞争力，为社会培养必需的人才。
其任务是：通过学习，要求学生了解网页美工的基本概念，能运用网页美工的基本设计方法，能够利用三种软件设计并制作出静态网页的美工效果。
同时通过本课程的学习，提高学生的操作技能和网页美工设计能力，培养学生踏实认真、精益求精、团结合作、创新的精神，以及良好的职业道德，使之适应专业岗位需求。
四、课程设计（一）设计思路该课程总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，转变为以工作任务为中心组织课程内容，并让学生在完成具体项目的过程中学会完成相应工作任务，并构建相关理论知识，发展职业能力。
课程内容突出对学生职业能力的训练，理论知识的选取紧紧围绕工作任务完成的需要来进行，同时又充分考虑了高等职业教育对理论知识学习的需要，并融合了相关职业资格证书对知识、技能和态度的要求。
项目设计从当前网页美工岗位的典型实际工作任务为线索来进行。
教学过程中，要通过校企合作，校内实训基地建设等多种途径，采取工学结合等形式，充分开发学习资源，给学生提供丰富的实践机会。
教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。
（二）参考学时与学分参考学时：72学分：4五、课程目标（一）专业知识目标1.理解网页设计中的平面构成及色彩搭配原理；2.理解网页设计中的字体设计原理；3.理解网页设计中的排版与布局原理；4.理解网页设计中的动画制作原理；5.理解网店首页、产品详情页、活动页面的设计原理；6.熟知网页美工设计的专业知识。
网页美工教案
网页美工教案教案标题：网页美工教案教案目标：1. 了解网页美工的基本概念和原则。
2. 学习使用常见的网页美工工具和软件。
3. 掌握设计网页的基本技巧和方法。
4. 培养学生的创造力和审美能力。
教学内容：1. 网页美工概述a. 介绍网页美工的定义和作用。
b. 解释网页美工的基本原则，如布局、色彩、字体等。
c. 引导学生了解网页美工对用户体验的重要性。
2. 网页美工工具和软件a. 介绍常见的网页美工工具和软件，如Adobe Photoshop、Adobe Illustrator 等。
b. 演示如何使用这些工具进行网页美工设计。
c. 给学生提供相关资源和练习，让他们熟悉工具的使用。
3. 网页设计基本技巧和方法a. 解释网页设计的基本要素，如导航栏、标题、图片等。
b. 引导学生学习如何选择合适的颜色、字体和图像，以及如何进行排版和布局。
c. 指导学生设计简单的网页，包括首页和内页。
4. 创造力和审美能力培养a. 鼓励学生进行创意思考，提供他们进行网页美工设计的主题和要求。
b. 引导学生进行网页美工设计的实践，鼓励他们尝试不同的设计风格和元素。
c. 提供学生互相评价和反馈的机会，促进他们的审美能力的发展。
教学步骤：1. 引入：通过展示一些精美的网页设计作品，激发学生对网页美工的兴趣和好奇心。
2. 知识讲解：介绍网页美工的基本概念和原则，并讲解常见的网页美工工具和软件。
3. 实践操作：让学生通过实际操作来熟悉网页美工工具和软件，如练习使用Adobe Photoshop进行图片编辑和处理。
4. 设计案例分析：分析一些优秀的网页设计案例，让学生了解设计师的思考和决策过程。
5. 设计实践：根据学生的年级和能力，布置一个网页美工设计的任务，要求学生按照所学知识和技巧进行设计。
6. 学生展示和评价：让学生展示他们的设计作品，并进行互相评价和反馈，鼓励他们分享设计思路和经验。
7. 总结：总结本节课的学习内容和收获，鼓励学生继续探索和学习网页美工的知识和技巧。
高职计算机应用技术专业《网页美工CSS+DIV》课程标准
《网页美工CSS+DIV》课程标准一、课程的性质《网页美工CSS+DIV》是计算机类专业核心课程，具有较强的技术性与实践性。
课程目标是让学生掌握网站的建设与网页美工等方面的知识，重点培养学生用CSS+DIV的知识布局和美化网站。
通过充分利用CSS技术制作出令人眩目的网页效果。
本课程学习的前导课程有《网页制作基础》、《图形图像基础》，后续课程有《PHP程序设计》、《Lamp高级应用》、《H5+CSS3》等。
二、课程设计理念1、本课程标准的设计以就业为导向，根据计算机类专业学生的就业岗位：网页美工师、网页设计师、网站开发工程师等来设置教学进度、选择教学方法和教学评价。
以项目为单元的方式组织教学，按照网站开发流程，从模拟到创意制作，在实践过程中加深对专业知识、技能的理解和应用，培养学生的综合职业能力，满足学生职业发展的需要。
在教学过程合理布置教学任务，以课堂任务、每周任务、每月任务、学期任务，这样一个循序渐进的任务布置，使学生通过一个学期的学习能制作出一个具有自己个性、美观、使用的网站。
完成任务的过程同时也是学生把所学知识应用到实践的过程。
教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。
2、本门课程的总学时为36，其中理论课学时为12节，实践课学时为24节。
以基于工作过程的课程开发理念为指导，以职业能力培养和职业素养养成为重点，根据技术领域和职业岗位（群）的任职要求，以实际案例为载体，对课程内容进行序化。
通过教学模式设计、教学方法设计、教学手段的灵活运用、教学目标的开放性设计、教学考核方法改革等，保证了学生专业能力、方法能力和社会能力的全面培养。
3、课程开发思路按照“以能力为本位、以职业实践为主线，以项目课程为主题的模块化专业课程体系”的总体设计要求，学生系统学习基本知识、掌握知识结构框架及要点，理解不同模块、不同章节的重点和难点，通过课堂讲解和项目模块化案例练习，使学生熟练掌握知识点。
《网络店铺美工》-教学大纲、课程标准
《网络店铺美工》-教学大纲、课程标准网络店铺美工-教学大纲、课程标准一、课程简介网络店铺美工是一门旨在培养学生在互联网平台上进行店铺美工设计和制作能力的课程。
本课程将结合美工设计理论与实践，介绍网络店铺美工的基本原理和技巧。
二、教学目标通过研究本课程，学生将能够：1. 理解网络店铺美工的概念和重要性；2. 掌握常见的美工设计软件和工具的使用方法；3. 研究网店界面设计和产品展示页面设计的基本技巧；4. 理解网店美工设计在推广和销售中的作用；5. 培养良好的美工设计思维和创意能力。
三、课程内容和教学安排1. 网络店铺美工概述- 网络店铺美工的定义和作用- 网络店铺美工与用户体验的关系2. 美工设计工具和软件- 常用的美工设计软件介绍和比较- 美工设计工具的基本操作和技巧3. 网店界面设计- 网店界面设计原则和技巧- 界面元素的布局和组织- 配色和字体的选择4. 产品展示页面设计- 产品展示页面的设计原则和要点- 图片处理和优化技巧- 产品描述和排版设计5. 网络店铺美工与推广销售- 美工设计在网店推广和销售中的作用- 利用美工设计提升网店销售效果的策略和方法四、教学评估和考核方式本课程的教学评估和考核将采用以下方式：1. 课堂参与和讨论；2. 个人或小组作业；3. 期中和期末项目设计与展示；4. 课程总结和个人反思。
五、参考资料- 网络店铺设计与开发教程- 网络店铺美工实践指南- 美工设计原理与技法以上是《网络店铺美工》课程的教学大纲和课程标准，希望通过本课程的学习，学生能够掌握网络店铺美工设计的基本知识和技能，并能够在实际应用中灵活运用，提升网店的形象和销售效果。
《网页美工设计》教案
《网页美工设计》教案一、教学目标1. 了解网页美工设计的基本概念和重要性。
2. 学习并掌握常用的网页设计工具和软件。
3. 学习并理解网页设计的基本原则和技巧。
4. 能够独立完成简单的网页美工设计任务。
二、教学内容1. 网页美工设计的基本概念和重要性。
2. 网页设计工具和软件的使用方法。
3. 网页设计的基本原则和技巧。
4. 实际操作练习：制作简单的网页美工设计。
三、教学方法1. 讲授法：讲解网页美工设计的基本概念、原则和技巧。
2. 演示法：展示并讲解如何使用网页设计工具和软件。
3. 实践法：学生实际操作练习，制作简单的网页美工设计。
四、教学准备1. 教室环境：多媒体教学设备。
2. 教学材料：教案、PPT、网页设计工具和软件、练习素材。
五、教学过程1. 导入：通过展示一些优秀的网页美工设计案例，引发学生对网页美工设计的兴趣和好奇心。
2. 新课内容：讲解网页美工设计的基本概念、原则和技巧，展示并讲解如何使用网页设计工具和软件。
3. 实践练习：学生根据所学内容，实际操作练习，制作简单的网页美工设计。
4. 总结反馈：教师对学生的练习进行点评和指导，总结课堂教学内容。
六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度和提问回答情况，评估学生对网页美工设计的基本概念和工具的理解程度。
2. 实践作品：评估学生在实践练习中制作的网页美工设计作品的质量，包括设计理念、色彩搭配、布局合理性等方面。
3. 学生互评：鼓励学生之间相互评价作品，提供建设性的意见和建议，促进学生之间的学习和交流。
七、教学拓展1. 深入学习网页设计相关软件的高级功能，如Adobe Photoshop、Adobe Illustrator等，提升学生的网页美工设计能力。
2. 探索网页设计的趋势和流行元素，引导学生关注网页设计的最新发展，提高学生的设计创新能力。
3. 组织学生参加网页设计比赛或项目实践，提高学生的实际操作能力和团队合作能力。
《网页美工设计》教案
《网页美工设计》教案一、教学目标1. 让学生了解网页美工设计的基本概念和流程。
2. 培养学生掌握网页美工设计的基本技能，如色彩搭配、布局、图片处理等。
3. 使学生能够独立完成网页美工设计，提高学生的创新能力和审美水平。
二、教学内容1. 网页美工设计的基本概念和流程。
2. 色彩搭配的原则和方法。
3. 网页布局的设计技巧。
4. 图片处理的工具和技巧。
5. 设计案例分析和实践。
三、教学方法1. 讲授法：讲解网页美工设计的基本概念、色彩搭配原则、布局设计技巧等。
2. 演示法：展示图片处理工具的使用方法和设计案例。
3. 实践法：学生动手实践，完成网页美工设计作品。
4. 讨论法：分组讨论，分享设计心得和经验。
四、教学准备1. 教室环境：多媒体教学设备。
2. 教学材料：教材、图片、设计工具软件等。
3. 学生设备：电脑、设计软件安装。
五、教学过程1. 导入：通过展示优秀的网页美工设计作品，引发学生兴趣，导入新课。
2. 讲解：讲解网页美工设计的基本概念和流程，重点讲解色彩搭配原则和网页布局设计技巧。
3. 演示：展示图片处理工具的使用方法和设计案例，让学生了解并学会运用这些工具。
4. 实践：学生动手实践，运用所学知识和技能完成网页美工设计作品。
5. 讨论：分组讨论，分享设计心得和经验，互相学习和交流。
7. 作业布置：布置课后作业，要求学生在下节课前提交网页美工设计作品。
六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度，提问和回答问题的积极性。
2. 设计作品：评估学生在实践环节提交的网页美工设计作品的质量，包括色彩搭配、布局、图片处理等方面。
3. 小组讨论：评估学生在小组讨论中的表现，包括分享设计心得、交流经验和合作态度。
七、教学拓展1. 邀请专业网页美工设计师进行讲座，分享实战经验和行业动态。
2. 组织学生参观网页设计公司，了解企业文化和工作流程。
3. 开展网页美工设计比赛，鼓励学生积极参与，提高设计水平。
《网页美工设计》课程教学大纲
《网页美工设计》课程教学大纲学分：4学时：72适用专业：计算机网络应用专业（高技）一、课程性质和任务本课程为计算机科学与专业的专业选修课程。
它综合性强、实用性强。
该课程的任务是通过学习平面构成，色彩搭配，字体设计、排版与布局，网络动画，形象设计，广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和技能水平。
二、课程基本要求结合专业培养目标，提出本课程要达到的基本要求，这些要求包括：1、平面构成网页设计中平面构成原理及构成形式在网页设计中的运用2、色彩搭配了解色彩构成原理及网页色彩心理；掌握网页配色原理。
3、字体设计、排版与布局字体设计基本原理；网页设计中字体与版式设计及字体颜色的运用。
4、网络动画网络动画的分类；网路动画的制作及指导方针。
5、形象设计视觉识别系统的相关概念；网路形象设计。
6、经典网络解析各类网页分析，常见网页策划、设计、开发、错误。
三、教学条件1.为保证理论与实际操作密切结合，本课程要求一个教师和一个一体化教室。
教室中学生每8人一组，每组组同学自备电脑。
另为方便学生查阅资料，所有同学要能上网。
2.每班由一位主讲教师上课，要求教师能在操作和理论两方面对学生进行辅导。
教师除掌握本专业的理论知识、操作技能外，还要具备良好的知识表达能力和对学生的引导能力。
注：选讲内容在课程内容后面标注“*”号。
六、考核方法1.期末项目考重点考核知识、理论和部分专业能力占总成绩的50％。
2.每个人单独通过的项目实例考核占总成绩的40％。
3.出勤、作业与课堂答问占总成绩的10％。
七、教学说明在教学过程中，课堂教学相对集中课时对网页设计中的“构成原理”“色彩搭配”“排版与布局”“动画”“实例解析”进行严格的训练（尤其是经典案例的实战教学），以求在一个较短的时间内将网页设计中的设计能力提高到一个较高的水准。
在教学手段方面可采用多媒体教学的方式进行理论和实例的讲解，加大临摹练习，以获得最佳的教学效果。
《网页设计》课程标准
《网页设计》课程标准一、课程基本信息课程名称：网页设计学分：课程代码：学时：二、课程性质《网页设计》是平面设计和传媒类专业的拓展课程之一，是完成相关专业培养目标所必需的重要理论与实操一体化教学环节。
《网页设计》这门课主要针对网页设计中的配色和网页布局进行研究和讲解。
本课程的核心技能是在熟悉网页设计原则、色彩基础知识、色彩的情感象征和主题印象等理论知识的基础上，掌握网页结构布局、网站Logo与导航设计、网页用图和文字的排版设计、网页配色设计以及如何通过网站主题进行风格定位，从而完成网页布局设计与配色方案设计，设计出合理而精美的网页作品。
本课程旨在培养符合网页设计、用户界面设计、网站策划等社会岗位需求的界面艺术设计的职业技术人才，使学生具备网页设计的艺术鉴赏能力和网页布局与配色的设计和创作技能。
本课程是计算机类专业学生必须掌握的专业知识之一，通过本课程的学习，学生将了解网页设计、网站项目创建实施的流程及方法，具备网页设计、网站建设与维护的基本能力，为今后学生到相应的职业岗位打下基础。
同时，本课程将重点培养学生的创造能力、实际动手能力和计算机应用能力，从而适应日新月异的就业形势和社会的人才需求。
三、课程设计（一）课程目标设计1.能力目标:（1）能够掌握网站标志和导航设计重要性以及设计方法；（2）能够掌握网页设计中页面整体布局原则以及页面元素设计方法；（3）能够理解色彩基本知识、熟悉网页色彩模式、网页中色彩运用的基本原则和色彩的作用；（4）能够掌握网页配色设计的方法；（5）能够根据主题进行网站页面创作与设计。
2.知识目标：（1）了解网站设计特点、构成元素、设计原则等；（2）了解网站页面规划与元素设计的方法和技巧；（3）掌握网站中的图形与文字排版设计的方法和技巧；（4）了解网站页面布局的目的和设计方法、原则；（5）了解色彩在网站设计中的作用；（6）掌握网页配色的基本方法和技巧；3.素质目标：（1）培养学生的审美能力；（2）培养学生的设计能力、团队合作和沟通能力；（3）培养学生独立思考、自主学习和创新能力；（4）培养学生知识的融会贯通和举一反三的能力；（5）培养学生踏实肯干、做事认真、细心做事的态度；（6）培养学生独立的决策能力；（7）有耐心，有恒心，善于接受批评意见；（8）具有严谨的科学作风和踏实的工作态度，积极的求知欲和进取心。
《网页美工》课程教学大纲
《网页美工》课程教学大纲一、课程性质对于高等职业教育学院的学生来说，计算机课程是一门实践性及专业性很强的课程。
随着社会的发展，网络以其快捷、方便的特征被人们广泛接受。
时代大发展，人们的鉴赏力越来越高，对网站的视觉设计要求也越来越高。
《网页美工》正是这样的一门课程。
它提供的几乎是无限的创作空间，为网页设计开辟了一个极富弹性且易于控制的世界，提供了一个前所未有的自我表现的舞台。
是高等职业学校平面设计及多媒体专业从事相关实践不可缺少的重要手段之一，每一位相关专业的学生都应该熟练地掌握和运用，以增强适应职业变化的能力。
二、课程目标本课程的教学目标是：以现代职业教育理念为指导，通过先进的教学手段，使学生充分掌握网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和基本技能的水平。
三、课程要求根据教育部对教学计划制定的指导意见，该课程的课时设计为90课时，理论30课时，实践60课时。
而教学任务则要兼顾理论和实践内容，但不可能做到面面俱到，“全”而“深”的教材并不适应他们。
因而必须对教材内容的进行整合，这一点非常重要。
而教材内容的整合，既不能简单的删、减理论内容，也不能随便删减实践教学内容。
本教材的要求如下：高职计算机应用、网页设计、动漫、动画等专业中的必修课程，它具有承上启下的作用，因此在编写教材时，力求将平面设计的诸多因素贯穿其中，使学生在潜移默化中更多地去涉猎艺术元素，不断提高自我的艺术修养。
2.突出理论与实践相结合的原则，将理论融入每个实例中去，减少学生学习时感觉枯燥无味的现象，力求快速掌握网页设计的基本知识。
3.教材的每一章节的练习中增加了分析作业，充分发挥学生的自我想象能力，有助于锻炼学生的创造性思维，更好的适应市场的变化。
四、教学内容全书共分为8章，主要学习网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计等。
网页美工设计与制作-教学大纲
《网页美工设计与制作》课程教学进程表总计学习课时为 120 课时，其中理论课时为 60 课时，实验课时为 60 课时。
适用专业：视觉艺术，各章节课时分配如下：《网页美工设计与制作》课程教学大纲适用专业：视觉艺术教材：《网页美工设计与制作》新华教育（北京）研究院出版一、课程的性质与任务《网页美工设计与制作》课程是新华-网络传媒高级设计师专业（两年专科）课程。
通过本课程的学习，使学员可以系统地了解动画的制作方法，掌握动画的制作流程。
熟练掌握帧并帧动画、形变动画、运动动画的制作；掌握基本动画和脚本动画的制作。
学完本课程，学生可以制作Flash MTV、产品广告的制作、Flash网页的制作等，同时能够培养和提高学员分析问题和解决问题的能力，以提高学员就业应聘的综合能力。
二、课程的考核方法《网页美工设计与制作》为阶段考试必考课程，课程考试必考课程，采用理论考试方法，即在课程结束后以在线或纸质进行考核，考核权重为4%。
课程学完后学员可参加CIW认证考证。
三、课程的目标要求“目的要求”是指通过教师的讲授及学生的认真学习所应达到的教学目的和要求。
结合本课程的教学特点，“目的要求”分为“掌握”、“熟悉”和“了解”三个级别。
“掌握”的内容，要求教师在授课时，进行深入的剖析和讲解，使学生达到彻底明了，能用文字或语言顺畅地表述，并能独立做好实验，对案例内容进行分析，同时也是课程考试的主要内容；“熟悉”的内容，要求教师予以提纲挈领地讲解，使之条理分明，使学生对此内容完全领会，明白其中的道理及其梗概，在考试时会对基本概念、基本知识进行考核；“了解”的内容，要求教师讲清概念及相关内容，使学生具有粗浅的印象。
四、教学内容第1章网站基础[学习课时] 本章共需要学习 6 课时，其中理论课为 3 课时，实验课为 3 课时。
[目的要求] 1.介绍课程的内容以及作用2.掌握网站和网页的基本概念3．掌握网站设计的一般流程4.html语言的基本语法[教学内容] 1. 介绍课程的内容以及作用2. 网站和网页的基本概念2.1互联网的定义与功能2.2网页的定义、分类与功能2.3网站的定义与功能3. 网站设计的一般流程3.1规划（策划）3.2设计（美工）3.3实施（制作）4. html语言的基本语法4.1head标签4.2body标签第2章站点与HTML基础[学习课时] 本章共需要学习 6 课时，其中理论课为 3 课时，实验课为 3 课时。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页美工设计》课程标准Curriculum Standards(2019年修订)课程名称：网页美工设计课程代码：适用专业：数字媒体艺术设计专业学制学历及教育类别：3年制高职教育课程学分：5学分计划用教学时间：80学时修订人：审定人：修订时间：1．课程设置概述1．1 课程在相关专业中的性质与定位数字媒体艺术设计专业的定位是：培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门人才。
针对数字媒体艺术设计专业的毕业生就业的主体岗位网页设计师，人才培养方案设置了《网页美工设计》这门课程。
课程定位如表1所示。
表1 课程定位课程性质专业必修课程、核心课程备注课程功能学习网页设计认识美工基础知识教学载体Dreamweaver flash frieworks课程知识及能力使学生在围绕创建与设置站点、创建与优化网页、测试与发布站点等网站制作过程中的三个重要环节中，全面掌握了设计和优化网页的各种方法和技巧。
学习完本课程，学生可以熟练地创建网站，并且通过平面设计和动画设计来丰富网页内容和优化网站。
前导课程构成设计基础、版式设计基础、计算机基础、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软件的操作基础?掌握在Fireworks 8中绘制网页布局的要点和技巧知识目标能力目标素质目标能清楚网站基础知识；能设置dreamweaver软件环境；能掌握站点的创建方法；能正确掌握各种链接的制作；能掌握css设置；掌握框架结构网页的制作方法；能掌握插入多媒体元素的方法；能掌握页面中对层的操作方法及其属性的设置；能掌握网页图形图像格式和应用；掌握Fireworks8软件的操作基础；掌握在Fireworks 8中绘制网页布局的要点和技巧能清楚网页所有相关文化基础知识；能清楚网页中各种元素的设计规则；能安装网页行业规则完成其相应元素美工设计；能对网页美工布局；能熟习运用网页DEAMWEA VER设计软件；能熟习运用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 网页布局能够建立框架网页；理解框架网页的基本原理。
了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握任务1 软件环境设置1．教学准备：网页教学文件、实训基地的电脑已安装dreamweaver软件。
2．教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。
任务2网页布局1．教学准备：reamweaver软件的电脑。
2．教学建议：在多媒体教室、版图设计实训基地采用集框架结构网页的制作方法。
任务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技术进行网页页面布局。
学习内容教学准备和教学建议任务1 CSS基础知识任务2 CSS文字样式文字实例任务3用CSS设置图片效果图片样式，图片的对齐，图文混排，图文实例任务；任务4CSS设置网页中的背景任务 5 CSS设置表格与表表单的样式任务 6 CSS+div美化与布局实战框架实例任务1 CSS基础知识1．教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。
2．教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。
任务2 CSS文字样式1．教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。
2．教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。
任务3用CSS设置图片效果1．教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。
2．教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。
任务4CSS设置网页中的背景1．教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。
2．教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。
任务5 CSS设置表格与表表单的样式1．教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。
2．教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。
任务6 CSS+div美化与布局实战1．教学准备：网页素材文件、实训基地的电脑已安装dreamweaver软件。
2．教学建议：在多媒体设计实训基地，采用课堂讨论、多媒体教学、集中讲授等方法教学。
工具与媒体学生已有基础教师所需执教能力要求Dreamweaver8 Photoshop7网页设计素材多媒体教学设备教学课件视频教学资料网络教学资源任务工单构成基础图形设计基础VI设计型录设计版式设计Photoshop软件基础对网页行业状态有较为深入的理解能熟习网页布局能熟习网页制作规则能熟练操作Dreamweaver8能熟练操作Photoshop7能设计问题进行检查能根据教学法灵活组织教学学习情境 3 设计制作网页元素学时：20（10）学习目标1、矢量图形和位图图像的概念和区别；2、常用图像格式及其特点；3、网页中图形图像的应用；4、Fireworks8软件基础；5、简单的网页图像处理流程。
学习内容教学准备和教学建议任务1 网页图片基础矢量图形和位图图像的概念和区别,常用图像格式及其特点，网页中图形图像的应用任务2 Fireworks8软件环境充分了解Fireworks8。