《Web前端开发技术》教学大纲.docx

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学会使用标记设置列表项，学会使用selected属性必将某一选项设为预选项

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

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

Web前端开发技术 Web 前端 开发 技术 教学大纲

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。