网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源课程标准.doc

《网页设计与制作》课程标准 淮安信息职业技术学院 第 PAGE 6 页 共 NUMPAGES 6 页 《网页设计与制作》课程标准 课程代码 KC003 课程性质 专业基础课 建议学时 72 适用专业 软件技术及相关专业 建议 教学方式 “教、学、做” 一体化 制定单位 学校 淮安信息 职业技术学院 制定日期 2017.5.20 学校 淮安信息 职业技术学院 企业 淮安优博文化传播有限公司 一、课程定位 本课程是软件技术专业的专业基础课程，是培养学生Web客户端静态页面设计能力的支撑课程。 本课程主要培养学生的静态页面设计能力，该课程综合HTML5语言、CSS3样式、JavaScript脚本三项技术，通过“教、学、做”理论与实践一体化教学，使学生掌握Web客户端静态页面编写的基本方法，并逐步形成正确的客户端静态页面设计思想，能够熟练地使用HTML5语言、CSS3样式设计、JavaScript编程进行页面设计，为Web开发后续课程打下基础。 先修课程：计算机应用基础、C语言程序设计 后续课程：ASP.NET程序设计、Java Web程序设计 二、课程目标 通过本课程的学习，使学生逐步建立和掌握Web客户端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够使用HTML5语言、CSS3样式、JavaScript脚本编写Web客户端静态页面解决实际问题，具备吃苦耐劳、团结协作的良好品质。 （一）知识目标 1．熟悉HTML语言的作用和开发环境，能够编写HTML代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML表单元素标签，能够进行表单设计； 5．掌握各类HTML多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS样式的基本使用方法，应用文本、背景与列表样式美化页面； 7．掌握CSS网页布局的方法，能够运用盒模型、浮动布局、定位布局结合HMTL5标签进行页面布局； 8．掌握影音多媒体、表单进行多媒体进行网页页面设计； 9．掌握多列布局、CSS3转换、transitions过渡、animation动画进行页面设计； 10．掌握JavaScript的语法基础，能够编写简单的JavaScript应用程序，并 应用JavaScript的函数、内置对象、事件等，能够实现表单的验证； 11．掌握DOM树形结构及其操作方法，能够控制DOM对象。 （二）能力目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS3技术规范，实现页面美化与布局； 4．具有使用JavaScript技术进行页面事件处理与表单验证的能力； 5．能根据DOM树形结构，进行页面DOM的控制； 6．具有综合应用HTML5语言、CSS3样式、JavaScript脚本进行页面的设计、编码、调试、维护能力。 （三）素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 （四）其他目标 通过本课程的学习，可以参加以下职业资格证书考试： 1．网页设计工程师； 2．网络程序员。 三、课程内容与要求 根据课程目标确定了学习内容，包括HTML5语言、CSS3样式、JavaScript脚本开发。知识体系结构如下表。 表1 《网页设计与制作》内容及要求 序号 名称 主要内容 目标与要求 建议学时 1 网页策划起步 网页设计的概念与术语； 网页、网站相关概念； HTML5的发展历史与优势； HTML5的编码方式。 了解网页设计的概念与术语； 掌握网页、网站相关概念； 掌握网页设计的流程； 了解HTML5的发展历史与优势； 掌握HTML5的编码方式。 2 2 网页的基本页面表签 HTML的基本语法； HTML5的基本语法； 文字与段落标签； 图像与超级链接标签； 表格与列表。 掌握HTML5的基本语法； 掌握HTML5的基本标签； 掌握文字与段落标签； 掌握图像与超级链接标签； 掌握表格与列表。 8 3 HTML5的新标签 HTML5新标签； 结构性标签； 级块标签； 页面交互标签； 行内语义性标签； HTML5的全局属性。 了解HTML5新标签； 掌握结构性标签； 掌握级块标签； 掌握页面交互标签； 掌握行内语义性标签； 掌握HTML5的全局属性。 8 4 CSS3 层叠样式表基础 CSS与CSS3简介；