《WEB编程设计》课程教学大纲

1《WEB编程设计》教学大纲(50学时)一、课程的地位与任务1、课程性质：《WEB编程设计》是高等职业技术学院软件专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍HTML、CSS、JavaScript的基本语法及高级应用，从而掌握网站设计的全过程，并能较为熟练地制作出有专业水准的网站。2、课程任务：本门课程在专业教学计划中起着十分重要的作用，通过这门课程，向学生阐明Web基本工作机制，并使学生具有制作有专业水准网站的能力，同时该课程是后续课程的基础和手段，为学生以后学习《Asp.net》、《WEB网站开发》等课程打下良好的基础。二、课程教学目标本课程的基本目标是：本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。本课程教学应在知识和能力方面达到下述目标：（一）知识教学目标1、理解网站维护管理的意义及重要性，掌握网站设计和发布的流程。理解服务器、客户端、浏览器的概念和作用；2、理解HTML语言中的各种文本字符格式、列表、表格、框架、表单等各种标记的作用；3、理解在网页中添加CSS的方法，掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式，理解CSS的高级应用。4、理解JavaScript语句在浏览器中的执行过程.理解JavaScript的开发使用。5、深入理解HTML语言、css和JavaScript脚本的语法和应用。（二）能力培养目标1、具备一定的网页布局设计能力；2、掌握HTML语言、css和JavaScript脚本的语法和应用；3、具备一定的站点建立维护能力；4、具备一定的动态网页设计能力；5、能独立设计制作一般的网站。(三)知识结构分解图三、教学要求及时数分配必修课时数：50课时；选修课时数：（一）WEB编程设计综述1、教学内容（1）HTML、CSS、JavaScrtipt代码片段（2）HTML、CSS、JavaScrtipt各自所扮演的角色（3）如何学习HTML、CSS、JavaScrtipt网站规划与建设超链接、表格、层样式表基础字体文本等基本设置CSS样式高级应用基础介绍与整体结构文字、段落、列表标记事件分析对象应用HTML语法CSS语法基本语法JavaScript应用CSS滤镜特效应用网站开发流程框架、表单综合应用网站开发综合案例32、教学要求（1）了解HTML、CSS、JavaScrtipt各自的代码特点（2）了解HTML、CSS、JavaScrtipt在网页设计中所扮演的角色（3）了解HTML、CSS、JavaScrtipt的代码结构（4）HTML、CSS、JavaScrtipt综合应用小实例3、重点和难点（1）重点：了解HTML、CSS、JavaScrtipt在网页设计中所扮演的角色（2）难点：了解HTML、CSS、JavaScrtipt的代码结构（二）HTML基础介绍与HTML文件整体结构1、教学内容（1）HTML文档结构（2）HTML基本语法（3）HTML文件头部内容（4）HTML文件主体内容2、教学要求（1）掌握HTML基本语法（2）理解HTML文件头部内容中各标记的含义（3）掌握HTML文件主体内容中各标记的含义3、重点和难点重点：掌握HTML文件主体内容中各标记的含义难点：理解HTML文件头部内容中各标记的含义（三）HTML文字、段落、列表1、教学内容（1）利用HTML编辑文本；（2）利用HTML进行文字修饰和文字效果设计（3）HTML段落标记与列表类型（4）嵌套列表；2、教学要求（1）理解HTML有关文字修饰和文字效果各标记的含义，掌握常用的文字修饰和文字效果标记。（2）掌握段落标记p的用法（3）理解HTML有列表类型各标记的含义，掌握常用的列表类型标记。3、重点和难点重点：理解HTML有列表类型各标记的含义，掌握常用的列表类型标记。难点：理解HTML有列表类型各标记的含义，掌握常用的列表类型标记。（四）HTML超链接与表格1、教学内容（1）超链接概述与路径类型（2）超链接的建立（3）设置图像映射（4）表格标记与表格标记各属性的含义2、教学要求（1）深入理解绝对路径、相对路径、根相对路径的概念、意义及用法；（2）掌握超链接标记及各属性的用法；（3）掌握表格标记与表格标记各属性的用法（4）掌握图像映射的用法；3、重点和难点重点：掌握超链接的建立，掌握表格标记与表格标记各属性的含义难点：超链接的路径类型（五）层与框架的应用1、教学内容（1）图层的创建及属性设置（2）创建嵌套图层（3）框架的基本结构（4）浮动框架2、教学要求（1）掌握图层的创建及属性设置（2）熟悉框架标记的主要属性及其设置方法；（3）掌握浮动框架的设置方法。3、重点和难点重点：掌握图层的创建及属性设置，熟悉框架标记的主要属性及其设置方法难点：框架标记的主要属性及其设置方法，浮动框架的使用5（六）表单应用1、教学内容（1）表单概述（2）表单标记及各属性的含义（3）信息输入标记及各属性的含义；（4）表单的实际应用；2、教学要求（1）掌握表单标记及各属性的含义；（2）深入理解信息输入标记及各属性的含义；（3）全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、下拉列表框、按钮）的特点与使用方法；3、重点和难点重点：全面掌握表单的创建、编辑、处理方法难点：表单标记及各属性的含义（七）CSS样式表基础1、教学内容（1）CSS概述（2）CSS使用方法（3）CSS样式类型（4）编写CSS文件2、教学要求（1）了解网站中应用CSS的意义，熟练掌握CSS样式的定义、设置；（2）要求重点掌握CSS的应用。3、重点和难点重点：CSS的使用方法及样式类型。（八）CSS样式的基本设置1、教学内容（1）CSS字体设置（2）CSS文本的精细排版（3）CSS颜色和背景的设置（4）CSS边框和边距的设置2、教学要求（1）深入理解CSS样式中各种基本设置标记及各属性的含义；（2）掌握在Dreamweaver中进行CSS样式基本设置的方法（2）要求重点掌握CSS的盒模型3、重点和难点重点：深入理解CSS样式中各种基本设置标记及各属性的含义难点：CSS的盒模型。（九）JavaScript基本语法1、教学内容（1）JavaScript语言概况（2）JavaScript基本数据类型、运算符（3）JavaScript程序结构、函数（4）小实例－修改密码2、教学要求（1）掌握JavaScript的基本语法结构（2）深入理解JavaScript的数据类型、运算符（3）深入理解JavaScript程序结构、函数（4）掌握JavaScript的函数用法3、重点和难点重点：掌握JavaScript的基本语法结构，掌握JavaScript的函数用法难点：掌握JavaScript的函数用法（十）JavaScrtipt事件与对象1、教学内容（1）JavaScript事件概述（2）JavaScript主要事件及其它常用事件（3）JavaScript对象概述（4）JavaScript浏览器内部对象和内置对象2、教学要求（1）深入理解JavaScript的事件运行机制（2）掌握JavaScript的常用事件的用法（3）深入理解JavaScript的对象模型（4）掌握JavaScript常用的浏览器内部对象和内置对象3、重点和难点重点：JavaScript的核心内置对象的方法运用，浏览器对象事件处理程序的编写难点：JavaScript的核心内置对象的方法运用，浏览器对象事件处理程序的编写7（十一）CSS样式高级应用1、教学内容（1）CSS中列表、定位（2）CSS中层属性、鼠标指针（3）CSS滤镜特效的应用2、教学要求（1）掌握CSS中列表、定位的使用（2）掌握CSS中层属性、鼠标指针的使用（3）了解CSS滤镜的应用（4）掌握Dreamweaver中CSS高级应用的设置方法3、重点和难点重点：掌握Dreamweaver中CSS高级应用的设置方法难点：了解CSS滤镜的应用（十二）综合案例1、教学内容（1）网站开发流程（2）HTML、CSS、JavaScrtipt综合开发案例2、教学要求（1）掌握网站的开发流程，了解网站的规划与组织。（2）掌握HTML、CSS、JavaScrtipt综合功能的运用。3、重点和难点重点：全面掌握网站的制作方法难点：全面掌握网站的制作方法学时分配表序号课程内容学时数合计讲课实践机动1WEB编程设计综述4222HTML基础介绍与HTML文件整体结构4223HTML文字、段落、列表4224HTML超链接与表格4225HTML层与框架的应用4226HTML表单应用4227CSS样式表基础4228CSS样式的基本设置4229JavaScript基本语法42210JavaScrtipt事件与对象42211CSS样式高级应用42212综合案例6222总计5024242四、任课教师教学过程中应注意的事项1．课堂讲授采用多媒体教学，注重讲解与示范，充分发挥多媒体等教学工具的作用；2．讲解与示范要突出重点，强调要领，精讲多练，讲练结合；3．每章教学学时可在上述学时分配基础上调动±2学时；4．因对技术的发展或者市场的需要，可考虑加强某些方面的教学力度；5．在加强对学生专业知识和技能培训的同时，注重学生综合素质和能力的培养五、本课程与其他课程的关系本课程与《计算机文化基础》、《平面设计》《网页设计与制作》等课程互相联系，互相补充，分别给学生提供计算机基础知识、网页制作技术的技能，图形和动画的设计与制作，美观的平面设计技巧等知识的学习。本门课程在专业教学计划中起着十分重要的作用，通过这门课程，向学生阐明Web基本工作机制，并使学生具有制作有专业水准网站的能力，同时该课程是后续课程的基础和手段，为学生以后学习《Asp.net》、《WEB网站开发》等课程打下良好的基础。六、教学参考资料主要教材：《HTMLCSSJavaScrtipt标准教程：实例版》电子工业出版社2009年3月9参考教材：1、《动态网页制作教程》刘梅彦黄宏博编著清华大学出版社七、课程的考核要求本课程为考查课程,采用阶段考核与平时成绩相结合的方式。其中：平时成绩：作业完成情况以及课堂提问（或出勤）与课堂小测各占20%、10%、10%，占考核总成绩的40%；阶段考核：以课堂测验或上机考核的方式进行测试，可开卷考试。注：如有条件期末考核可采用无纸化上机考核，占考核总成绩的考查科为60%，上机答题时限：90分钟。以上两个成绩累计60分以上（包括60分）算考核通过。考核内容和要求参见教学大纲教学内容和教学要求部分。试题的考查要求覆盖面广，并适当突出重点。八、有关说明（教学建议）1、教学要求的层次本大纲适用于高中后三年制及高职单招的高职教学，对教学要求分为了解、理解和掌握三个层次。了解：指对知识有感性的、初步的认识，能对学习过的知识进行复述和辨认。理解：指对基本概念、基本知识有一定的理性认识，能用正确的语言进行叙述和解释；对基本操作能按要求正确地完成，并能解释操作所产生的结果。掌握：在理解的基础上，能够解决一些简单的、与所学知识相类似的应用问题。2、能力培养本课程的教学应以能力为本位，贯彻精讲多练的原则，突出能力的培养，注意培养学生的自学能力、实践能力、对新技术的适应能力和创新能力。3、教学模式本课程的教学以多媒体网络课件作为新的教学媒体，采用大屏幕投影教学，着重体现理论和实践的结合。授课、上机操作并结合具体的设计课题进行教学，及时解决设计中遇到的实际问题，通过丰富多彩的范例引起学生兴趣，以设计带动软件的教学。即讲授理论的同时加入具体的设计项目，力求达到实战的效果。编制：丁纯立