《网页艺术设计》课程标准
网页制作课程标准
《网页制作》课程标准课程名称：网页制作课程性质: 专业基础课程总学时： 36适用对象: 电脑艺术设计3年级学生先修课程：Photoshop图像处理、Flash制作一、编写说明（一）本课程的性质、地位和作用本课程是电脑艺术设计专业的一门专业课程。
主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计、美术指导、网络美工等岗位的职业技术能力。
通过本课程的学习，学生能掌握网页设计必备的基础知识、在学习情境中培养学生网页设计岗位（包括网页整体策划与设计、网页版面设计、网页美化）的职业技能，培养学生的网页设计职业素养和职业能力。
（二）教学基本要求知识目标：（1）熟练掌握网页制作软件Dreamweaver的基本操作和使用技能（2）熟练掌握创建和管理站点（3）掌握页面的整体内容设置的方法（4）熟练掌握在网页中输入、设置文本属性的方法（5）熟练掌握在网页中插入图像、flash动画、背景音乐的方法（6）掌握建立各种形式超级链接的方法（7）熟练掌握网页页面布局的各种方法（8）掌握网站测试和发布的方法技能与素质目标：（1）培养学生收集、处理信息，准备、加工素材的能力（2）培养学生制作静态网页的能力（3）培养学生设计网页的能力（4）培养学生设计网站的综合能力（5）培养学生的策划能力、色彩感悟力、结构布局能力和想象力（6）训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画。
态度目标：（1）培养学生的沟通能力和协作精神（2）培养学生勤于思考、认真做事的良好作风（3）培养学生勇于创新、敬业乐业的工作作风（4）培养学生具有良好的职业道德和较强的工作责任心（5）培养学生自主学习能力和知识应用能力（6）培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力（三）课程教学方法与手段演示教学、实践教学，多媒体授课（四）实践环节1.名称：上机练习2.主要内容与要求：本课程主要分成网页整体策划与设计、网页版面设计、网页美化三个学习情境。
网页设计与制作课程标准
《网页设计与制作》课程标准学时数：48学时________________ 课程性质：专业必修课—适用专业：计算机应用专业—一、本课程的性质、地位、作用以及与其它相关课程内容的联系《网页设计与制作》是计算机应用专业的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
二、课程教学目标本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：*掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
*掌握各种网页元素在DreamWeaVer中的使用。
例如表格、文本、图像、超级链接、层和表单等。
*掌握测试和发布网站的方法。
包括网站测试的内容和方法。
*能够解决一些网页设计中的常见问题。
三、本课程学时安排四、课程教学内容和基本要求（按章节详细阐述）第一章：网页设计概述（一）教学重点和难点重点：Dreamweavercs5的参数设置、Dreamweaver的站点设置。
难点：DreamWeaVer的站点设置。
（二）教学内容和基本要求教学内容：基础知识，初识DreamWeaver,DreamWeaVerCS5的参数设置，设置站点。
基本要求：了解网页设计基本知识；掌握Drean1weaVerCS5的参数设置；熟练掌握Dreamweaver的站点设置。
第二章：表格布局（一）教学重点和难点重点：表格基本操作、表格布局。
难点：表格布局。
（二）教学内容和基本要求教学内容：表格基本操作，表格高级应用，表格布局，网页设计基础。
基本要求：了解表格基本操作、表格高级应用及网页设计基础；掌握表格基本操作；熟练掌握表格布局。
第三章：CSS样式表（一）教学重点和难点重点：CSS样式表应用。
网页设计课程标准
《网页设计》课程标准一、课程概况注：课程类别填公共基础课、专业基础课、专业核心课、岗位方向课二、专业对课程要求通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。
熟悉创建网站站点，制作基本页面，布局和美化页面，创建和应用模板，制作网页特效，整合与测试网站的方法，使学生达到理论联系实际、活学活用的基本目标，提高其实际应用技能，以便能获得就业机会，提高个人的综合竞争力与社会适应力。
在教学过程中，要引入“工匠精神”，让学生在技术上与职业素养上都得到进一步提升，两者结合，制作出好作品。
三、课程培养目标1、总体目标本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的工作中网页设计打下基础。
2、知识目标（1）理解HTML的基本标记、文字、段落标记、表格标记（2）理解HTML图像、超链接标记和框架标记。
（3）理解CSS样式的作用和基本语法。
（4）掌握CSS样式的常用属性的设置方法。
（5）掌握Dreamweaver的多种布局方法。
（6）掌握Dreamweaver编辑网页的方法。
（7）掌握PS切片工具的使用方法。
3、能力目标（1）能够学会用HTML语言来编辑最基本的网页（2）能够熟悉使用CSS样式来编辑网页。
（3）熟练掌握Dreamweaver来进行网页的布局、制作网页特效。
（4）能够结合使用PS来设计简单的网页页面，通过切片处理在软件中进行编辑网页。
4、素养目标（1）培养具有较强的网页设计创意思维、艺术设计素质。
（2）把精益求精、严谨务实的工作作风融入到作品中（3）培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性。
（4）培养学生理论联系实际的工作和学生方法。
（5）养学生观察、想象、思维能力，创作出符合时代要求的好作品；（6）培养学生对行业的热爱；爱岗敬业的职业道德情操，为未来的就业做好充分的准备。
《网页设计与制作》课程标准
《网页设计与制作》课程标准一、课程性质本课程是中等职业学校数字媒体类数字媒体技术应用专业必修的一门专业核心课程，是在《图形图像处理》《程序语言设计》等课程基础上，开设的一门理论与实践相结合的专业课程，其任务是让学生掌握网页设计的基础知识与基本技能，为《多媒体作品设计软件应用》等后续课程的学习奠定基础。
二、学时与学分72学时，4学分。
三、课程设计思路本课程按照立德树人根本任务要求，突出核心素养、必备品格和关键能力，兼顾中高职课程衔接，高度融合网页设计与制作知识技能的学习与职业精神的培养。
1依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》中确定的培养目标、综合素质、职业能力，按照知识与技能、过程与方法、情感态度与价值观三个维度，突出项目操作能力和解决问题能力的培养，结合本课程的性质和职业教育课程教学的最新理念，确定本课程目标。
2.根据“中等职业学校数字媒体技术应用专业'工作任务与职业能力'分析表”，依据课程目标和计算机软件测试员等工作的岗位需求，围绕网页设计与制作关键能力，反映数字媒体行业发展的新知识、新技术，体现科学性、适用性原则，确定本课程内容。
3.以创建一个完整的网络为主线，设置模块和教学单元，将网页设计与制作的基础知识、基本技能和职业素养有机融入，遵循学生认知规律，结合学生的生活经验，确定学习内容的顺序。
四、课程目标学生通过学习本课程，掌握网页设计与制作的基础知识与技能，能独立制作中小型的网站，并通过现代信息化的手段进行表现，初步形成良好的职业意识和职业素养。
1了解网页设计与制作相关的艺术、技术背景知识及发展趋势，能对网站制作产生学习兴趣。
2.熟悉网页制作原理及制作流程，掌握静态网站制作的基本方法。
3.掌握AdobeDreamWeaVer网页制作工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能。
4.了解动态网页的初步知识，能合理规划网站，并能根据要求正确创建数据库和数据表，完成网站制作。
《网页设计与制作》课程教学标准
《网页设计与制作》课程教学标准第一部分：课程性质、课程目标与要求《网页设计与制作》课程是数字媒体专业选修的一门重要的专业课，是学习后续课程的基础。
本课程是集理论与实践为一体的综合应用课程，主要向学生全面介绍与网页设计制作有关的知识，阐明Web基本工作机制，并使学生具有解决一般网页制作问题的能力。
通过本课程的学习，学生能够规划建立站点，熟练利用网页制作工具制作出精美的网站，同时引导学生培养实践能力、自学能力，以及分析问题和解决问题的能力，为学习后续专业课程奠定坚实的专业基础。
第二部分：教材与学习参考书教材：《网页设计与制作—Dreamweaver CS5标准教程》，修毅洪颖邵熹雯编著，人民邮最出版社参考资料：1. 《HTML4.0参考手册》（电子版）2. 《CSS参考手册》（电子版）3. 《JavaScript参考手册》（电子版）4. 《HTML5、CSS和JavaScrtip开发》，孙鑫付永杰编著，电子工业出版社第三部分：教学内容纲要和课时安排本门课程通过理论与实践相结合的方式，通过一个案例逐步引导学生掌握网页制作的知识，在案例教学中，提炼页面设计和创意方法和技巧。
教学内容纲要如下：（一）网页设计基础本章主要介绍HTML、网页浏览器的发展历史和HTML文档结构。
通过这一章的学习，学生能了解该课程的性质、目标和要求，了解web开发的相关概念，掌握HTML的文档结构和基本元素的编码。
本章的主要教学内容：1、互联网基础2、网页设计知识3、网页标准化技术4、网站设计软件5、网站制作流程6、HTML语言（二）Dreamweaver CS5基础本章介绍Dreamweaver CS5创建站点和管理站点功能帮助用户管理和控制站点中的各种资源。
通过这一章的学习，学生应能灵活掌握Dreamweaver CS5工具进行站点的创建。
本章的主要教学内容：1、Dreamweaver CS5工作界面2、创建网站框架3、管理站点文件和文件夹4、管理站点5、网页文档头部信息设置（三）页面与文本本章介绍文本的使用与处理，文本处理一般包括输入文本、设置文本字体大小和顔色、设置文本对齐方式等。
《网页设计》课程标准
《网页设计》课程标准一、课程基本信息课程名称：网页设计学分：课程代码：学时：二、课程性质《网页设计》是平面设计和传媒类专业的拓展课程之一，是完成相关专业培养目标所必需的重要理论与实操一体化教学环节。
《网页设计》这门课主要针对网页设计中的配色和网页布局进行研究和讲解。
本课程的核心技能是在熟悉网页设计原则、色彩基础知识、色彩的情感象征和主题印象等理论知识的基础上，掌握网页结构布局、网站Logo与导航设计、网页用图和文字的排版设计、网页配色设计以及如何通过网站主题进行风格定位，从而完成网页布局设计与配色方案设计，设计出合理而精美的网页作品。
本课程旨在培养符合网页设计、用户界面设计、网站策划等社会岗位需求的界面艺术设计的职业技术人才，使学生具备网页设计的艺术鉴赏能力和网页布局与配色的设计和创作技能。
本课程是计算机类专业学生必须掌握的专业知识之一，通过本课程的学习，学生将了解网页设计、网站项目创建实施的流程及方法，具备网页设计、网站建设与维护的基本能力，为今后学生到相应的职业岗位打下基础。
同时，本课程将重点培养学生的创造能力、实际动手能力和计算机应用能力，从而适应日新月异的就业形势和社会的人才需求。
三、课程设计（一）课程目标设计1.能力目标:（1）能够掌握网站标志和导航设计重要性以及设计方法；（2）能够掌握网页设计中页面整体布局原则以及页面元素设计方法；（3）能够理解色彩基本知识、熟悉网页色彩模式、网页中色彩运用的基本原则和色彩的作用；（4）能够掌握网页配色设计的方法；（5）能够根据主题进行网站页面创作与设计。
2.知识目标：（1）了解网站设计特点、构成元素、设计原则等；（2）了解网站页面规划与元素设计的方法和技巧；（3）掌握网站中的图形与文字排版设计的方法和技巧；（4）了解网站页面布局的目的和设计方法、原则；（5）了解色彩在网站设计中的作用；（6）掌握网页配色的基本方法和技巧；3.素质目标：（1）培养学生的审美能力；（2）培养学生的设计能力、团队合作和沟通能力；（3）培养学生独立思考、自主学习和创新能力；（4）培养学生知识的融会贯通和举一反三的能力；（5）培养学生踏实肯干、做事认真、细心做事的态度；（6）培养学生独立的决策能力；（7）有耐心，有恒心，善于接受批评意见；（8）具有严谨的科学作风和踏实的工作态度，积极的求知欲和进取心。
《网页设计》课程标准
《网页设计》课程标准一、课程定位《网页设计》是虚拟现实应用技术专业的专业学习领域课。
该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。
是一门用途广泛、前景良好的计算机行业课程，是适应计算机虚拟现实应用技术专业课程的需要。
该课程的学习可为后续《JavaScript脚本语言》等课程奠定一定的职业能力基础。
二、课程目标通过《网页设计》课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。
1．知识目标（1）理解网站的基本概念和HTML5网页编程语言基础；（2）掌握搭建开发环境、网站的搭建（3）掌握HTML5中文字和段落的设置和常用标签；（4）掌握列表标签的使用；（5）掌握超级链接标签的使用；（6）掌握表格标签的设计和使用；（7）掌握框架页面布局；（8）掌握表单的设计；（9）掌握网页中多媒体的应用；（10）掌握层叠样式表CSS3的基本知识；（11）掌握一到多款网页设计软件的运用。
2．能力目标（1）能运用HTML5标签设计网页；（2）能使用CSS3设计网页；（3）会网页设计工具设计网页。
3．素质目标（1）具有自我学习的能力；（2）具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备良好的团队合作精神以及自我展示能力。
三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3 +DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。
（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。
根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。
网页设计课程标准
《网页设计》课程标准课程名称：网页设计课程类别:专业课适用专业：数字媒体专业、传媒专业、网络专业1.前言《网页设计》课程计算机网络技术专业的一门专业基础课，是计算机多媒体、软件、电子商务等专业的必修或选修课程，是高职高专院校计算机网络专业学生的重要技能之一。
1.1课程的性质《网页设计》是高等职业技术学院传媒学院开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver CS5，通过这种有代表性的网页设计软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
本课程共32学时，一周2学时。
1.2设计思路1.2.1课程设计理念《网页设计》是体现以学生为主体的、基于工作过程导向的的学习领域课程，在学习过程中，学生首先要获得的是关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能。
即强调以学生直接经验的形式——典型网页的设计与制作，来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作，真正落实教、学、做一体化课程的实施，切实提高人才培养质量。
对于学习领域课程，按照工作过程对课程内容进行序化，将陈述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习情境。
1.2.2课程设计思路1.工作任务设计从网页设计实际工作过程出发，抓住重点和难点问题进行任务设计。
且遵循二个原则：遵循循序渐进的原则，根据学生接受能力差异、现有水平和兴趣等，由简单到复杂，由表及里；遵循提高能力的原则，注重传授学生一种思想，一种解决问题的方法，可以引导学生从多个方面去解决问题，用多种方法解决同一问题。
2.任务驱动教学为了创设真实的工作情景，该课程教学全部在多媒体机房进行。
《网页美工设计》课程标准
《网页美工设计》课程标准Curriculum Standards(2019年修订)课程名称：网页美工设计课程代码：适用专业：数字媒体艺术设计专业学制学历及教育类别：3年制高职教育课程学分：5学分计划用教学时间：80学时修订人：审定人：修订时间：1．课程设置概述1．1 课程在相关专业中的性质与定位数字媒体艺术设计专业的定位是：培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门人才。
针对数字媒体艺术设计专业的毕业生就业的主体岗位网页设计师，人才培养方案设置了《网页美工设计》这门课程。
课程定位如表1所示。
表1 课程定位1．2 本课程的基本教学理念本课程设计以教育部【2006】16号文件精神要求为切入点，以服务为宗旨，以就业为导向，以提高学生的实践能力、创造能力、就业能力和创业能力为目标，以职业能力培养为重点，通过学习此课程，要求学生掌握网页的设计与制作技术、网站的创建技术以及网站的管理维护能力。
1．3 本课程标准的设计思路与特色学习本课程的目的：是熟练应用 Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。
本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。
通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用Dreamweaver等工具提供的强大的功能制作出精美的网站。
●坚持理论与艺术实践相结合，做到深入浅出，通俗易懂、生动活泼。
●把握设计教学的特点，坚持以设计带动软件的学习，努力消除教学中的僵化思想。
●加强对学生审美能力的培养，使得艺术与技术并重。
网页设计课程标准
网页设计课程标准一、课程管理信息课程名称：网页设计课程代码：XX2BC03教学单位：制定时间：编写负责人：审定负责人：二、课程基本信息课程学分：8 课程学时：136 授课对象：计算机应用三、课程简介（一）课程的性质《网页设计》是计算机网络专业的核心课程，也是计算机应用专业最基本、最综合的能力训练课程。
它主要教授制作网页的基础知识，是一门实践性很强的课程。
该课程的核心内容，就是在准备了相关素材的条件下，能够完整的制作出精美的、符合要求的网页，从而增强学生制作网页的能力，提高学生在激烈竞争的市场环境以技能求生存、求发展的能力。
本课程主要培养企业需要的具有专业网页制作理论基础和网页制作实践能力的高素质劳动者。
在教学中要向学生介绍网页制作的知识体系与制作方法。
让学生具备制作网页的劳动技能，从而使学生在职业过程中能顺利、符合要求地制作出相关要求的精美网页。
中等职业教育以育人为根本，以就业为导向，以产学研结合为途径，以服务地方经济为宗旨，培养高素质劳动者。
根据调查，目前企业吸纳计算机专业学生的岗位主要包括：工商企业、酒店、房地产、旅游等部门从事信息管理、管理信息系统的操作、信息系统的维护、信息安全保障、计算机文秘等。
而《网页设计》是所有这些计算机类岗位群任职的理论指导和操作指南。
课程学习具有综合性，其课程内容涉及多个岗位不同的工作任务.《网页设计》课程内容以网页制作为主线，从收集素材、制作主页、美化主页到网站的建设，涉及网站维护、网站建设等岗位的不同工作任务。
课程学习具有发展性（长远性），其能力培养不仅着眼于首岗要求，同时还着眼于岗位晋升的要求.课程教学不仅满足网页制作、网站建设、网站维护这些工作任务所需要的知识和技能，同时还进一步考虑晋升所需要的网页制作和网站建设知识的学习和能力的培养。
（二）课程的作用计算机应用专业是培养计算机操作和开发人才，从对岗位的工作任务和职业能力分析中可以看出，本门课程使学生能够理解和应用网页的美术设计理念与制作技法。
《网页设计》课程标准1
《网页设计》课程标准一、基本信息二、课程概述（一）制订依据2016年教育部办公厅印发《关于做好<高等职业学校专业教学标准>修（制）订工作的通知》，要求坚持就业导向，明确规格定位。
坚持工学结合，注重知行合一。
我们邀请行业企业专家共同修订人才培养方案，以前端开发工程师职业能力培养为核心，瞄准前端开发职业岗位需求来进行课程改造。
按照基础性、规范性、可操作性等原则，对现行的《网页设计》课程标准进行修订和完善。
（二）课程性质和作用《网页设计》课程分别是移动互联应用专业的专业基础课程、必修，本课程的前导课程：《计算机应用基础》、《平面设计》、《Flash动画设计与制作》等。
本课程的后续课程：《网页互动制作JavaScript》、《PHP动态网页设计》等。
本课程是学生开始接触和认识前端开发的重要课程。
在专业人才培养过程中有着举足轻重的地位。
为后续课程提供了理论基础，是学习和掌握更多前端开发相关知识的前提。
对职业能力与素养的养成起明显的促进作用。
本课程支撑前端开发工程师岗位能力，培养前端开发职业素质、培养前端开发专业技能。
（三）课程设计思路基于前端开发工程师岗位能力的特定要求，适应软件企业的工作环境和业界标准，并与国际先进的软件开发理念和前端技术保持同步，本课程的设计体现了工作过程系统化的理念，按网页设计企业流程详细地介绍了网页设计计划、网页设计用例、网页设计执行、网页设计总结、网页设计工具等内容，避免了以往重知识轻技能的弊端。
以“工学结合”为切入点，精选企业真实项目，提炼出以职业能力培养为特色的教学内容，突出技术实用性，充分考虑高职学生认知能力。
本课程以实训企业网页设计项目的完整创建过程对各环节知识、技能进行知识巩固和运用，围绕预设能力目标，对学习目标、学习任务、能力要求、教学内容、活动设计和教学建议等都均参照人才培养方案。
三、课程目标四、课程内容与教学目标五、实施建议六、考核及评价（一）考核方式本课程考核评价以学生为中心，以学生预期学习成果为导向，以国家职业资格标准和企业岗位工作职责要求为依据，采用学生互评、校内指导教师评价和校外企业指导老师评价相结合的项目化阶段评价模式。
网页艺术设计教案
一、教案概述教案名称：网页艺术设计教案课时安排：2课时（90分钟）教学目标：1. 让学生了解网页艺术设计的基本概念和原则。
2. 培养学生运用视觉元素进行网页设计的能力。
3. 引导学生掌握网页设计的色彩、布局和排版技巧。
教学重点：1. 网页艺术设计的基本概念和原则。
2. 视觉元素在网页设计中的应用。
3. 网页设计的色彩、布局和排版技巧。
教学难点：1. 网页设计的色彩搭配。
2. 网页布局和排版的设计方法。
教学准备：1. 电脑、投影仪等教学设备。
2. 网页设计相关素材。
二、教学过程第一课时：1. 导入（5分钟）教师通过向学生展示一些优秀的网页设计作品，引发学生对网页艺术设计的兴趣，简要介绍网页艺术设计的基本概念和原则。
2. 讲解（15分钟）教师讲解网页设计的基本原则，包括视觉效果、视觉层次、页面布局等方面。
3. 实践（45分钟）学生根据教师提供的素材，尝试运用视觉元素进行网页设计，教师巡回指导。
4. 总结（5分钟）教师总结本节课学生们的表现，指出优点和不足之处，并对下一节课的内容进行简要介绍。
第二课时：1. 复习（5分钟）教师通过提问方式复习上节课的内容，检查学生掌握情况。
2. 讲解（20分钟）教师讲解网页设计的色彩搭配方法和排版技巧，并通过实例进行演示。
3. 实践（40分钟）学生在教师的指导下，运用所学知识进行网页设计实践，教师巡回指导。
4. 展示与评价（10分钟）学生展示自己的设计作品，相互评价，教师总结点评。
三、教学反思教师在课后对自己的教学进行反思，分析课堂教学效果，针对学生的掌握情况调整教学方案，以提高教学效果。
四、作业布置1. 完成一份网页设计作品，要求体现所学设计原则和技巧。
2. 搜集一些优秀的网页设计作品，下节课进行分享。
五、教学评价通过学生作业完成情况、课堂表现和作品展示，评价学生对网页艺术设计知识的掌握程度，以及运用所学知识进行实际设计的能力。
六、教学内容与目标第六课时：1. 让学生了解网页中的字体与排版设计原则。
《网页设计》课程标准.
《网页设计》课程1.前言1.1课程的性质《网页设计dreamweaver》是计算机应用技术专业和电子商务的主要专业课之一，是为满足行业企业在网络媒体内容制作岗位对静态网页设计和制作人员的用人需求而开设的一门专业必修课1.2 课程定位本课程主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
在本课程之前，学生已学习了《计算机应用基础》、《Photoshop平面设计》等基础课程的，具备基本的计算机操作与图形图像制作能力，本课程的后续课程是《ASP动态网页设计》。
1.3设计思路本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。
同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。
2.课程目标本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习《ASP 动态网页设计》课程打下基础。
本课程培养学生综合运用HTML技术制作网页，以及使用常用网页设计工具规划、开发、发布、管理静态网站的专业知识和技能，具备解决实际应用问题的方法能力，为以后的学习《ASP动态网页设计》课程打下基础。
具体目标如下：2.1知识目标能处理网页图形图像素材能规划、创建、发布、维护静态网站能运用javascript控制网页行为能运用多种布局技术制作网页布局能灵活运用css技术规范、美化网页内容能跟踪和学习并应用网页设计与制作的新知识和新技术2.2技能目标能合理的规划商业网站；能合理设计网页的布局方案和美术设计方案；能规范的编写网页策划书；能熟练应用Photoshop绘制网页导航要素；能熟练应用Photoshop绘制网页信息区块；能熟练应用Photoshop绘制网页美术文字效果；能熟练应用Photoshop处理网页插图；能熟练应用Photoshop绘制网页整体效果图；能熟练应用Photoshop正确的对网页效果图进行切片和优化；能熟练应用Dreamweaver进行网站站点管理和初始化页面；能熟练应用Dreamweaver对网页的总体结构进行排版；能熟练应用Dreamweaver对网页插片和文字进行编排；能熟练应用Dreamweaver制作网页的细节效果；能应用Dreamweaver进行DIV+CSS结构排版；能熟练应用Dreamweaver制作模板与网站子页；能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能；能熟练应用Dreamweaver链接网页与测试网站；能应用互联网资源发布网站；能熟练应用Dreamweaver维护网页。
网页设计课程标准
5、精通HTML DHTML CSS语法
6、具有较强的美工基础和良好的创意设计理念
教学目标
总目标：使学生掌握网页设计工具，熟练运用多种网页设计技术，具备Web网
页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的 网站。
4
5
8
静态网页综合应用
实例1、制作班级主页
实例2、制作广告公司主页
实例3、制作一个汽车公司网站
10
9
9
期末考核
2
1
2
教学单元
“用户信息”网页制作
计划课时
4
实践课时
6
学习目标
1、理解表单及各表单域的作用
2、掌握表单及各表单域属性设置方法
3、理解并掌握表单验证方法
4、能够按要求设置表单域并进行表单的验证。
项目四、表单的应用（“用户信息”网页制作）
理解表单及各表单域的作用，掌握其属性设置方法。理解并掌握表单验证 方法。能够按要求设置表单域并进行表单的验证。
项目五、使用行为（制作弹出式下拉式菜单等）
理解行为的作用，掌握常见行为的应用
项目六、模板和库（蔬菜网站的制作）
理解模板的作用，掌握创建模板的方法，能够利用创建的模板生成页面；
理解库的作用，会使用库提高网页的编辑效率。
项目七、网站的发布与维护（个人主页网站的发布与维护）
掌握网站的发布方法和简单的维护 项目八、静态网页综合应用
能够综合运用表格、模板、CSS样式等熟练完成静态网页的设计
教学安排
序号
教学单元
计划课时
考核方式
所占比例（%
1
《网页设计》课程标准
《网页设计》课程标准一、课程的性质、任务和基本要求本课程是计算机网络技术专业的一门职业技术课。
本课程的教学任务是讲授在网页设计中较为流行Dreamweaver。
主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识，Dreamweaver网页制作集成工具使用方法等内容。
通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
二、课程教学目标通过本课程的学习，使学生掌握构建网站的基本知识，要求学生能够熟练使用Dreamweaver MX 2004的操作环境，掌握HTML的常用语法规则，并能够利用Dreamweaver的强大功能制作出精美的网页，同时能独立创建并管理网站。
三、教学内容和教学要求1、认识WEB站点与WEB页【教学内容】介绍网页制作的基础知识以及Dreamweaver的工作界面【教学要求】了解Internet相关的名词术语；掌握Dreamweaver MX的工作界面。
2、网站框架的创建【教学内容】介绍建设一个网站的基本流程【教学要求】了解网站建设的工作流程；掌握在Dreamweaver中定义站点、创建站点的目录结构。
【实训教学】实训一、Dreamweaver的基本操作3、网页元素的添加——文字、图像和超级链接【教学内容】介绍如何在网页中添加文本、文本格式编排、CSS样式表的创建与应用、插入图像、并设置超级链接。
【教学要求】要求能够在网页中添加文本对象如特殊字符、水平线和日期组件等；掌握如何设置文本属性，重点了解制作网页时的断行方法；学会使用CSS 样式和HTML样式控制文本块或段落的外观；要求熟练掌握在网页中插入、调整图像的方法；掌握利用图像映射，在一幅图像中创建多个热点，从而实现多个超级链接；学会在Dreamweaver中直接插入Flash动画；熟练掌握制作超级链接、E-mail链接、书签等形式的超级链接；【实训教学】实训二、文本与图像、实训三、超级链接实训四、CSS样式的使用4、网页元素的定位——表格、框架、层【教学内容】通过具体实例介绍表格及布局表格的创建与编辑；框架页的制作；层的概念及应用【教学要求】掌握表格的创建、结构调整与美化方法；熟悉表格与单元格的主要属性及其设置方法；掌握通过表格来进行网页页面的布局方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页艺术设计》课程标准
课程类型：必修课
适用专业：视觉传达
总学时：64
适宜开设学期：4
一、课程概述
本课程是视觉传达艺术设计专业数字媒体技术方向的一门专业核心课程。
通过本课程的学习，要求学生掌握目前行业中网页设计的方法和流程，网页交互的形式，网页制作的方法。
具备通过对客户需求的分析，从美学的角度的去完成网页的设计，同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。
1．本课程学习领域包含网站版面设计，网站制作和网站内容编排。
通过对网站的用户需求分析、题材选择、设计元素、表现形式、优秀作品分析等使学生在认知并研究文字、图案、导航等平面设计语言，具备在各种形式的网页设计中灵活应用、整体把握的能力，培养学生的创意能力，并提高对网络元素设计在市场中定位的准确性。
2．本学习领域的学习情境设计是依据企业、商业、社会团体、文化机构等设计活动之需要而设计，围绕着企业典型工作任务设定若干个学习情境，通过社会实践与项目实训课题相结合的教学模式。
3．本课程需在《计算机应用》、《数码摄影与图象处理》等课程之后开设。
此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。
二、课程目标
1．专业能力
学生应熟练掌握网站设计与制作的相关方法和技术，包括网站LOGO设计、网页的Banner设计、网页的版面设计，网页设计中的文字图片色彩的运用、网页中HTML-DIV-CSS 样式的语言运用。
以适应现代多媒体行业发展要求及拓宽学生求职能力的需要。
2．方法能力
（1）具有较强的草稿绘制和平面设计编排能力。
（2）具有较强的自学能力及分析问题和解决问题的能力。
（3）具有较准确的市场分析、调研、信息获取及判断的能力。
（4）具有一定的就业与创业知识和主动寻找职业机会的能力。
3．职业素养
（1）具有良好的诚信品质、职业道德、审美、文化素质。
（2）具有较强的沟通社交能力和应变能力。
（3）具有较强的组织、协调能力，与团队和他人密切协作的能力。
三、学习情境划分与学时
（一）《网页艺术设计》学习情境划分与学时一览表
（二）学习情境教学设计（1）学习情景名称及设计
（2）学习情景名称及设计
（3）学习情景名称及设计
（4）学习情景名称及设计
（5）学习情景名称及设计
（6）学习情景名称及设计
四、考核评价
本课程的学生学业评价结果建议采取：
（下表为配套参考格式）
表2 各学习情境的考核方式与考核标准
内容一般为工作职业操守、学习态度、团队合作精神、交流及表达能力、组织协调能力等。
2、考核方式可为教师评价、学生自评、互评或几种的组合。
五、教学条件
1．教学资源
根据《网页艺术设计》课程项目教学的要求，必须具备以下：
校内企业合作实训基地
2．教学组织
A、专业理论与实训课程在实训基地中完成教学任务。
B、以设计团队来完成项目任务。
C、整个项目由指导老师负责。
3．师资要求
A、校内专业教师
B、校外专业教师
C、“双师型”教师
D、行业专家
由上述人员组成的教学团队
4．学习场地与设施要求
A、符合项目实训教学的“工作情境”的学习场地以及专业设备。
多媒体电脑教室，备有投影仪，教室电脑可供开放网络，并使学生拷贝作业案例及备份数据。
B、学材、课件与教学软件。
项目任务工作单、文字材料、图形图像材料、网络教学资源、图片素材、设计软件等。
六、其它说明。