Web前端项目开发教与学（教学大纲和教案）
2019-09-30 06:40
来源:
书圈
《Web前端设计基础》教学大纲
适用专业：计算机科学与技术、软件工程、物联网
课程类别：专业基础课
课程学时：建议68学时（课堂讲授42学时、实验教学16学时）
一、课程性质
《Web前端设计基础》课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及Java脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。
二、课程教学目标与基本要求
本课程的教学目标是让学生理解HTML5、CSS3以及Java脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用Java常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。
本课程教学基本要求是让学生理解Web设计的基本原则、栏目和网站目录结构定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法；掌握Java脚本语言的基本语法，理解对象的概念及使用Java来编写客户端脚本程序。
三、学时分配
| 教学周次 | 教 学 内 容 | 教学环节（学时） | |||||
| 讲课 | 习题 | 实验 | 上机 | 课外 | 小计 | ||
| 1 | 第1章 Web技术概述 | 2 | 2 | 2 | |||
| 2 | 第2章 初识HTML5 | 2 | 2 | 2 | |||
| 3 | 第3章 HTML5内容结构与文本 | 2 | 2 | 4 | |||
| 4 | 第4章 HTML5超连接第5章 HTML5多媒体 | 2 | 2 | 2 | |||
| 5 | 第6章 HTML5表格第7章 HTML5表单 | 2 | 2 | 4 | |||
| 6 | 第8章 CSS基础 | 2 | 2 | 2 | |||
| 7 | 第9章 页面布局定位 | 2 | 2 | 2 | |||
| 8 | 第9章 页面布局定位 | 2 | 2 | 4 | |||
| 9 | 第10章 元素外观属性 | 2 | 2 | 4 | |||
| 10 | 第11章 伪类和伪元素 | 2 | 2 | 2 | |||
| 11 | 第12章 CSS3变换、过渡和动画 | 2 | 2 | 4 | |||
| 12 | 第13章 页面内容样式设计第14章 网站制作流程与发布 | 2 | 2 | 2 | |||
| 13 | 第15章 ECMA基础第16章 ECMA语句 | 2 | 2 | 2 | |||
| 14 | 第17章 行为与对象 | 2 | 2 | 4 | |||
| 15 | 第18章 DOM第19章 HTML DOM对象 | 2 | 2 | 4 | |||
| 16 | 第20章 HTML5 DOM | 2 | 2 | 4 | |||
| 17 | 第21章 BOM第22章 Ajax与JSON | 2 | 2 | 2 | |||
| 总 计 | 34 | 18 | 16 | 68 |
四、实验安排
本课程需要安排实验课，以引导学生正确运用所学知识解决实际问题，实验方法和步骤参见教材。
| 序号 | 教学周次 | 实验名称 | 类型 | 学时 |
| 1 | 3 | HTML5内容结构和文本 | 综合 | 2 |
| 2 | 4 | HTML5超连接和多媒体 | 综合 | 2 |
| 3 | 5 | HTML5表格和表单 | 综合 | 2 |
| 4 | 8 | CSS3布局与定位 | 综合 | 2 |
| 5 | 9 | CSS3元素外观样式设计 | 综合 | 2 |
| 6 | 11 | CSS3动画 | 综合 | 2 |
| 7 | 14 | 行为与对象及DOM | 综合 | 2 |
| 8 | 15 | HTML DOM表单数据验证 | 综合 | 2 |
| 9 | 16 | HTML5 DOM | 综合 | 2 |
五、教材
扫描，优惠购书
“叮叮书店”项目案例贯穿全书，提供 PPT课件，教案，教学大纲，源码，视频，答案
作者：张树明
定价：79.50元
ISBN：9787302516286
本书基于Web标准和响应式Web设计思想深入浅出地介绍了Web前端设计技术的基础知识，对Web体系结构、HTML5、CSS3、Java和网站制作流程进行了详细的讲解，内容翔实，结构合理，语言精练，表达简明，实用性强，易于自学。
全书共分23章。第1章介绍了Web技术的基本概念、Web体系结构、超文本与标记语言、Web标准的组成和常用浏览器；第2～7章重点介绍了Web标准的结构推荐标准HTML5的常用元素的标签语句及应用；第8～13章介绍了Web标准的表现推荐标准CSS3的常用属性及应用；第14章介绍了网站制作流程与发布过程；第15～22章介绍了Web标准的行为标准ECMA-262的ECMA基础和Java脚本语言；第23章介绍了Java框架jQuery的入门知识。扫描每章提供的二维码可观看知识点的视频讲解及下载程序源码。
教材配套视频赏析
六、考核方式及要求
考核方式为考查，成绩为百分制，再折合成优秀、良好、中等、及格、不及格。
总成绩 = 平时成绩（45%）+课堂实验（25%）+ 实验测试（30%）
平时过程考核标准细则
| 预习作业（20%） | 把预习记录和预习思考题及课下作业写在固定笔记本上，每学期批阅4次，每次满分5分。评分标准：预习记录和预习思考题及课下作业完整并正确。（5分）。预习记录和预习思考题及课下作业完整但有个别错误。（4分）。预习记录和预习思考题及课下作业完整但错误较多。（3分）。预习记录和预习思考题及课下作业不完整但正确。（未完成作业）（2分）预习记录和预习思考题及课下作业不完整并且有错误。（未完成作业）（1分）未及时交作业或复制抄袭。（0分）特别说明：如果多人预习作业完全一样，先批阅的按正常评分标准给分，后续批阅的依次降2分，一直到零分。 |
| 学习状态（10%） | 出勤：病事假以请假条为准，没有请假条一律视为旷课，没有急特殊情况请假条不允许后补，缺勤一次扣2.5分。请假超过4次以上，超过部分不能参加平时过程考核，旷课超过4次以上视为放弃课程考核。学习状态：学习状态差如迟到、早退、上课吃零食、睡觉、玩游戏等每发现一次扣2分。 |
| 平时测试（15%） | 平时测试共3次，每次5分，按卷面分记载。 |
| 课堂实验（25%） | 课堂实验从所有实验中选取5次记入考核成绩，每次满分5分。评分标准：完成实验、代码正确，能够在标准浏览器正确显示。（5分）。完成实验、代码不正确，能够在标准浏览器正确显示。（4分）。完成实验、代码不正确，不能够在标准浏览器正确显示。（3分）。未完成实验、代码正确。（2分）。未完成实验、代码不正确。（1分）。未提交实验。（0分）复制抄袭：发现抄袭或复制者，第一次记为最低等，也就是零分，第二次直接在期末总成绩中扣减20分。 |
实验测试
在规定时间内（90分钟）完成一个指定形式主页的建立。评分标准如下：
| 评分项 | 分值30分 |
| 文档结构 | 3分 |
| 内容填充 | 3分 |
| 标准布局 | 4分 |
| 导航菜单 | 2分 |
| 内容样式 | 6分 |
| 脚本代码 | 8分 |
| 整体效果 | 4分 |
教 案
（节选，由于篇幅关系，省略了教学设计内容，请在书圈下载完整课件及案例）
| 《Web技术基础》教案 第1讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第1章Web技术概述1.1 Internet概述1.1.1 TCP/IP1.1.2 主机和IP地址1.1.3 域名和DNS1.2 Web概述1.2.1 Web历史1.2.2 Web体系结构1.2.3 基本Web技术1.2.4 Web服务器1.3 超文本与标记语言1.3.1 超文本与超媒体1.3.2 标记语言1.4 Web标准1.4.1 Web标准体系1.4.2 采用Web标准的优势1.5 浏览器1.5.1 浏览器的发展史1.5.2 浏览器的内核1.5.3 常用浏览器1.5.4 标准浏览器1.6 Web开发工具1.6.1 JetBrains WebStorm1.6.2 测试和调试环境 |
| 学时及分配 | 2学时 |
| 知识点 | 1、Web体系结构2、超文本标记语言3、Web标准 |
| 重难点 | 重点：Web体系结构、超文本标记语言、Web标准。难点：Web体系结构组成及工作原理。 |
| 教学目标 | 掌握Web体系结构、超文本标记语言、Web标准。理解TCP/IP、主机和IP地址、域名和DNS。了解各种浏览器。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第2讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第2章初识HTML52.1 HTML5基础2.1.1 HTML5文档结构2.1.2 元素与标签2.1.3 属性2.1.4 语法规则2.2 WebStorm基础2.2.1 WebStorm基本操作2.2.2 WebStorm快捷键2.3 文档结构元素2.3.1 <html>标签2.3.2 <head>标签2.3.3 <body>标签2.4 头部元素2.4.1 <title>标签2.4.2 <meta>标签2.5 为叮叮书店首页添加元信息 |
| 学时及分配 | 2学时 |
| 知识点 | 1、HTML5文档结构2、元素与标签3、文档结构元素 |
| 重难点 | 重点：HTML5文档结构、语法规则。难点：<meta>标签。 |
| 教学目标 | 掌握HTML5文档结构、元素与标签的语法规则。理解文档结构元素。了解WebStorm基本操作。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第3讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第3章HTML5内容结构与文本3.1 HTML5结构标签3.1.1 <header>标签3.1.2 <main>标签3.1.3 <nav>标签3.1.4 <article>标签3.1.5 <section>标签3.1.6 <aside>标签3.1.7 <footer>标签3.1.8 <details>和<summary>标签3.1.9 <div>标签3.1.10 <span>标签3.2 HTML5基础标签3.2.1 标题3.2.2 段落3.2.3 换行符3.2.4 注释3.3 HTML5格式化标签3.3.1 文本格式化标签3.3.2 引用和术语定义标签3.3.3 HTML5新增格式标签3.4 HTML5列表3.4.1 无序列表3.4.2 有序列表3.4.3 定义列表3.5 叮叮书店首页内容结构的建立3.5.1 分析设计页面内容结构3.5.2 用HTML5结构标签确定页面内容结构3.5.3 填加文本内容3.5.4 在浏览器中预览 |
| 学时及分配 | 2学时 |
| 知识点 | 1、HTML5结构标签2、HTML5基础标签3、HTML5列表4、分析设计页面内容结构 |
| 重难点 | 重点：HTML5结构标签、HTML5基础标签、HTML5列表。难点：页面内容结构。 |
| 教学目标 | 掌握HTML5结构标签、HTML5基础标签、HTML5列表。理解HTML5格式化标签。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第4讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第4章HTML5超连接4.1 <a>标签4.1.1 href属性4.1.2 target属性4.1.3 id属性4.2 HTML5字符集与颜色4.2.1 HTML5字符集4.2.2 HTML5字符实体4.2.3 HTML5颜色4.3.4 HTML5颜色名4.3 叮叮书店首页超连接的使用第6章HTML5表格6.1 表格结构和表格标签6.1.1 表格结构6.1.2 表格标签6.2 常用表格标签6.2.1 <table>标签6.2.2 <tr>标签6.2.3 <td>标签6.2.4 <col>标签6.2.5 <thead>、<tbody>和<tfoot>标签6.3 叮叮书店“购物车”页面的建立 |
| 学时及分配 | 2学时 |
| 知识点 | 1、超链接标签2、超链接标签属性3、HTML5字符集与字符实体4、HTML5颜色与颜色名5、HTML5表格 |
| 重难点 | 重点：超链接及其属性的使用、常用字符集及颜色表示，HTML5表格。难点：超链接链接。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第5讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第5章HTML5多媒体5.1 HTML5图像5.1.1 <img>标签5.1.2 <map>标签和<area>标签5.1.3 <figure>标签和<figcaption>标签5.2 HTML5音视频5.2.1 HTML5视频5.2.2 HTML5音频5.3 <embed>标签5.4 叮叮书店首页图像的使用 |
| 学时及分配 | 2学时 |
| 知识点 | 1、图像2、音频3、视频4、叮叮书店图像的使用 |
| 重难点 | 重点：图像难点：音频、视频 |
| 教学目标 | 掌握图像常用属性及设置方法。掌握HTML5的音频、视频设置方法。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第6讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第7章HTML5表单7.1 表单的基本知识7.1.1 什么是表单7.1.2 <form> 标签7.2 表单域7.2.1 <input>标签7.2.2 <textarea>标签7.2.3 <label>标签7.2.4 <fieldset>标签7.2.5 <select>标签7.2.6 <option>标签7.2.7 <optgroup>标签7.2.8 <button>标签7.2.9 <datalist>标签7.2.10 <output>标签7.3 叮叮书店“联系我们”页面的建立7.4 为叮叮书店首页添加站内搜索 |
| 学时及分配 | 2学时 |
| 知识点 | 1、表单2、表单域 |
| 重难点 | 重点：表单域难点：表单域 |
| 教学目标 | 掌握表单域标签的用法。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第7-8讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第8章CSS基础8.1 CSS概述8.2 CSS语法8.3 CSS常用选择器8.4 CSS3选择器8.5 CSS属性8.5.1 CSS属性8.5.2 CSS属性值和单位8.5.3 CSS3属性值和单位8.6 使用CSS8.7 媒体查询8.8 层叠样式8.9 使用Chrome开发者工具检查编辑页面及样式 |
| 学时及分配 | 4学时 |
| 知识点 | 1、CSS语法。2、CSS选择器。3、CSS3选择器。4、CSS属性。5、使用CSS。6、媒体查询7、CSS层叠性。 |
| 重难点 | 重点：CSS语法，CSS选择器，CSS3选择器，使用CSS。难点：CSS3选择器，媒体查询。 |
| 教学目标 | 掌握CSS语法，CSS选择器，CSS3选择器，媒体查询理解CSS层叠性。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第9-10讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第9章页面布局定位9.1 CSS盒模型9.1.1 CSS盒模型概述9.1.2 CSS内边距9.1.3 CSS边框9.1.4 CSS3边框9.1.5 CSS外边距9.1.6 CSS轮廓9.2 CSS布局9.2.1 盒模型显示类型9.2.2 CSS3伸缩盒布局9.2.3 CSS浮动9.2.4 可见与溢出9.3 CSS 定位9.3.1 position属性9.3.2 z-index属性9.4 基本布局模板9.4.1 固定（液态）布局9.4.2 弹性伸缩布局（响应式Web设计）9.5 叮叮书店首页布局样式设计 |
| 学时及分配 | 4学时 |
| 知识点 | 1、CSS盒模型。2、CSS布局。3、CSS 定位4、响应式Web设计 |
| 重难点 | 重点：CSS盒模型，CSS布局。难点：CSS布局，响应式Web设计。 |
| 教学目标 | 掌握CSS盒模型，掌握CSS布局。理解响应式Web设计思想 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第11讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第10章元素外观属性10.1 背景（Background）10.1.1 CSS背景10.1.2 CSS3背景10.1.3 CSS3透明度10.2 字体10.2.1 指定字体10.2.2 指定大小10.2.3 字体风格10.2.4 字体粗细10.2.5 CSS3服务器端字体10.3 文本与修饰10.3.1 文本10.3.2 修饰10.4 CSS3文本效果10.4.1 阴影10.4.2 换行10.5 CSS3多列10.6 列表10.7 尺寸10.8 表格10.8.1 表格属性10.8.2 表格边框控制10.8.3 改善表格显示效果10.8.4 叮叮书店“购物车”页面表格样式设计10.9 叮叮书店首页外观样式设计10.9.1 文本10.9.2 背景10.9.3 栏目标题图标10.9.4 其他 |
| 学时及分配 | 2学时 |
| 知识点 | 1、背景2、字体3、文本与修饰4、CSS3文本效果5、CSS3多列、列表 |
| 重难点 | 重点：CSS背景属性、文本与修饰、CSS3多列、列表。难点：CSS背景属性、CSS3服务器端字体、CSS3多列。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第12讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第11章伪类和伪元素11.1 CSS伪类11.1.1 超连接伪类11.1.2 结构性伪类11.1.3 子元素伪类11.1.4 UI元素状态伪类11.2 CSS伪元素11.3 CSS内容 |
| 学时及分配 | 2学时 |
| 知识点 | 1、CSS伪类2、CSS伪元素3、CSS内容（content） |
| 重难点 | 重点：CSS伪类、CSS伪元素。难点：CSS伪类的应用。 |
| 教学目标 | 掌握CSS伪类、CSS伪元素的用法。理解CSS伪类、CSS伪元素的作用。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第13讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第12章CSS3变换、过渡和动画12.1 变换12.2 过渡12.3 动画12.4 叮叮书店首页超链接、伪类和动画样式设计 |
| 学时及分配 | 2学时 |
| 知识点 | 1、变换2、过渡3、动画 |
| 重难点 | 重点：变换、过渡。难点：动画。 |
| 教学目标 | 掌握变换、过渡。理解动画。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第14讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第13章默认样式和页面内容样式设计13.1 默认样式13.1.1 HTML默认样式13.1.2 浏览器默认样式13.2 页面内容样式设计13.2.1 导航菜单13.2.2 图文混排 |
| 学时及分配 | 2学时 |
| 知识点 | 默认样式页面内容样式设计 |
| 重难点 | 重点：页面内容样式设计。难点：图文混排。 |
| 教学目标 | 掌握页面内容样式设计导航菜单、图文混排。了解HTML默认样式、浏览器默认样式。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第15讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第14章网站制作流程与发布14.1 网站制作流程14.2 模板14.3 基于模板建立叮叮书店其他页面14.3.1 书籍分类14.3.2 特刊降价14.3.3 联系我们14.3.4 关于我们14.3.5 详细内容14.3.6 购物车14.4 网站发布14.4.1 Tomcat服务器安装使用14.4.2 发布 |
| 学时及分配 | 2学时 |
| 知识点 | 网站制作流程模板网站发布Tomcat服务器安装使用 |
| 重难点 | 重点：网站制作流程、模板、网站发布。难点：Tomcat服务器安装使用。 |
| 教学目标 | 掌握网站制作流程、模板、网站发布。了解Tomcat服务器安装使用。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第16讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第15章Java和ECMA基础15.1 Java简介15.1.1 Java历史15.1.2 Java组成15.1.3 Java使用15.1.4 Java消息框15.1.5 开发者工具Console15.2 ECMA基础15.2.1 ECMA语法基础15.2.2 ECMA变量15.2.3 ECMA关键字和保留字15.2.4 ECMA基本数据类型15.2.5 ECMA类型转换15.3 ECMA运算符15.3.1 一元运算符15.3.2 算术运算符15.3.3 关系运算符15.3.4 逻辑运算符15.3.5 其他运算符第16章算法和ECMA语句16.1 算法16.1.1 算法的概念16.1.2 简单算法举例16.1.3 算法特性16.1.4 算法与程序16.2 ECMA语句16.2.1 条件语句16.2.2 循环语句16.2.3 break和continue语句16.3 WebStorm和Chrome协作调试Java脚本程序16.4 使用Sources调试Java脚本程序 |
| 学时及分配 | 2学时 |
| 知识点 | 1、ECMA语法基础2、ECMA基本数据类型3、ECMA运算符4、ECMA语句 |
| 重难点 | 重点：ECMA基本数据类型、ECMA运算符、ECMA语句。难点：ECMA语句。 |
| 教学目标 | 掌握ECMA语法基础、ECMA基本数据类型、ECMA运算符、ECMA语句。理解算法。了解WebStorm和Chrome协作调试Java脚本程序。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第17讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第17章行为与对象17.1 行为17.1.1 ECMA函数17.1.2 ECMA闭包17.1.3 HTML事件17.2 ECMA对象17.2.1 对象17.2.2 创建和使用对象17.2.3 ECMA引用类型17.2.4 ECMA对象类型17.3 错误处理17.4 内置对象和本地对象17.4.1 Math对象17.4.2 全局对象17.4.3 Array对象17.4.4 Date对象17.5 叮叮书店首页显示日期和时间 |
| 学时及分配 | 2学时 |
| 知识点 | 1.ECMA函数2.HTML事件3.ECMA对象4.内置对象和本地对象 |
| 重难点 | 重点：ECMA函数、HTML事件、ECMA对象。难点：行为、创建和使用对象。 |
| 教学目标 | 掌握行为、ECMA对象、内置对象和本地对象。理解ECMA闭包。了解ECMA错误处理。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第18讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第18章DOM18.1 DOM概述18.1.1 DOM简介18.1.2 节点的节点树18.2 DOM对象18.2.1 Node对象18.2.2 HTMLElement对象18.2.3 HTMLDocument对象18.2.4 访问节点18.3 DOM与CSS18.3.1 Style对象18.3.2 CurrentStyle对象18.3.3 StyleSheet对象18.4 叮叮书店首页图片轮播广告的实现 |
| 学时及分配 | 2学时 |
| 知识点 | 1.节点的节点树2.Node对象3.Style对象 |
| 重难点 | 重点：DOM对象。难点：Node对象。 |
| 教学目标 | 掌握DOM对象。理解Style对象。了解StyleSheet对象。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第19讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第19章HTML DOM对象和RegExp对象19.1 HTML DOM对象19.1.1 Document对象19.1.2 Image对象19.1.3 Anchor对象19.1.4 Event对象19.1.5 Checkbox和Radio对象19.1.6 FileUpload对象19.1.7 Text和Password对象19.1.8 Textarea对象19.1.9 Select和Option对象19.1.10 Submit、Reset和Button对象19.1.11 Form对象19.1.12 一个小游戏——剪子石头布19.2 RegExp对象19.3 叮叮书店“联系我们”页面表单数据验证 |
| 学时及分配 | 2学时 |
| 知识点 | 1.HTML DOM对象2.RegExp对象 |
| 重难点 | 重点：Document对象、Submit、Reset和Button对象、Form对象。难点：Event对象。 |
| 教学目标 | 掌握常用HTML DOM对象。理解RegExp对象。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第20讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第20章HTML5 DOM20.1 canvas对象20.1.1 canvas基础20.1.2 使用路径20.1.3 绘制文本20.1.4 绘制图像20.2 HTML5拖放20.3 HTML5数据存储20.3.1 sessionStorage对象20.3.2 localStorage对象20.4 叮叮书店“书籍分类”页面拖放图书到购物车 |
| 学时及分配 | 2学时 |
| 知识点 | 1.canvas对象2.HTML5拖放3.HTML5数据存储 |
| 重难点 | 重点：canvas对象。难点：HTML5拖放。 |
| 教学目标 | 掌握canvas对象使用路径、绘制文本、绘制图像。理解HTML5拖放。了解HTML5数据存储。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
| 《Web技术基础》教案 第21讲 | |
| 基 本 信 息 | |
| 授课类型 | 理论课 |
| 授课内容 | 第21章BOM21.1 BOM对象21.1.1 window对象21.1.2 navigator对象21.1.3 screen对象21.1.4 location对象21.1.5 history对象21.2 元素大小与位置21.3 叮叮书店首页的浮动广告 |
| 学时及分配 | 2学时 |
| 知识点 | 1.BOM对象2.元素大小与位置 |
| 重难点 | 重点：BOM对象。难点：window对象。 |
| 教学目标 | 掌握常用BOM对象。理解元素大小与位置的设置。 |
| 教学方法 | 主讲，边演边练，讨论互动。 |
点击页面下方【阅读原文】，查看更多课程教学大纲 返回搜狐，查看更多
责任编辑：
平台声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
阅读 ()