《网页设计与制作(HTML+CSS+JavaScript)_张洪斌 刘万辉_课程标准》由会员分享，可在线阅读，更多相关《网页设计与制作(HTML+CSS+JavaScript)_张洪斌 刘万辉_课程标准（5页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作课程标准课程代码KC11课程性质专业基础课建议学时48适用专业软件技术及相关专业建议教学方式“教、学、做”一体化制定单位学校淮安信息职业技术学院制定日期2012.6.15审核部门软件技术专业资源库建设项目组企业淮安微软技术中心一、课程定位本课程是软件技术专业的专业基础课程，是培养学生Web客户端静态页面设计能力的支撑课程。本课程主要培养学生的静态页面设计能力，该课程综合HTML语言、CSS样式、JavaScript脚本三项技术，通过“教、学、做”理论与实践一体化教学，使学生掌握Web客户端静态页面编写的基本方法，并逐步形成正确的客户端静态页面设计思想，能够熟练地使用HTML语言、
2、CSS样式设计、JavaScript编程进行页面设计，为Web开发后续课程打下基础。先修课程：计算机应用基础、C语言程序设计后续课程：ASP.NET程序设计、Java Web程序设计二、课程目标通过本课程的学习，使学生逐步建立和掌握Web客户端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够使用HTML语言、CSS样式、JavaScript脚本编写Web客户端静态页面解决实际问题，具备吃苦耐劳、团结协作的良好品质。（一）知识目标1熟悉HTML语言的作用和开发环境，能够编写HTML代码；2掌握常用的HTML 标签，能够实现基本的图文信息显示；3理解HTML页面框架的作用，能够针对需求进
3、行框架的设计；4掌握各类HTML表单元素标签，能够进行表单设计；5掌握各类HTML多媒体元素标签，能够进行多媒体页面设计；6掌握CSS样式的基本使用方法，能够应用CSS样式表美化页面；7掌握CSS网页布局的方法，能够结合DIV标签进行页面布局；8掌握JavaScript的语法基础，能够编写简单的JavaScript应用程序；9掌握JavaScript的函数、内置对象、事件等，能够实现表单的验证；10掌握DOM树形结构及其操作方法，能够控制DOM对象。（二）能力目标1能独立进行资料收集与整理、具备用户需求的理解能力；2能根据项目需求，具备项目页面的设计与实现能力；3能根据静态页面设计原则与CSS
4、技术规范，实现页面美化与布局；4具有使用JavaScript技术进行页面事件处理与表单验证的能力；5能根据DOM树形结构，进行页面DOM的控制；6具有综合应用HTML语言、CSS样式、JavaScript脚本进行页面的设计、编码、调试、维护能力。（三）素质目标1养成善于思考、深入研究的良好自主学习的习惯；2通过项目与案例教学，培养学习者的分析问题、解决问题的能力；3具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力；4通过课外拓展训练，培养学习者的创新意识；5具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。（四）其他目标通过本课程的学习，可以参加以下职业资格证书考试：1网页设计工程师；2
5、网络程序员。三、课程内容与要求根据课程标准确定HTML语言、CSS样式、JavaScript脚本等5个教学单元、包含了14个任务的学习内容。知识体系结构如表1。表1网页设计与制作内容与要求序号单元名称主要内容教学目标建议学时1单元1：Web站点发布(1) 网页制作相关概念；(2) IIS的安装、测试、配置；(3) 虚拟目录的配置与测试；(4) 编写简单的HTML网页。(1) 了解网页制作相关概念；(2) 掌握Web站点的配置方法；(3) 掌握编写简单的HTML网页的方法；(4) 掌握发布静态Web站点。42单元2：网页版面设置(1) HTML文件的编辑运行环境；(2) 、标签编写HTML文件的
6、基本结构；(3) 、特殊字符等常用标签；(4) 图像标签；(5) 列表标签；(6) 表格标签；(7) 超链接标签。(1) 掌握HTML文件的编辑运行环境；(2) 熟练掌握、特殊字符等标签的使用；(3) 掌握标签的属性设置与应用；(4) 掌握标签的含义与应用；(5) 掌握、标签的含义与应用；(6) 熟练掌握标签设置各类超级链接的方法与技巧。83单元3：HTML高级应用(1) 表单简介；(2) 表单组成与定义；(3) 各类表单元素的定义；(4) 框架的含义与基本构成；(5) 标签；(6) 标签。(1) 掌握表单的概念与定义方法；(2) 熟练掌握各类表单控件的定义；(3) 熟练掌握与标签构建分割框架
7、的方法；(4) 掌握标签进行滚动元素的设计；(5) 掌握标签进行多媒体页面的设计。64单元4：CSS的应用(1) CSS简介；(2) 选择符的分类与定义；(3) CSS的加载方法；(4) CSS背景设置；(5) 文本样式；(6) CSS列表；(7) 盒模型；(8) CSS定位；(9) DIV+CSS页面布局。(1) 掌握CSS简介、特点与使用规则；(2) 掌握选择符的分类与应用； (3) 掌握CSS的各种加载方法；(4) 掌握CSS背景控制与应用；(5) 掌握CSS对文本样式的控制；(6) 掌握CSS对于列表元素的应用；(7) 掌握盒模型的原理与应用；(8) 掌握CSS的定位方式； (9) 掌
8、握DIV+CSS页面布局的方法。105单元5：JavaScript编程(1) JavaScript的概念与作用；(2) JavaScript语言基础；(3) 浏览器内置对象；(4) 页面标签的访问；(5) 页面标签事件处理；(6) DOM对象结构与访问；(7) DOM对象树的创建与修改；(8) DOM对象的事件；(9) 表单验证的设计。(1) 了解JavaScript简介与特点；(2) 熟练掌握JavaScript语言基础；(3) 掌握使用函数处理HTML对象事件；(4) 掌握浏览器内置对象的应用；(5) 掌握DOM对象访问创建与修改；(6) 掌握表单验证的设计与引用。20四、教学资源要求（一
9、）教材选取原则所选用的教材应充分体现培养学生的职业能力为中心思想，以“教、学、做”为一体组织课堂内容，注重理论与实践相结合、教材内容与行业标准要求相结合，强调理论在实践过程中的应用。（二）推荐教材与参考书籍1网页设计与制作教程，高等教育出版社，张洪斌主编2基于工作过程的网页设计与制作教程，机械工业出版社，张洪斌主编3HTML+CSS网页设计指南，清华大学出版社，赵辉主编4.网页制作与网站开发从入门到精通，科学出版社，朱印宏编著（三）其他学习资源1HTML中文参考手册；2CSS中文参考手册；3JavaScript中文参考手册；4湖南铁道铁道职业技术学院精品课程网站：http:/218.75.19
10、6.218:90/ec2006/C165威海职业学院精品课程网站： http:/221.2.159.215:90/6淮安信息职业技术学院精品课程网站： http:/222.184.16.189:8888/wywz7网页设计师联盟：http:/ （四）教师要求担任本课程的主讲教师需要熟练掌握HTML语言、CSS样式、JavaScript脚本技术，具有较强的网站开发能力、丰富的教学经验，能按照本课程标准制定详细可行的授课计划，精心设计每一次课的教学过程，具备一定的课堂控制能力和应变能力，做到因材施教。（五）学习场地、设施要求1计算机硬件要求：Windows2000及以上，CPU主频1GHz，内存容
11、量=512MB；2软件要求：IIS，Dreamweaver，虚拟实训平台；3其他要求：本课程教学要求在多媒体机房实施，以实现“教、学、做”三体合一；多媒体教学软件，便于下发教学任务和收集学生课堂实践任务；网页设计与制作编程环境。五、考核与评价本课程考核采用形成性考核方式，总评成绩由形成性考核的各项成绩组成，全面考核学生的动手能力、基础理论和平时学习状况，分数比例为：综合素质评价（平时表现+通用能力考核） 20% 过程性考核（课堂实践考核+课后实践考核+单元测试） 40% 终结性考核 (期终考核) 40% 六、教学实施建议1课堂讲授采用“教、学、做一体化”教学方式，以教学单元为模块，以案例应用引
12、导学生学习技能，并通过动手实践，让学生自己理解并归纳、掌握静态网页的编程知识与常识。整个教学过程突出精讲多练的模式，用大量的课内外练习来达到教学目的。2在教学过程中建议将学生分为若干小组，给定工作任务，启发学生通过动手实践以及对实践结果进行思考获取知识。3同时在讲授的过程中，将静态页面设计中多种技术与方法应用到各教学单元，使学生最终能掌握静态页面的编写规范与各种技巧。当课程结束时，学生应通过实验和作业设计静态网页。七、其他说明网页设计与制作课程实践性很强，建议学习者课外图像处理工具与动画设计工具，激发学习者的学习兴趣，通过多浏览，多实践，多交流能够整体提高学习者的综合素质。第 5 页 共 5 页
