《《web编程设计》课程教学大纲剖析》由会员分享,可在线阅读,更多相关《《web编程设计》课程教学大纲剖析(9页珍藏版)》请在金锄头文库上搜索。
1、WEB编程设计教学大纲 (50学时)一、课程的地位与任务 1、课程性质:WEB编程设计是高等职业技术学院软件专业和计算机网络专业开设的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍HTML、CSS、JavaScript的基本语法及高级应用,从而掌握网站设计的全过程,并能较为熟练地制作出有专业水准的网站。2 、课程任务:本门课程在专业教学计划中起着十分重要的作用,通过这门课程,向学生阐明Web基本工作机制,并使学生具有制作有专业水准网站的能力,同时该课程是后续课程的基础和手段,为学生
2、以后学习A、WEB网站开发等课程打下良好的基础。二、课程教学目标 本课程的基本目标是:本课程学习结束后,学生应能自行设计各种网页、开发一定规模的网站,使学生通过本课程的学习,熟练掌握其基本制作方法和技巧,并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。本课程教学应在知识和能力方面达到下述目标:(一)知识教学目标1、理解网站维护管理的意义及重要性,掌握网站设计和发布的流程。理解服务器、客户端、浏览器的概念和作用;2、理解HTML语言中的各种文本字符格式、列表、表格、框架、表单等各种标记的作用;3、理解在网页中添加CSS的方法,掌握三种添加样式信息的方法,会使用CSS设置网页格式和列表
3、的格式,理解CSS的高级应用。4、理解JavaScript语句在浏览器中的执行过程. 理解JavaScript的开发使用。5、深入理解HTML语言、css和JavaScript脚本的语法和应用。(二)能力培养目标1、具备一定的网页布局设计能力;2、掌握HTML语言、css和JavaScript脚本的语法和应用;3、具备一定的站点建立维护能力;4、具备一定的动态网页设计能力;5、能独立设计制作一般的网站。(三) 知识结构分解图HTML语法基础介绍与整体结构网站规划与建设文字、段落、列表标记超链接、表格、层框架、表单CSS滤镜特效应用 样式表基础CSS样式高级应用 CSS语法字体文本等基本设置Ja
4、vaScript应用基本语法事件分析对象应用 网站开发流程综合应用网站开发综合案例三、教学要求及时数分配必修课时数:50课时;选修课时数:(一)WEB编程设计综述1、教学内容(1)HTML、CSS、JavaScrtipt代码片段(2)HTML、CSS、JavaScrtipt各自所扮演的角色(3)如何学习HTML、CSS、JavaScrtipt2、教学要求(1)了解HTML、CSS、JavaScrtipt各自的代码特点 (2)了解HTML、CSS、JavaScrtipt在网页设计中所扮演的角色(3)了解HTML、CSS、JavaScrtipt的代码结构(4)HTML、CSS、JavaScrtip
5、t综合应用小实例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、教学内
6、容(1)利用HTML编辑文本;(2)利用HTML进行文字修饰和文字效果设计(3)HTML段落标记与列表类型(4)嵌套列表;2、教学要求(1)理解HTML有关文字修饰和文字效果各标记的含义,掌握常用的文字修饰和文字效果标记。(2)掌握段落标记的用法(3)理解HTML有列表类型各标记的含义,掌握常用的列表类型标记。3、重点和难点重点:理解HTML有列表类型各标记的含义,掌握常用的列表类型标记。难点:理解HTML有列表类型各标记的含义,掌握常用的列表类型标记。(四)HTML超链接与表格1、教学内容(1)超链接概述与路径类型(2)超链接的建立(3)设置图像映射(4)表格标记与表格标记各属性的含义2、教
7、学要求(1)深入理解绝对路径、相对路径、根相对路径的概念、意义及用法;(2)掌握超链接标记及各属性的用法;(3)掌握表格标记与表格标记各属性的用法(4)掌握图像映射的用法;3、重点和难点 重点:掌握超链接的建立,掌握表格标记与表格标记各属性的含义难点:超链接的路径类型(五)层与框架的应用1、教学内容(1)图层的创建及属性设置(2)创建嵌套图层(3)框架的基本结构(4)浮动框架2、教学要求(1)掌握图层的创建及属性设置(2)熟悉框架标记的主要属性及其设置方法;(3)掌握浮动框架的设置方法。3、重点和难点重点:掌握图层的创建及属性设置,熟悉框架标记的主要属性及其设置方法难点:框架标记的主要属性及其
8、设置方法,浮动框架的使用(六)表单应用1、教学内容(1)表单概述(2)表单标记及各属性的含义(3)信息输入标记及各属性的含义;(4)表单的实际应用;2、教学要求(1)掌握表单标记及各属性的含义;(2)深入理解信息输入标记及各属性的含义;(3)全面掌握表单的创建、编辑、处理方法,以及各表单对象的功能、特点和用途(包括:复选框、下拉列表框、按钮)的特点与使用方法;3、重点和难点重点:全面掌握表单的创建、编辑、处理方法难点:表单标记及各属性的含义(七)CSS样式表基础1、教学内容(1)CSS概述(2)CSS使用方法(3)CSS样式类型(4)编写CSS文件2、教学要求(1)了解网站中应用CSS的意义,
9、熟练掌握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)Ja
10、vaScript基本数据类型、运算符(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)J
11、avaScript浏览器内部对象和内置对象2、教学要求(1)深入理解JavaScript的事件运行机制(2)掌握JavaScript的常用事件的用法(3)深入理解JavaScript的对象模型(4)掌握JavaScript常用的浏览器内部对象和内置对象3、重点和难点重点:JavaScript 的核心内置对象的方法运用,浏览器对象事件处理程序的编写难点:JavaScript 的核心内置对象的方法运用,浏览器对象事件处理程序的编写(十一)CSS样式高级应用1、教学内容(1)CSS中列表、定位(2)CSS中层属性、鼠标指针(3)CSS滤镜特效的应用2、教学要求(1)掌握CSS中列表、定位的使用(2)
12、掌握CSS中层属性、鼠标指针的使用(3)了解CSS滤镜的应用(4)掌握Dreamweaver中CSS高级应用的设置方法3、重点和难点重点:掌握Dreamweaver中CSS高级应用的设置方法难点:了解CSS滤镜的应用(十二)综合案例1、教学内容(1)网站开发流程(2)HTML、CSS、JavaScrtipt综合开发案例 2、教学要求(1)掌握网站的开发流程,了解网站的规划与组织。(2)掌握HTML、CSS、JavaScrtipt综合功能的运用。3、重点和难点重点:全面掌握网站的制作方法难点:全面掌握网站的制作方法学时分配表序号课 程 内 容学 时 数合计讲课实践机动1WEB编程设计综述4222
13、HTML基础介绍与HTML文件整体结构4223HTML文字、段落、列表4224HTML超链接与表格4225HTML层与框架的应用4226HTML表单应用4227CSS样式表基础4228CSS样式的基本设置4229JavaScript基本语法42210JavaScrtipt事件与对象42211CSS样式高级应用42212综合案例6222总 计5024242四、任课教师教学过程中应注意的事项1课堂讲授采用多媒体教学,注重讲解与示范,充分发挥多媒体等教学工具的作用;2讲解与示范要突出重点,强调要领,精讲多练,讲练结合;3每章教学学时可在上述学时分配基础上调动2学时;4因对技术的发展或者市场的需要,可
14、考虑加强某些方面的教学力度;5在加强对学生专业知识和技能培训的同时,注重学生综合素质和能力的培养五、本课程与其他课程的关系本课程与计算机文化基础、平面设计网页设计与制作等课程互相联系,互相补充,分别给学生提供计算机基础知识、网页制作技术的技能,图形和动画的设计与制作,美观的平面设计技巧等知识的学习。本门课程在专业教学计划中起着十分重要的作用,通过这门课程,向学生阐明Web基本工作机制,并使学生具有制作有专业水准网站的能力,同时该课程是后续课程的基础和手段,为学生以后学习A、WEB网站开发等课程打下良好的基础。六、教学参考资料主要教材:HTML CSS JavaScrtipt标准教程:实例版 电子工业出版社 2009年3月