| 标记定义表格标题和表头 11.3表格属性设置 11.3.1掌握表格边框及边框样式属性设置方法 11.3.2掌握表格宽度、高度的设置方法 11.3.3掌握表格的背景颜色和背景图像的设置方法 11.3.4掌握表格边框样式属性的设置方法 11.3.5掌握表格单元格间距、边距的设置方法 11.3.6掌握表格水平对齐属性的设置方法 11.4设置表格行的属性 11.4.1掌握表格行内容水平和垂直对齐的设置方法 11.5设置单元格的属性 11.5.1△掌握单元格跨行属性rowspan设置方法 11.5.2△掌握单元格跨列属性colspan设置方法 11.6表格嵌套 学会运用表格嵌套技术实现一般网页布局 11.7综合实例 学会运用所学知识完成Web页面设计 12表单 12.1表单概述 12.1.1△掌握表单标记的基本语法结构以及表单中包含其它标记 12.2定义域和域标题 掌握域和域标题标记的基本语法,学会使用域和域标题标记设置表单分区 12.3△表单信息输入 12.3.1掌握单行文本输入框的属性设置方法 12.3.2学会使用密码输入框设置用户密码 12.3.3掌握复选框checkbox设置及使用方法，学会使用checked属性将某项复选框设为预选项 12.3.4掌握单选按钮radio设置及使用方法，学会使用checked属性将某项单选按钮设为预选项 12.3.5掌握图像按钮的属性设置方法 12.3.6掌握submit按钮的属性设置方法 12.3.7掌握reset按钮的属性设置方法 12.3.8掌握普通按钮的设置方法 12.3.9学会使用file文件选择框浏览文件 12.3.10学会hidden隐藏框使用方法 12.4多行文本输入框 12.4.1学会使用多行文本输入框标记在网页中设置多行文本的输入方法 12.4.2掌握cols、rows、wrap等相关属性的设置多行文本区域大小 12.5下拉列表框 12.5.1掌握标记的基本语法及size、multiple、name等属性的设置方法 12.5.2学会使用 12.5.3学会运用下拉列表框编写相关网页代码 12.6综合实例 学会运用所学知识完成Web页面设计 13HTML5基础与CSS3应用 13.1HTML5概述 掌握元素、标记和属性相关概念。 13.1.1HTML5的八个特点 13.1.2HTML5的优势 13.1.3理解HTML5新增结构元素及页面元素 13.1.4了解HTML5废除的元素与属性 13.1.5了解浏览器支持与选择 13.2HTML5文档结构 13.2.1★掌握HTML5页面结构组成元素 13.2.2△掌握HTML5新增结构元素的语法及使用方法（header、nav、section、articale、footer、aside等） 13.3HTML5新增页面元素 13.3.1△掌握hgroup标记语法及使用方法 13.3.2△掌握figure标记与figcaption标记语法及使用方法 13.3.3△掌握mark标记与time标记语法及使用方法 13.3.4△掌握details标记与summary标记语法及使用方法 13.3.5△掌握progress标记与meter标记语法及使用方法 13.3.6△掌握input标记与datalist标记语法及使用方法 13.4HTML5表单 13.4.1△掌握HTML5新增的表单属性 13.4.2★学会使用HTML5新增的表单元素 13.4.3★学会使用HTML5新增的input类型 13.5HTML5视频与音频 13.5.1★掌握video标记及属性的设置方法 13.5.2★掌握audio标记及属性的设置方法 13.6CSS3基础应用 13.6.1了解CSS3新特性 13.6.2了解CSS3浏览器兼容性及解决方法 13.6.3△掌握CSS3边框属性语法及设置方法 13.6.4★掌握CSS3转换transform属性语法及设置方法 13.6.5★掌握CSS3过渡transition属性语法及设置方法 13.6.6★掌握CSS3动画animation语法及设置方法 13.6.7掌握CSS3多列属性语法及设置方法 13.6.8掌握CSS3文本效果属性语法及设置方法 13.7综合实例 学会运用所学知识完成Web页面设计 14JavaScript基础 14.1JavaScript概述 14.1.1理解JavaScript在Web页面设计中作用及其特点 14.1.2了解JavaScript在HTML中放置的位置 14.2JavaScript程序 14.2.1了解JavaScript语句类型、语句块标记 14.2.2理解JavaScript函数的作用和基本语法 14.2.3学会使用消息对话框实现页面交互 14.2.4学会使用注释给JS代码增加功能说明 14.3标识符和变量 14.3.1掌握标识符、变量命名的规范 14.3.2△掌握JavaScript中的基本数据类型，分别是字符串型、数值型、布尔型、Null型、undefined、object型 14.3.3.掌握变量的定义语法及使用方法 14.3.4.掌握常用的转义字符使用方法,例如\n、\r、\f、\uhhhh、\\、\” 14.4运算符和表达式 14.4.1了解运算符和表达式的类型 14.4.2△掌握算术、关系、逻辑、赋值、条件运算符的使用方法 14.4.2△了解位、逗号、new、delet、typeof等运算符的使用方法 14.5JavaScript程序控制结构 14.5.1△掌握顺序结构程序的编写方法 14.5.2△掌握if…else分支结构程序的编写方法 14.5.3△掌握if…elseif…elseif…else多分支结构及switch多分支结构应用场合和编程方法 14.5.4了解循环结构类型及应用场合 14.5.5△掌握for、while、do…while、for…in的使用方法 14.5.6理解break和continue语句在循环结构中的作用 14.6JavaScript函数 14.6.1掌握常用系统函数使用方法，如eval（）、escape（）、unescape（）、parseFloat（）、parseInt（）、isNaN（）等全局函数的使用方法，熟练使用对象的函数，如toString（）、toFixed（n）、charAt（n）、indexOf（）、lastIndexOf（）、substring（）等 14.6.2△★掌握自定义函数的使用方法，并学会编程 14.6.3学会使用return返回函数计算结果 14.6.4理解局部变量与全局变量使用区别 14.7综合实例 学会运用所学知识完成Web页面设计 15JavaScript事件处理 15.1JavaScript事件概述 15.1.1理解JavaScript中事件的概念、事件基本类型 15.1.2△掌握JavaScript中主要事件句柄 15.1.3△掌握事件处理方法（定静态、动态指定） 15.1.4△学会使用事件处理程序的返回值 15.2表单事件 15.2.1了解表单事件源和事件句柄 15.2.2△掌握表单获得焦点、失去焦点事件、提交及重置事件、改变及选择事件处理程序的调用方法 15.3鼠标事件 15.3.1了解鼠标事件源和事件句柄 15.3.2△掌握鼠标单击、双击、移动事件处理程序的调用方法 15.4键盘事件 15.4.1了解键盘事件源和事件句柄 15.4.2△掌握键盘事件处理程序的调用方法 15.5窗口事件 15.5.1了解窗口事件源和事件句柄 15.5.2△掌握窗口事件处理程序的调用方法 15.6综合实例 学会运用所学知识完成Web页面设计 16BOM与DOM模型 16.1常用对象 16.1.1△掌握Array对象的使用方法 16.1.2△掌握Date对象处理和日期相关的方法 16.1.3△掌握Math对象处理算术方面的使用方法 16.1.4△掌握Number对象的使用方法 16.1.5△掌握String对象的使用方法 16.1.5了解Boolean对象的使用方法 16.2HTMLDOM 16.2.1理解HTMLDOM的节点树的基本概念 16.2.2熟悉DOM节点树与HTML文件的映射关系 16.2.3熟悉DOM节点类型 16.2.4△掌握DOM节点的访问方法（通过对象的ID、Name、TagName访问节点） 16.2.5学会使用DOM节点操作方法操作HTML页面上的元素，掌握DOM中innerText和innerHTML两个属性的区别，并学会使用；学会获取并设置指定元素的属性 16.3BOM 16.3.1理解BOM概念及BOM所包含的对象 16.3.2掌握Window对象属性和常用方法，学会利用window对象进行简单编程 16.3.3理解Navigate对象属性和常用方法，学会利用Navigate对象进行简单编程 16.3.4理解Screen对象属性，学会利用Screen对象进行简单编程 16.3.5理解History对象属性和常用方法，学会利用History对象进行简单编程 16.3.6理解Location对象属性和常用方法，学会利用Location对象进行简单编 16.4综合实例 学会运用所学知识完成Web页面设计 17HTML5高级应用 17.1HTML5WebStorage 17.1.1△掌握localStorage对象 17.1.2△掌握sessionstorage对象 17.1.3△学会使用浏览器端数据库IndexedDB来存储客户端数据 17.2HTML5Canvas画布 17.2.1△掌握Canvas标记的语法及设置方法 17.2.2理解Canvas坐标的概念 17.2.3了解Canvas路径的常用方法，并学会使用绘制路径的方法 17.2.4△掌握Canvas绘制线段的方法（moveTo（）、lineTo（）） 17.2.5△掌握Canvas绘制文本的常用方法 17.2.6△掌握Canvas渐变的语法及设置方法 17.2.7△掌握Canvas绘制图像的方法 17.3HTML5拖放 17.3.1△学会设置元素为可拖放元素 17.3.2了解常用的拖放事件和事件属性 17.3.3了解dataTransfer对象的常用的属性 17.3.4△掌握拖放操作实现步骤 17.4HTML5WebWorkers 17.4.1熟悉WebWorker的工作原理 17.4.2△学会创建WebWorker文件 17.4.3△学会创建WebWorker对象 17.4.4△学会使用终止WebWorker 17.5综合实例 学会运用所学知识完成Web页面设计 注： 针对不同专业和不同的教学需要，建议该课程可设置为56、64、72课时或以上，可以在第13章、第14章、15章、16章和第17章中适当增加课时。 具体建议如下： （1）第13章可以设置6-8课时； （2）第14章可以调整为4-6课时， （3）第16章可调为4-8课时。 （4）第17章可调为4-6课时。 四、时间分配（以56学时为例） 分段标识 序 号 教学内容 教学环节（学时） 讲课 习题 实验 上机 课外 小计 1 第1章WEB前端开发技术综述 第2章HTML基础 2 2 4 2 第3章格式化文本与段落 第4章列表 2 2 4 3 第5章超链接与浮动框架 第6章图像与多媒体文件 2 2 4 4 第7章CSS基础 第8章DIV与SPAN 2 2 4 5 第9章CSS样式属性 第10章DIV+CSS页面布局 2 2 4 6 第11章表格 第12章表单 2 2 4 7 第14章JavaScript基础-1 2 2 4 8 第14章JavaScript基础-2 2 2 4 9 第15章JavaScript事件处理 第16章BOM与DOM-1 2 2 4 10 第16章BOM与DOM-2 2 2 4 11 第13章HTML5基础与CSS3应用-1 2 2 4 12 第13章HTML5基础与CSS3应用-2 2 2 4 13 第13章HTML5基础与CSS3应用-3 第17章HTML5高级应用-1 2 2 4 14 第17章HTML5高级应用-2 2 2 4 15 翻转课堂模式复习【计划外】 0 0 0 总计 28 28 56 五、课程说明 课程英文名称 WebFrontEnddevelopmenttechnology/WebClientProgramming 主要先修课程 计算机科学技术导论、信息技术基础 适用专业类别 软件工程、计算机科学与技术、信息管理与信息系统、网络工程等相关专业 主要教材（作者、教材名称、出版社） （1）储久良.We
展开阅读全文
相关搜索
|