《Web前端开发技术》教学大纲Word文档格式.docx
- 文档编号:17245278
- 上传时间:2022-11-29
- 格式:DOCX
- 页数:52
- 大小:32.91KB
《Web前端开发技术》教学大纲Word文档格式.docx
《《Web前端开发技术》教学大纲Word文档格式.docx》由会员分享,可在线阅读,更多相关《《Web前端开发技术》教学大纲Word文档格式.docx(52页珍藏版)》请在冰豆网上搜索。
2.5注释
掌握两种注释标记的使用方法及作用,重点掌握<
!
---->
标记的使用。
2.6HTML文档编写规范
2.6.1掌握HTML代码书写规范
2.6.2掌握HTML文档命名规则
2.7HTML文档类型<
DOCTYPE>
了解3种HTML文档类型和HTML5的DTD定义方法。
2.8掌握综合实例中所使用的标记语法
3格式化文本与段落
3.1Web页面初步设计
3.1.1△掌握在<
body>
添加文字信息的方法
3.1.2掌握标题字标记语法及对齐属性的设置方法
3.1.3掌握添加空格、特殊符号的方法
3.2格式化文本标记
3.2.1掌握文本修饰标记的使用方法
3.2.2了解计算机输出标记的使用方法
3.2.3理解引用和术语标记的使用方法
3.2.4△掌握字体font标记的face、size、color属性语法
3.3段落与排版标记
3.4.1△掌握段落p标记语法及align属性的设置
3.4.2掌握换行、水平分隔线、拼音/音标注释ruby标记和rt/rp标记拼音/音标注释ruby标记和rt/rp标记、预格式化、块引用等标记的使用及属性怕设置
3.4综合实例
学会运用所学知识完成Web页面设计
4列表
4.1列表概述
4.1.1了解列表的定义和常用列表的分类
4.2无序列表
4.2.1△掌握无序列表基本语法
4.2.2★学会使用列表type属性的改变列表的符号样式
4.3有序列表
4.3.1△掌握有序列表基本语法
4.3.2★学会使用列表type、start属性的改变列表的编号样式
4.3.3了解使用有序列表项value属性改变列表项编号
4.3.4理解列表的type与列表项type属性冲突时对列表项编号的影响
4.4列表嵌套
4.4.1△掌握无序列表与有序列表嵌套的方法
4.5定义列表
4.5.1△掌握定义列表基本语法
4.5.2△★理解定义列表与无序、有序列表的外在表现上的差异
4.6综合实例
5超链接与浮动框架
5.1超链接概述
5.2超链接语法、路径及分类
5.2.1△掌握超链接基本语法及href、target、title等属性的设置方法
5.2.2理解超链接中路径的分类和应用场合
5.2.3△掌握内链接、外链接的定义方法
5.3超链接的应用
5.3.1掌握创建HTTP文件下载链接的语法
5.3.2△掌握FTP站点访问链接的基本语法及创建方法
5.3.3△掌握图像超链接的基本语法及创建方法
5.3.4△掌握电子邮件链接的基本语法及创建方法
5.3.5△★掌握书签链接的基本语法及创建方法
5.4浮动框架
掌握浮动框架使用语法和使用方法。
5.5综合实例
6图像与多媒体文件
6.1图像
6.1.1掌握<
img>
标记基本语法
6.1.2△会利用<
属性src、width、height、border、alt、hspace、vspace、align等来修饰图像
6.2滚动文字
6.2.1掌握滚动文字标记的基本语法
6.2.2△学会利用滚动文字标记的direction、behavior、loop、scrollamount、scrolldelay等属性来设置滚动文字的效果
6.3音频、视频及Flash文件
6.3.1★掌握<
embed>
标记的语法。
△学会正确设置<
标记的src、loop、autostart、width、height等属性。
6.4综合实例
7CSS基础
7.1CSS概念
7.1.1了解CSS基本概念
7.1.2了解传统HTML的缺点
7.1.3了解CSS的特点
7.1.4了解CSS的优势
7.1.5了解CSS编辑方法
7.2使用CSS控制Web页面
7.2.1掌握CSS的基本语法
7.2.2掌握CSS选择器类型(包括标记选择器、类选择器、id选择器、伪类选择器、属性选择器等)
7.2.3△掌握CSS选择器声明类型
7.2.4△掌握CSS定义与引用方法(包括内联样式表(行内样式表)、内部样式表、外部样式表(链接外部样式表、导入外部样式表)等。
)
7.3CSS继承与层叠
理解CSS的继承与层叠区别
7.4综合实例
8DIV与SPAN
8.1△div图层
8.1.1掌握div定义方法
8.1.2学会设置div图层的属性
8.2△图层嵌套与层叠
8.2.1学会使用多个<
div>
进行页面布局
8.2.2学会使用图层嵌套与图层层叠
8.3div标记与span标记
理解div标记与span标记的使用区别
8.4综合实例
9CSS样式属性
9.1CSS属性中的单位
掌握CSS属性中绝对单位与相对单位
9.2CSS字体样式
9.2.1掌握字体font-size、font-style、font-variant、font-weight、font-family等属性的设置方法
9.2.2掌握字体font复合属性的设置方法
9.3CSS文本样式
掌握letter-spacing、text-indent、text-decoration、text-transform、text-align、vertical-align、line-height等排版样式属性的设置方法
9.4CSS颜色与背景
9.4.1掌握颜色属性的设置方法
9.4.2掌握背景background-color、background-image、background-repeat、background-attachment、background-position等子属性的设置方法
9.4.3掌握背景复合属性background的设置方法
9.5CSS列表样式
掌握列表样式语法,学会使用list-style-type、list-style-image、list-style-position等属性美化列表的外观
9.6CSS盒模型
9.6.1理解CSS盒模型结构
9.6.2学会设置边界margin、边框属性border、填充属性padding及其子属性的设置方法
9.7综合实例
10DIV+CSS页面布局
10.1页面布局设计
能够根据常规页面布局编写出DIV结构和定义出CSS样式
学会使用DIV+CSS实现简单Web页面布局
10.2导航菜单设计
10.2.1掌握一级水平导航菜单的设计方法
10.2.2掌握二级水平导航菜单的设计方法
11表格
11.1表格
熟悉常用表格的标记及作用
11.2表格标记
11.2.1△掌握<
table>
标记语法及所有表格标记的语法
11.2.2△会利用<
<
tr>
td>
绘制简易表格
11.2.3学会使用表格标题<
caption>
、<
th>
标记定义表格标题和表头
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综合实例
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掌握<
select>
/select>
标记的基本语法及size、multiple、name等属性的设置方法
12.5.2学会使用<
option>
标记设置列表项,学会使用selected属性必将某一选项设为预选项
12.5.3学会运用下拉列表框编写相关网页代码
12.6综合实例
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综合实例
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综合实例
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综合实例
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综合实例
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综合实例
注:
针对不同专业和不同的教学需要,建议该课程可设置为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
4
第3章格式化文本与段落
第4章列表
3
第5章超链接与浮动框架
第6章图像与多媒体文件
第7章CSS基础
第8章DIV与SPAN
5
第9章CSS样式属性
第10章DIV+CSS页面布局
6
第11章表格
第12章表单
7
第14章JavaScript基础-1
8
第14章JavaScript基础-2
9
第15章JavaScript事件处理
第16章BOM与DOM-1
10
第16章BOM与DOM-2
11
第13章HTML5基础与CSS3应用-1
12
第13章HTML5基础与CSS3应用-2
13
第13章HTML5基础与CSS3应用-3
第17章HTML5高级应用-1
14
第17章HTML5高级应用-2
15
翻转课堂模式复习【计划外】
总计
28
56
五、课程说明
课程英文名称
WebFrontEnddevelopmenttechnology/WebClientProgramming
主要先修课程
计算机科学技术导论、信息技术基础
适用专业类别
软件工程、计算机科学与技术、信息管理与信息系统、网络工程等相关专业
主要教材(作者、教材名称、出版社)
(1)储久良.We
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web前端开发技术 Web 前端 开发 技术 教学大纲