《CSS网页设计》课程标准

《css网页设计》课程标准

一、基本信息课程名称css网页设计课程类型职业基础课程计划学时144适用专业计算机网络技术

二、课程定位本课程是计算机网络专业的一门专业必修课，该课程始终贯彻“工学结合、项目导向”课程教学模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果由于Internet应用越来越普及，因此，作为构成Internet应用的基本载体网站与网页的设计与制作非常重要，通过本课程的学习，使学生掌握使用Dreamweaver创建各种网页对象，能够使用这些对象设计制作网页，建立网站并规划网站通过本课程的学习，使学生掌握多种类型网站的设计技巧与注意事项，能比较熟练地规划个人网站、企业网站、门户网站、娱乐网站、游戏网站、教学网站等各种不同主题的不同风格效果促进学生创新意识和综合职业能力的形成

（1）让学生在学习设计不同主题的网站风格时作一些调查，在此基础上培养自己的创新意识和创新能力，审美能力等

（2）让学生通过做课程设计或毕业设计，培养自己的创新能力

三、课程目标

（一）总目标通过本课程学习，使学生能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；掌握JAVASCRIPT脚本编程语言的基本语法知识，HTML中JAVASCRIPT程序的嵌入方法，对象的概念及使用JAVASCRIPT来进行开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点

（二）具体目标通过本课程的学习，学生要达到以下目标

1、职业能力目标

①能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL,创建超链接,图像链接，图像映射的建立方法；

②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；

③掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；

④熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法,会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；

⑤掌握JavaScript语言的语法；

⑥掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；

⑦能够按网页设计技术要求修改和调试JavaScript代码；

⑧学会使用JavaScript语言实现网页特效知识目标

①了解WEB站点的工作原理；

②了解WWW、HTTP、HTML、CSS的定义，概念和作用；

③掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；

④掌握Dreamweaver应用软件的使用功能；

⑤掌握表格、表单的使用；理解对象的定义，及含义；理解事件的概念；理解属性与方法的概念；了解面向对象程序设计思想

3、职业素质目标

①具有勤奋学习的态度，严谨求实、创新的工作作风；

②具有良好的心理素质和职业道德素养；

③具有高度责任心和良好的团队合作精神；

④具有科学思维方式和一定的唯物辩证法思想；

⑤具有较强的网页设计创意思维、艺术设计素质

四、课程学习设计理念和思路

（一）课程设计理念《CSS网页设计》是体现以学生为主体的、基于工作过程导向的的学习领域课程，在学习过程中，学生首先要获得的是关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能即强调以学生直接经验的形式一一典型网页的设计与制作，来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作,真正落实教、学、做一体化课程的实施，切实提高人才培养质量对于学习领域课程，按照工作过程对课程内容进行序化，将陈述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习情境

（二）课程设计思路

1、《CSS网页设计》学习领域课程通过前一阶段前导课程的学习，学习者已对网页设计与制作的基本部分，如网页色彩搭配、网页布局、Photoshop网页图像设计工具等有了初步认识网页设计与制作这一典型工作任务仅靠已有的网页界面知识和技能已无法完成，这里要将网页设计与制作作为重点来学习学习者必须首先分析网页设计任务，确定网页设计与制作过程中的主要问题，才能进一步作好网页设计、制作的工作实施计划同时，学习者应对电脑、网页设计工具软件、脚本语言等有较深入的知识，对电脑、网页设计工具软件等有较熟练的操作技能

2、教学过程要实现课堂案例教学，将项目案例引入课堂教学，从教学过程和形式上体现“学习”和“工作”的紧密结合课程以项目为主线，通过问题、项目导入（实践）一学生思考、分析、回答、教师评议、总结（理论）一扩展应用（实践）的方式进行，使授课内容与工作实际紧密结合

3、效果评价本课程教学效果评价采取过程评价与结果评价相结合的方式，以学生为主体，重点评价学生的职业能力的养成

五、课程内容与要求

（一）课程内容表1课程内容序号学习任务学习型工作任务建议学时任务1网页制作第一次接触2实训任务1网页的认识2项目一HTML网页技术52任务2HTML网页整体设计6实训任务2网页整体设计6任务3HTML网页内容设计6实训任务3网页内容设计6任务4图片、多媒体应用4实训任务4图片、多媒体应用4任务5表格、表单应用8实训任务5表格、表单应用8任务less概述2实训任务1了解CSS2任务2css布局方法4实训任务2css布局方法4项目二Css网站布局与样式28任务3css网页元素设计4实训任务3css网页元素设计4任务4css编写技巧4实训任务4css编写技巧4任务IJavascript基础知识2实训任务IJavascript基础2任务2Javascript核心语法4实训任务2Javascript核心语法4任务3Javascript核心对象2实训任务3Javascript核心对象2Javascript动态行项目三40任务4Javascript文档对象2为实训任务4Javascript文档对象2任务5Javascript事件响应4实训任务5Javascript事件响应4任务6Javascript综合实例6实训任务6Javascript综合实例6任务1制作一个门户网站的流程12项目四网页制作综合实例24实训任务1制作一个门户网站12合计144

（二）课程要求表2课程要求序主要教学学习情景职业能力要求知识要求能力训练方法掌握页面布局及整体能够掌握网页的现场教学设计;掌握HTML语法;HTML网页整体设计；能够培养学生对网页的审美能案例分析1掌握HTML表格、表单、技术掌握网页的布局力、布局能力任务驱动图片、多媒体等的应及内容设计小组讨论用能够掌握css网掌握CSS布局方法；掌现场教学培养学生灵活运用CSS美Css网站布站布局的方法；握css网页元素设计；案例分析2化网站的能力，提高学生局与样式能够掌握CSS的掌握css编写技任务驱动搜集资料的能力各类编写技巧巧小组讨论能够掌握掌握Javascript的语Javascript的现场教学法；掌握JavascriptJavascript各类应用；能够培养学生搜集资料的能案例分析3的各类对象及事件；动态行为灵活掌握力，运用代码的能力任务驱动掌握Javascript在网Javascript在小组讨论页中的综合运用网站中的运用能够掌握网站的培养学生分析、解决问题掌握网站的设计流项目教学网页制作综设计流程；能够的能力，以及文书报告的4程；掌握网站页面的任务驱动合实例独立完成网站的撰写能力，提高学生独立整体设计和制作小组讨论设计和制作思考的能力

六、考核方式考核分为过程性考核和终结性考核其中过程性考核占60%,终结性考核占40%

（一）过程性考核（60%）

1、平时成绩（15%）学习态度及考勤（5%）、课堂提问（5%）、课堂练习（5%）,培养职业道德和素养

2、报告及案例练习（45%）,培养学生自我展示能力和文档的写作能力

（二）终结性考核的内容与要求（40%）终结性考核内容为综合实训项目，采取上机考试，于期末课程结束时进行具体考核内容分配见表3表3考核评价表序考核主要分数考核要求评分标准内容分配学习态度态度积极，自觉遵守课堂纪律,态度积极，全勤5分；缺勤一次扣1分；15及考勤不迟到、早退、旷课扣完后从过程性考核总分中扣积极参与讨论并准确回答问题4-5分;课堂提问2积极参与讨论和回答问题5基本能正确回答问题2-3分；态度不积及讨论极，不能正确回答问题1分以下一次课堂练习满分5分，学期末将所有3课堂练习练习答案正确、书写规范5课堂练习得分加权平衡查阅资料能力强，信息获取正4实训项目报告平均成绩X45%45确，事件分析正确，有见解结论正确综合实训5上机考试见试卷40项目合计100。