313418006
0480-572472840
导航

Web前端项目开辟教与学(讲授纲领+教案+视频)

发布日期:2022-05-04 01:00

本文摘要:Web前端项目开辟教与学(讲授纲领+教案+视频) 《Web前端设计基础》 课程讲授纲领 合用专业 计较机科学与技能、软件工程、物联网 课程种别 专业基础课 课程学时 发起68学时(教室教学42学时、尝试讲授16学时) 01 课程性质 《Web前端设计基础》课程是计较机科学与技能、软件工程、物联网工程专业的一门专业基础课程,以Web根基观点和Web尺度为基准点、通过对Web前端主流开辟技能的进修和研究,让学生理解和把握HTML5、CSS3以及Java剧本语言的相关常识,通过这

博亚体育app官网

Web前端项目开辟教与学(讲授纲领+教案+视频) 《Web前端设计基础》 课程讲授纲领 合用专业 计较机科学与技能、软件工程、物联网 课程种别 专业基础课 课程学时 发起68学时(教室教学42学时、尝试讲授16学时) 01 课程性质 《Web前端设计基础》课程是计较机科学与技能、软件工程、物联网工程专业的一门专业基础课程,以Web根基观点和Web尺度为基准点、通过对Web前端主流开辟技能的进修和研究,让学生理解和把握HTML5、CSS3以及Java剧本语言的相关常识,通过这门课程的讲授,不仅使学生通过项目实践造就学生开辟和设计Web站点的根基技术,更要使学生充实相识Web思想,为进一步进修后续课程打下杰出的基础。02. 课程讲授方针与根基要求 本课程的讲授方针是让学生理解HTML5、CSS3以及Java剧本语言的根基语法,把握常用的Web页面结构技能,理解并纯熟应用Java常用对象的属性方法,使用DOM技能编写页面的客户端法式,通过项目实训,造就学生具备设计实现Web客户端页面的开端能力。本课程讲授根基要求是让学生理解Web设计的根基原则、栏目和网站目次布局界说、尺度页面结构方法、导航菜单建造、图文排版、页面交互等方面的基础常识;可以或许纯熟运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标志语言设计建造网页;纯熟把握CSS3对网页举行结构和修饰的根基方法;把握Java剧本语言的根基语法,理解对象的观点及使用Java来编写客户端剧本法式。

03 学时分派 展开全文 讲授周次 教 学 内 容 讲授环节(学时) 授课 习题 尝试 上机 课外 小计 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 04 尝试摆设 本课程需要摆设尝试课,以引导学生正确运用所学常识解决实际问题,尝试方法和步骤拜见教材。序号 讲授周次 尝试名称 类型 学时 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 05 教材 扫描,优惠购书 “叮叮书店”项目案例贯串全书,提供 PPT课件,教案,讲授纲领,源码,视频,谜底 作者:张树明 订价:79.50元 内容简介 本书基于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的入门常识。扫描每章提供的二维码可寓目常识点的视频解说及下载法式源码。目 录 上下滚动检察 ↓ 第1章 Web技能概述 1 1.1 Internet概述 1 1.1.1 TCP/IP 1 1.1.2 主机和IP地址 2 1.1.3 域名和DNS 3 1.2 Web概述 3 1.2.1 Web汗青 4 1.2.2 Web体系布局 5 1.2.3 根基Web技能 5 1.2.4 Web办事器 9 1.3 超文本与标志语言 9 1.3.1 超文本与超媒体 10 1.3.2 标志语言 10 1.4 Web尺度 12 1.4.1 Web尺度体系 13 1.4.2 接纳Web尺度的优势 15 1.5 欣赏器 15 1.5.1 欣赏器的成长史 15 1.5.2 欣赏器的内核 16 1.5.3 常用欣赏器 16 1.5.4 尺度欣赏器 17 1.6 Web开辟东西 18 1.6.1 JetBrains WebStorm 19 1.6.2 测试和调试情况 19 1.7 小结 20 1.8 习题 20 第2章 初识HTML5 21 2.1 HTML5基础 21 2.1.1 HTML5文档布局 21 2.1.2 元素与标签 22 2.1.3 属性 26 2.1.4 语法例则 27 2.2 WebStorm基础 27 2.2.1 WebStorm的根基操作 28 2.2.2 WebStorm的快捷键 29 2.3 文档布局元素 30 2.3.1 <html>标签 31 2.3.2 <head>标签 31 2.3.3 <body>标签 31 2.4 头部元素 31 2.4.1 <title>标签 31 2.4.2 <meta>标签 32 2.5 为叮叮书店首页添加元信息 35 2.6 小结 36 2.7 习题 36 第3章 HTML5内容布局与文本 37 3.1 HTML5布局标签 37 3.1.1 <header>标签 38 3.1.2 <main>标签 38 3.1.3 <nav>标签 38 3.1.4 <article>标签 38 3.1.5 <section>标签 38 3.1.6 <aside>标签 39 3.1.7 <footer>标签 39 3.1.8 <details>标签和<summary>标签 39 3.1.9 <div>标签 39 3.1.10 <span>标签 40 3.2 HTML5基础标签 40 3.2.1 标题 40 3.2.2 段落 41 3.2.3 换行符 41 3.2.4 注释 41 3.3 HTML5格局化标签 41 3.3.1 文本格局化标签 41 3.3.2 引用和术语界说标签 43 3.3.3 HTML5新增格局标签 44 3.4 HTML5列表 47 3.4.1 无序列表 47 3.4.2 有序列表 48 3.4.3 界说列表 49 3.5 叮叮书店首页内容布局的成立 49 3.5.1 阐发设计页面内容布局 50 3.5.2 用HTML5布局标签确定页面内容布局 50 3.5.3 添加文本内容 53 3.5.4 在欣赏器中预览 57 3.6 小结 58 3.7 习题 58 第4章 HTML5超链接 60 4.1 <a>标签 60 4.1.1 href属性 61 4.1.2 target属性 61 4.1.3 id属性 62 4.2 HTML5字符集与颜色 63 4.2.1 HTML5字符集 63 4.2.2 HTML5字符实体 63 4.2.3 HTML5颜色 64 4.2.4 HTML5颜色名 64 4.3 叮叮书店首页超链接的使用 65 4.4 小结 67 4.5 习题 67 第5章 HTML5多媒体 68 5.1 HTML5图像 68 5.1.1 <img>标签 68 5.1.2 <map>标签和<area>标签 70 5.1.3 <figure>标签和<figcaption>标签 71 5.2 HTML5音频/视频 71 5.2.1 HTML5视频 71 5.2.2 HTML5音频 74 5.3 <embed>标签 76 5.4 叮叮书店首页图像的使用 76 5.5 小结 79 5.6 习题 79 第6章 HTML5表格 80 6.1 表格布局和表格标签 80 6.1.1 表格布局 80 6.1.2 表格标签 80 6.2 常用表格标签 82 6.2.1 <table>标签 82 6.2.2 <tr>标签 83 6.2.3 <td>标签 83 6.2.4 <col>标签 84 6.2.5 <thead>、<tbody>和<tfoot>标签 85 6.3 叮叮书店“购物车”页面的成立 85 6.4 小结 86 6.5 习题 87 第7章 HTML5表单 88 7.1 表单的根基常识 88 7.1.1 什么是表单 88 7.1.2 <form>标签 88 7.2 表单域 90 7.2.1 <input>标签 91 7.2.2 <textarea>标签 98 7.2.3 <label>标签 99 7.2.4 <fieldset>标签 99 7.2.5 <select>标签 100 7.2.6 <option>标签 100 7.2.7 <optgroup>标签 101 7.2.8 <button>标签 101 7.2.9 <datalist>标签 102 7.2.10 <output>标签 103 7.3 叮叮书店“接洽我们”页面的成立 103 7.4 为叮叮书店首页添加站内搜索 106 7.5 小结 106 7.6 习题 106 第8章 CSS基础 108 8.1 CSS概述 108 8.2 CSS语法 110 8.3 CSS常用选择器 111 8.4 CSS3选择器 114 8.5 CSS属性 115 8.5.1 CSS常用属性 115 8.5.2 CSS属性值和单元 119 8.5.3 CSS3属性值和单元 120 8.6 使用CSS 127 8.7 媒体查询 130 8.8 层叠样式 132 8.9 使用Chrome开辟者东西查抄编辑页面及样式 135 8.10 小结 136 8.11 习题 137 第9章 页面结构定位 139 9.1 CSS盒模型 139 9.1.1 CSS盒模型概述 139 9.1.2 CSS内边距 141 9.1.3 CSS边框 143 9.1.4 CSS3边框 147 9.1.5 CSS外边距 151 9.1.6 CSS轮廓 153 9.2 CSS结构 154 9.2.1 盒模型显示类型 154 9.2.2 CSS3伸缩盒结构 157 9.2.3 CSS浮动 171 9.2.4 可见与溢出 174 9.3 CSS定位 176 9.3.1 position属性 176 9.3.2 z-index属性 181 9.4 根基结构模板 181 9.4.1 固定(液态)结构 182 9.4.2 弹性伸缩结构(响应式Web设计) 184 9.5 叮叮书店首页的结构样式设计 187 9.6 小结 190 9.7 习题 191 第10章 元素外观属性 193 10.1 配景 193 10.1.1 CSS配景 193 10.1.2 CSS3配景 196 10.1.3 CSS3透明度 198 10.2 字体 199 10.2.1 指定字体 199 10.2.2 指定巨细 200 10.2.3 字体气势派头 200 10.2.4 字体粗细 200 10.2.5 CSS3办事器端字体 202 10.3 文本与修饰 205 10.3.1 文本 205 10.3.2 修饰 211 10.4 CSS3文本效果 212 10.4.1 阴影 212 10.4.2 换行 213 10.5 CSS3多列 213 10.6 列表 215 10.7 尺寸 216 10.8 表格 218 10.8.1 表格的属性 218 10.8.2 表格的边框节制 220 10.8.3 改善表格的显示效果 222 10.8.4 叮叮书店“购物车”页面的表格样式设计 223 10.9 叮叮书店首页的外观样式设计 224 10.9.1 文本 224 10.9.2 配景 225 10.9.3 栏方针题图标 226 10.9.4 其他 227 10.10 小结 228 10.11 习题 228 第11章 伪类和伪元素 230 11.1 CSS伪类 230 11.1.1 超链接伪类 231 11.1.2 布局性伪类 232 11.1.3 子元素伪类 233 11.1.4 UI元素状态伪类 236 11.2 CSS伪元素 239 11.3 CSS内容 240 11.4 小结 243 11.5 习题 243 第12章 CSS3变换、过渡和动画 245 12.1 变换 245 12.2 过渡 256 12.3 动画 260 12.4 叮叮书店首页的超链接、伪类和动画样式设计 263 12.5 小结 267 12.6 习题 267 第13章 默认样式和页面内容样式设计 269 13.1 默认样式 269 13.1.1 HTML默认样式 269 13.1.2 欣赏器默认样式 271 13.2 页面内容样式设计 272 13.2.1 导航菜单 272 13.2.2 图文混排 274 13.3 小结 276 13.4 习题 276 第14章 网站建造流程与公布 277 14.1 网站建造流程 277 14.2 模板 279 14.3 基于模板成立叮叮书店的其他页面 280 14.3.1 书籍分类 280 14.3.2 特刊贬价 282 14.3.3 接洽我们 284 14.3.4 关于我们 285 14.3.5 具体内容 286 14.3.6 购物车 289 14.4 网站公布 289 14.4.1 Tomcat办事器的安装与使用 289 14.4.2 公布 292 14.5 小结 292 14.6 习题 292 第15章 Java和ECMA基础 294 15.1 Java基础 294 15.1.1 Java的汗青和主要功效 294 15.1.2 Java的构成 295 15.1.3 Java的使用 296 15.1.4 Java动静框 298 15.1.5 开辟者东西Console 299 15.2 ECMA基础 300 15.2.1 ECMA语法基础 300 15.2.2 ECMA变量 301 15.2.3 ECMA关键字和保留字 302 15.2.4 ECMA根基数据类型 303 15.2.5 ECMA类型转换 305 15.3 ECMA运算符 307 15.3.1 一元运算符 307 15.3.2 算术运算符 308 15.3.3 关系运算符 309 15.3.4 逻辑运算符 311 15.3.5 其他运算符 312 15.4 小结 313 15.5 习题 313 第16章 算法和ECMA语句 315 16.1 算法 315 16.1.1 算法的观点 315 16.1.2 简朴算法举例 316 16.1.3 算法的特性 316 16.1.4 算法与法式 316 16.2 ECMA语句 317 16.2.1 条件语句 317 16.2.2 轮回语句 320 16.2.3 break和continue语句 322 16.3 WebStorm和Chrome协作调试Java剧本法式 323 16.4 使用Sources调试Java剧本法式 325 16.5 小结 328 16.6 习题 328 第17章 行为与对象 329 17.1 行为 329 17.1.1 ECMA函数 329 17.1.2 ECMA闭包 332 17.1.3 HTML事件 333 17.2 ECMA对象 337 17.2.1 对象和类 337 17.2.2 创建和使用对象 338 17.2.3 ECMA引用类型 339 17.2.4 ECMA对象类型 345 17.3 错误处置惩罚 346 17.4 内置对象和当地对象 348 17.4.1 Math对象 348 17.4.2 全局对象 349 17.4.3 Array对象 351 17.4.4 Date对象 353 17.5 叮叮书店首页显示日期和时间 354 17.6 小结 356 17.7 习题 356 第18章 DOM 358 18.1 DOM概述 358 18.1.1 DOM简介 358 18.1.2 节点和节点树 359 18.2 DOM对象 360 18.2.1 Node对象 360 18.2.2 HTMLElement对象 362 18.2.3 HTMLDocument对象 362 18.2.4 会见节点 363 18.3 DOM与CSS 366 18.3.1 Style对象 366 18.3.2 CurrentStyle对象 370 18.3.3 StyleSheet对象 371 18.4 叮叮书店首页图片轮播告白的实现 373 18.5 小结 376 18.6 习题 376 第19章 HTML DOM对象和RegExp对象 378 19.1 HTML DOM对象 378 19.1.1 Document对象 379 19.1.2 Image对象 381 19.1.3 Anchor对象 382 19.1.4 Event对象 383 19.1.5 Checkbox和Radio对象 388 19.1.6 FileUpload对象 390 19.1.7 Text和Password对象 392 19.1.8 Textarea对象 393 19.1.9 Select和Option对象 393 19.1.10 Submit、Reset和Button对象 396 19.1.11 Form对象 397 19.1.12 一个小游戏——剪子石头布 398 19.2 RegExp对象 404 19.3 叮叮书店“接洽我们”页面的表单数据验证 406 19.4 小结 408 19.5 习题 408 第20章 HTML5 DOM 411 20.1 Canvas对象 411 20.1.1 Canvas基础 413 20.1.2 使用路径 414 20.1.3 绘制文本 417 20.1.4 绘制图像 418 20.2 HTML5拖放 420 20.3 HTML5数据存储 423 20.3.1 sessionStorage对象 423 20.3.2 localStorage对象 424 20.4 实现叮叮书店“书籍分类”页面拖放图书到购物车 428 20.5 小结 430 20.6 习题 431 第21章 BOM 432 21.1 BOM对象 432 21.1.1 Window对象 432 21.1.2 Navigator对象 439 21.1.3 Screen对象 441 21.1.4 Location对象 441 21.1.5 History对象 442 21.2 元素的巨细与位置 442 21.3 叮叮书店首页的浮动告白 445 21.4 小结 446 21.5 习题 446 第22章 Ajax与JSON 448 22.1 Ajax 448 22.2 对象 449 22.2.1 创建对象 449 22.2.2 请求 450 22.2.3 响应 451 22.3 JSON 452 22.3.1 JSON的语法 453 22.3.2 JSON的使用 454 22.4 小结 456 22.5 习题 456 第23章 jQuery入门 457 23.1 jQuery基础 457 23.1.1 添加jQuery库 457 23.1.2 jQuery的语法 458 23.2 特效和动画 459 23.3 HTML操作 462 23.4 Ajax函数 463 23.5 叮叮书店“试读”页面的成立 463 23.6 小结 466 23.7 习题 466 附录A 尝试 467 尝试1 HTML5内容布局和文本 467 尝试2 HTML5超链接和多媒体 468 尝试3 HTML5表格和表单 469 尝试4 CSS3结构与定位 470 尝试5 CSS3元素外观样式设计 471 尝试6 CSS3动画 471 尝试7 行为与对象及DOM 472 尝试8 HTML DOM表单数据验证 473 尝试9 HTML5 DOM 473 教材配套视频 06. 查核方式及要求 查核方式为考察,成就为百分制,再折合成优秀、杰出、中等、合格、不合格。

总成就 = 平时成就(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 域名和DNS 1.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 章初识HTML5 2.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 开辟者东西Console 15.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 章DOM 18.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 与CSS 18.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 DOM 20.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 章BOM 21.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 对象。

理解元素巨细与位置的配置。讲授方法 主讲,边演边练,接头互动。返回,检察更多。


本文关键词:博亚体育,Web,前端,项目,开辟,教,与,学,讲授,纲领,教案

本文来源:博亚体育app官网-www.gxcjzk.com