吴强-课程标准(网页设计).doc

网页设计课程标准课程代码：D6016学时：64学分：4课程性质：专业必修课课程归属：计算机应用教研室适用专业：计算机应用编写执笔人及编写日期：吴强 2014年2月开设时间：第2学期审定负责人及审定日期： 年 月系主任及审定日期： 年 月第一部分、课程定位一、课程性质本课程是计算机应用一门专业必修课程二、课程作用通过本课程的学习，学生能熟练应用PhotoShop、Dreamweaver、HTML语言和CSS样式等方面的学习，使学生能熟练运用 HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；掌握CSS样式对网站美化。通过实训，加强理论联系实际，培养学生的实际动手能力，能够使用所学进行网站站点的设计、网站结构的设计、网站布局设计，应用的基本技能，能独立设计完成WEB站点美工设计。巩固网页设计的理论知识和动手制作网站的能力。为进一步学习动态网页设计打下良好的理论基础和设计基础。三、前导、后续课程（1）前导课程网络基础（2）后续课程数据库、Flash动画制作、flash高级编程、JSP动态网页设等第二部分、课程设计一、基本理念课程教学应服务于高职教育的培养目标和定位，本着为后续专业课程支撑与服务的宗旨，坚持以职业岗位技能培养为主线，以行动导向、工学结合为主要手段、以职业能力培养为核心，培养学生综合运用知识的能力和职业素质。坚持能力本位观，以模块为载体构建内部结构，以任务为中心构建教学内容结构，以学生为主体进行教学活动。按照高职院校人才培养的特点，充分利用自身资源优势，从岗位能力标准与课程标准融合原则的贯彻，来进行静态网页设计课程设计，以突出专业基础课程职业能力的培养。二、课程设计思路（1）以职业岗位和后续课程需求确定课程目标；首先组建专业必修课、专业教师、企业专家三方人员组成的课程开发团队，进行课程服务专业的人才培养目标分析，确定计算机应用专业的岗位面向；进而确定本课程所织成的具体核心课程有哪些？同时结合行业对岗位任职的具体标准，确定课程的具体目标。（2）依据职业标准，通过对所服务的后续课程和必修课程本身分析，以专业基础课与学习领域课程聚合点构建教学内容；通过对职业标准进行剖析和本门课程所服务的后续课程本身进行分析，得出后续专业课程负载点与专业基础课程支撑点存在聚合，将这些聚合点作为教学内容选择、实训任务确定的一句。（3）根据教学内容需求和学生学情的分析设计教学方法和手段；根据教学内容需求，以及根据学生形象思维强、逻辑思维相对弱的现状，设计教学案例、因材施教、项目驱动等教学手段服务抽象的理论教学。（4）以优质的教学资源和优秀的教学团队，为课程实施和后续课程服务提供保障。第三部分、课程目标网页设计主要包括PhotoShop、Dreamweaver 、HTML语言、CSS样式表、网站维护、网页文章系统的使用等内容，通过本课程学习，使学生能熟练运用 HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页；具有使用PhotoShop设计网页有能力；掌握Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能独立设计小型WEB站点。一、知识目标：1了解WEB站点的工作原理； 2了解WWW、HTTP、HTML、CSS的定义，概念和作用； 3能够熟练应用PhotoShop设计网页，应用PhotoShop的切片功能制作网页；4掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用； 5掌握Dreamweaver应用软件的使用功能； 6掌握表格、表单、层的使用；理解对象的定义，及含义；理解事件的概念；理解属性的概念；了解面向对象程序设计思想。二、职业技能目标：1能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法； 2学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法； 3掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；4熟练掌握表格、层的使用方法，学会利用表格和层设计布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面； 三、职业素养目标：1具有勤奋学习的态度，严谨求实、创新的工作作风； 2具有良好的心理素质和职业道德素养； 3具有高度责任心和良好的团队合作精神； 4具有科学思维方式和一定的唯物辩证法思想； 5具有较强的网页设计创意思维、艺术设计素质。四、职业技能证书考核要求：职业技能认证：Adobe flash认证考核要求：自愿第四部分、课程内容一、理论教学部分本课程主要讲解PhotoShop、Dreamweaver、HTML语言、CSS样式以及网站的建设、管理、维护等知识。1在PhotoShop教学中、主要讲解PhotoShop的基本操作、图片理论知识，以及使用PhotoShop网页设计。2详细讲解Dreamweaver的使用、HTML语言及CSS样式完成网页布局以及网页美化。3站点的创建，以及站点的发布及其相关知识。4网页文章系统的使用。二、实践教学内容与要求：1 PhotoShop照片处理要求学生掌握PhotoShop基本操作以及PhotoShop工具的使用技巧，能够使用PhotoShop的工具对照片进行有效的处理。2 PhotoShop封面设计要求学生掌握PhotoShop中图层的概念，掌据在PhotoShop中排版布局的方法。3 站点的创建要求学生掌握在Dreamweaver中建立站点的能力。4 HTML语言图文混排的网页设计要求学生能够使用HTML语言及标签属性进行网页的图文混排网页的设计。5 使用CSS样式图文混排的网页设计使用HTML语言进行网页的图文混排网页的设计，并使用CSS样式对网页进行美化，要求学生了解使用标签属性排版布局和使用CSS样式排版布局有什么不同。6 表格及使用表格网页布局使用表格布局的方法完成网站的首页制作，要求掌握网页中表格的使用，并能够灵活应用表格排版布局。7 PhotoShop网页设计使用PhotoShop设计网页，要求学生了解网站的布局，掌据PhotoShop中标尺、参考线、钢笔工具的使用，掌据PhotoShop的布局网页的技巧。8 使用PhotoShop切片制作网页使用PhotoShop切片工具制作网页，要求能够将已有用PhotoShop制作的网页图片进行切片，具有分析网页布局的特点的能力，根据页面布局的特点选择最佳切片的方法。9 使用框架网页设计使用框架设计网页，要求了解框架设计的特点。10 模板和库文件的应用要求掌握模板和库文件的使用，掌握使用模板和库文件快速制作网页的方法。11 使用层网页布局使用层布局的方法完成网页布局，掌握使用DIV+CSS网页布局的方法。12 行为及其应用使用行为制作交换图像、播放声音、用于打开浏览器窗口、弹出信息等网页效果，理解对象、动作、事件概念。13 网站总体设计及发布应用学期所学的网页设计知识制作一个综合网站，写出完整的计划书。要求内容完整，制作精细，布局合理。14 网页文章系统的使用从网络上下载网站文章管理系统，利用文章系统制作站点。附表1：课时分配表序号课程内容课时分配理论课习题课实训课其它共计1PhotoShop1018182Dreamweaver、Html与CSS1832303网站设计及发布210124网页文章系统的使用244合计323264附表2：实践教学课时分配表序号实训（实验）项目课时备注1PhotoShop照片处理42PhotoShop封面设计43站点的创建24HTML语言图文混排的网页设计45使用CSS样式图文混排的网页设计46表格及使用表格网页布局87PhotoShop网页设计48使用PhotoShop切片制作网页69使用框架网页设计410模板和库文件的应用211使用层网页布局412行为及其应用413网站总体设计及发布1014网页文章系统的使用4合计64第五部分、课程实施一、教学组织在教学过程中充分体现学生的主体性。具体体现在以下2个模块的教学模式上：(1) 基础模块：理论讲授小实例驱动学生自主实践教师巡回指导教师补授综合实例驱动学生自主练习教师巡回指导展示部分学生作品 师生共同欣赏、评价教师总结(2) 应用模块：项目驱动师生讨论项目素材学生实践制作素材师生讨论关键技术教师补授学生实践完成项目测试、评价学生作品教师总结企业网上平台展示优秀作品二、实施条件1. 师资条件本课程建设已经形成一种专兼结合、具备良好双师素质、双师结构的课程教学团队，还拥有一支由一线技术人员组成的技术指导支持团队。2. 设备条件多媒体机房3学习场所条件1）校内实训基地条件：多媒体计算机2）校外实训基地条件：第六部分 课程考核与评价本课程考核内容包括形成性评价和总结性评价，其中过程性考核占40%，总结性评价（网站总体设计）占60%。形成性评价主要包括：（1） 课堂纪律、学习态度、出勤情况占10%（2） 平时作品 30%一、 考核标准1.形成性评价考核标准（1） 课堂纪律、学习态度、出勤情况（10%）：采取灵活考勤方式，通过教学日志反应。（2） 平时布置作业能否按时、是否独立、高质量完成。（50%）2. 总结性评价考核标准（1） 期末作品网站总体设计（ 40% ） 主要从作品的美观、流畅、交互性以及行业标准来判断。实际考核过程中，任课教