课程参考教学大纲Web前端设计从入门到实战第二版张树明清华大学出版社.docx
《课程参考教学大纲Web前端设计从入门到实战第二版张树明清华大学出版社.docx》由会员分享，可在线阅读，更多相关《课程参考教学大纲Web前端设计从入门到实战第二版张树明清华大学出版社.docx（19页珍藏版）》请在冰豆网上搜索。
课程参考教学大纲Web前端设计从入门到实战第二版张树明清华大学出版社
《Web前端设计基础》教学大纲
适用专业：
计算机科学与技术、软件工程、物联网
课程类别：
专业基础课
课程学时：
建议68学时
课程编号：
课程学分：
一、课程性质
《Web前端设计基础》课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。
二、课程教学目标与基本要求
本课程的教学目标是让学生理解HTML5、CSS3以及JavaScript脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。
本课程教学基本要求是让学生理解Web设计的基本原则、栏目和网站目录结构定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法；掌握JavaScript脚本语言的基本语法，理解对象的概念及使用JavaScript来编写客户端脚本程序。
三、课程内容
其中标记★为难点
第1章Web技术概述
1.1Internet概述
1.1.1理解TCP/IP
1.1.2理解主机和IP地址
1.1.3理解域名和DNS
1.2Web概述
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.4Web标准
1.4.1★掌握Web标准体系
1.4.2了解采用Web标准的优势
1.5浏览器
1.5.1了解浏览器的发展史
1.5.2了解浏览器的内核
1.5.3了解常用浏览器
1.5.4掌握标准浏览器
1.6Web开发工具
1.6.1掌握JetBrainsWebStorm
1.6.2掌握测试和调试环境
第2章初识HTML5
2.1HTML5基础
2.1.1掌握HTML5文档结构
2.1.2掌握元素与标签
2.1.3掌握属性
2.1.4掌握语法规则
2.2WebStorm基础
2.2.1掌握WebStorm基本操作
2.2.2了解WebStorm快捷键
2.3文档结构元素
2.3.1掌握标签
2.3.2掌握
标签
2.3.3掌握
标签
2.4头部元素
2.4.1掌握
标签</p><p>2.4.2★掌握<meta>标签</p><p>2.5为叮叮书店首页添加元信息</p><p>第3章HTML5内容结构与文本</p><p>3.1HTML5结构标签</p><p>3.1.1掌握<header>标签</p><p>3.1.2掌握<main>标签</p><p>3.1.3掌握<nav>标签</p><p>3.1.4掌握<article>标签</p><p>3.1.5掌握<section>标签</p><p>3.1.6掌握<aside>标签</p><p>3.1.7掌握<footer>标签</p><p>3.1.8理解<details>和<summary>标签</p><p>3.1.9★掌握<div>标签</p><p>3.1.10理解<span>标签</p><p>3.2HTML5基础标签</p><p>3.2.1掌握标题</p><p>3.2.2掌握段落</p><p>3.2.3掌握换行符</p><p>3.2.4理解注释</p><p>3.3HTML5格式化标签</p><p>3.3.1理解文本格式化标签</p><p>3.3.2理解引用和术语定义标签</p><p>3.3.3理解HTML5新增格式标签</p><p>3.4HTML5列表</p><p>3.4.1掌握无序列表</p><p>3.4.2掌握有序列表</p><p>3.4.3掌握定义列表</p><p>3.5掌握叮叮书店首页内容结构的建立</p><p>3.5.1分析设计页面内容结构</p><p>3.5.2用HTML5结构标签确定页面内容结构</p><p>3.5.3填加文本内容</p><p>3.5.4在浏览器中预览</p><p>第4章HTML5超连接</p><p>4.1<a>标签</p><p>4.1.1掌握href属性</p><p>4.1.2掌握target属性</p><p>4.1.3掌握使用id属性</p><p>4.2HTML5字符集与颜色</p><p>4.2.1理解HTML5字符集</p><p>4.2.2掌握HTML5字符实体</p><p>4.2.3掌握HTML5颜色</p><p>4.3.4了解HTML5颜色名</p><p>4.3掌握叮叮书店首页超连接的使用</p><p>第5章HTML5多媒体</p><p>5.1HTML5图像</p><p>5.1.1掌握<img>标签</p><p>5.1.2了解<map>标签和<area>标签</p><p>5.1.3理解<figure>标签和<figcaption>标签</p><p>5.2HTML5音视频</p><p>5.2.1掌握HTML5视频</p><p>5.2.2掌握HTML5音频</p><p>5.3了解<embed>标签</p><p>5.4掌握叮叮书店首页图像的使用</p><p>第6章HTML5表格</p><p>6.1表格结构和表格标签</p><p>6.1.1理解表格结构</p><p>6.1.2掌握表格标签</p><p>6.2常用表格标签</p><p>6.2.1掌握<table>标签</p><p>6.2.2掌握<tr>标签</p><p>6.2.3掌握<td>标签</p><p>6.2.4理解<col>标签</p><p>6.2.5了解<thead>、<tbody>和<tfoot>标签</p><p>6.3掌握叮叮书店购物车页面的建立</p><p>第7章HTML5表单</p><p>7.1表单的基本知识</p><p>7.1.1掌握什么是表单</p><p>7.1.2掌握<form>标签</p><p>7.2表单域</p><p>7.2.1掌握<input>标签</p><p>7.2.2掌握<textarea>标签</p><p>7.2.3掌握<label>标签</p><p>7.2.4理解<fieldset>标签</p><p>7.2.5掌握<select>标签</p><p>7.2.6掌握<option>标签</p><p>7.2.7了解<optgroup>标签</p><p>7.2.8掌握<button>标签</p><p>7.2.9理解<datalist>标签</p><p>7.2.10理解<output>标签</p><p>7.3掌握叮叮书店联系我们页面的建立</p><p>7.4掌握为叮叮书店首页添加站内搜索</p><p>第8章CSS基础</p><p>8.1了解CSS概述</p><p>8.2掌握CSS语法</p><p>8.3掌握CSS常用选择器</p><p>8.4★掌握CSS3选择器</p><p>8.5CSS属性</p><p>8.5.1掌握CSS属性</p><p>8.5.2掌握CSS属性值和单位</p><p>8.5.3掌握CSS3属性值和单位</p><p>8.6掌握使用CSS</p><p>8.7掌握媒体查询</p><p>8.8★了解层叠样式</p><p>8.9了解使用Chrome开发者工具检查编辑页面及样式</p><p>第9章页面布局定位</p><p>9.1CSS盒模型</p><p>9.1.1理解CSS盒模型概述</p><p>9.1.2掌握CSS内边距</p><p>9.1.3掌握CSS边框</p><p>9.1.4掌握CSS3边框</p><p>9.1.5掌握CSS外边距</p><p>9.1.6理解CSS轮廓</p><p>9.2CSS布局</p><p>9.2.1★掌握盒模型显示类型</p><p>9.2.2★掌握CSS3伸缩盒布局</p><p>9.2.3理解CSS浮动</p><p>9.2.4掌握可见与溢出</p><p>9.3CSS定位</p><p>9.3.1掌握position属性</p><p>9.3.2掌握z-index属性</p><p>9.4基本布局模板</p><p>9.4.1掌握固定（液态）布局</p><p>9.4.2★掌握弹性伸缩布局（响应式Web设计）</p><p>9.5掌握叮叮书店首页布局样式设计</p><p>第10章元素外观属性</p><p>10.1背景</p><p>10.1.1掌握CSS背景</p><p>10.1.2掌握CSS3背景</p><p>10.1.3掌握CSS3透明度</p><p>10.2字体</p><p>10.2.1掌握指定字体</p><p>10.2.2掌握指定大小</p><p>10.2.3理解字体风格</p><p>10.2.4理解字体粗细</p><p>10.2.5★掌握CSS3服务器端字体</p><p>10.3文本与修饰</p><p>10.3.1掌握文本</p><p>10.3.2掌握修饰</p><p>10.4CSS3文本效果</p><p>10.4.1掌握阴影</p><p>10.4.2理解换行</p><p>10.5掌握CSS3多列</p><p>10.6掌握列表</p><p>10.7理解尺寸</p><p>10.8表格</p><p>10.8.1理解表格属性</p><p>10.8.2掌握表格边框控制</p><p>10.8.3理解改善表格显示效果</p><p>10.8.4叮叮书店购物车页面表格样式设计</p><p>10.9掌握叮叮书店首页外观样式设计</p><p>10.9.1文本</p><p>10.9.2背景</p><p>10.9.3其他细节</p><p>第11章伪类和伪元素</p><p>11.1CSS伪类</p><p>11.1.1掌握超连接伪类</p><p>11.1.2★理解结构性伪类</p><p>11.1.3掌握子元素伪类</p><p>11.1.4掌握UI元素状态伪类</p><p>11.2理解CSS伪元素</p><p>11.3★掌握CSS内容</p><p>第12章CSS3变换、过渡和动画</p><p>12.1掌握变换</p><p>12.2★掌握过渡</p><p>12.3掌握动画</p><p>12.4掌握叮叮书店首页超链接、伪类和动画样式设计</p><p>第13章默认样式和页面内容样式设计</p><p>13.1默认样式</p><p>13.1.1了解HTML默认样式</p><p>13.1.2了解浏览器默认样式</p><p>13.2页面内容样式设计</p><p>13.2.1掌握导航菜单</p><p>13.2.2掌握图文混排</p><p>第14章网站制作流程与发布</p><p>14.1了解网站制作流程</p><p>14.2了解模板</p><p>14.3掌握基于模板建立叮叮书店其他页面</p><p>14.3.1书籍分类（category.html）</p><p>14.3.2特刊降价（specials.html）</p><p>14.3.3联系我们（contact.html）</p><p>14.3.4关于我们（about.html）</p><p>14.3.5详细内容（details.html）</p><p>14.3.6购物车（cart.html）</p><p>14.4网站发布</p><p>14.4.1了解Tomcat服务器安装使用</p><p>14.4.2了解发布</p><p>第15章JavaScript和ECMAScript基础</p><p>15.1JavaScript简介</p><p>15.1.1了解JavaScript历史</p><p>15.1.2理解JavaScript组成</p><p>15.1.3掌握JavaScript使用</p><p>15.1.4掌握JavaScript消息框</p><p>15.1.5了解开发者工具Console</p><p>15.2ECMAScript基础</p><p>15.2.1掌握ECMAScript语法基础</p><p>15.2.2掌握ECMAScript变量</p><p>15.2.3了解ECMAScript关键字和保留字</p><p>15.2.4掌握ECMAScript基本数据类型</p><p>15.2.5掌握ECMAScript类型转换</p><p>15.3掌握ECMAScript运算符</p><p>15.3.1一元运算符</p><p>15.3.2算术运算符</p><p>15.3.3关系运算符</p><p>15.3.4逻辑运算符</p><p>15.3.5其他运算符</p><p>第16章算法和ECMAScript语句</p><p>16.1了解算法</p><p>16.1.1算法的概念</p><p>16.1.2简单算法举例</p><p>16.1.3算法特性</p><p>16.1.4算法与程序</p><p>16.2掌握ECMAScript语句</p><p>16.2.1条件语句</p><p>16.2.2循环语句</p><p>16.2.3break和continue语句</p><p>16.3了解使用WebStorm和GoogleChrome调试JavaScript脚本程序</p><p>16.4掌握使用Sources调试JavaScript脚本程序</p><p>第17章行为与对象</p><p>17.1行为</p><p>17.1.1掌握ECMAScript函数</p><p>17.1.2掌握ECMAScript闭包</p><p>17.1.2★掌握HTML事件</p><p>17.2ECMAScript对象</p><p>17.2.1理解对象</p><p>17.2.2★理解使用对象</p><p>17.2.3掌握ECMAScript引用类型</p><p>17.2.4掌握ECMAScript对象类型</p><p>17.3了解错误处理</p><p>17.4内置对象和本地对象</p><p>17.4.1掌握Math对象</p><p>17.4.2★理解Global全局对象</p><p>17.4.3掌握Array对象</p><p>17.4.4掌握Date对象</p><p>17.5掌握叮叮书店首页显示日期和时间</p><p>第18章DOM</p><p>18.1DOM概述</p><p>18.1.1了解DOM简介</p><p>18.1.2掌握节点的节点树</p><p>18.2DOM对象</p><p>18.2.1理解Node对象</p><p>18.2.2★理解HTMLElement对象</p><p>18.2.3理解HTMLDocument对象</p><p>18.2.4掌握访问节点</p><p>18.3DOM与CSS</p><p>18.3.1理解Style对象</p><p>18.3.2理解CurrentStyle对象</p><p>18.3.3理解StyleSheet对象</p><p>18.4掌握叮叮书店首页图片轮播广告的实现</p><p>第19章HTMLDOM对象和RegExp对象</p><p>19.1HTMLDOM对象</p><p>19.1.1掌握Document对象</p><p>19.1.2掌握Image对象</p><p>19.1.3掌握Anchor对象</p><p>19.1.4★掌握Event对象</p><p>19.1.5掌握Checkbox和Radio对象</p><p>19.1.6理解FileUpload对象</p><p>19.1.7掌握Text和Password对象</p><p>19.1.8理解Textarea对象</p><p>19.1.9掌握Select和Option对象</p><p>19.1.10掌握Submit、Reset和Button对象</p><p>19.1.11掌握Form对象</p><p>19.1.12了解一个小游戏——剪子石头布</p><p>19.2理解RegExp对象</p><p>19.3掌握叮叮书店联系我们页面表单数据验证</p><p>第20章HTML5DOM</p><p>20.1canvas对象</p><p>20.1.1掌握canvas基础</p><p>20.1.2掌握使用路径</p><p>20.1.3掌握绘制文本</p><p>20.1.4掌握绘制图像</p><p>20.2★掌握HTML5拖放</p><p>20.3HTML5数据存储</p><p>20.3.1了解sessionStorage对象</p><p>20.3.2了解localStorage对象</p><p>20.4掌握叮叮书店书籍分类页面拖放图书到购物车</p><p>第21章BOM</p><p>21.1BOM对象</p><p>21.1.1掌握window对象</p><p>21.1.2掌握navigator对象</p><p>21.1.3理解screen对象</p><p>21.1.4理解location对象</p><p>21.1.5理解history对象</p><p>21.2★理解元素大小与位置</p><p>21.3掌握叮叮书店首页浮动广告</p><p>第22章Ajax与JSON</p><p>22.1掌握Ajax</p><p>22.2XMLHttpRequest对象</p><p>22.1.1掌握创建XMLHttpRequest对象</p><p>22.1.2★掌握XMLHttpRequest请求</p><p>22.1.3★掌握XMLHttpRequest响应</p><p>22.3JSON</p><p>22.3.1掌握JSON语法</p><p>22.3.2掌握JSON使用</p><p>第23章jQuery入门</p><p>23.1jQuery基础</p><p>23.1.1了解添加jQuery库</p><p>23.1.2了解jQuery语法</p><p>23.2了解特效和动画</p><p>23.3了解HTML操作</p><p>23.4了解AJAX函数</p><p>23.5了解叮叮书店试读页面的建立</p><p>四、学时分配</p><p>教学周次</p><p>教学内容</p><p>教学环节（学时）</p><p>讲课</p><p>习题</p><p>实验</p><p>上机</p><p>课外</p><p>小计</p><p>1</p><p>第1章Web技术概述</p><p>2</p><p>2</p><p>2</p><p>2</p><p>第2章初识HTML5</p><p>2</p><p>2</p><p>2</p><p>3</p><p>第3章HTML5内容结构与文本</p><p>2</p><p>2</p><p>4</p><p>4</p><p>第4章HTML5超连接</p><p>第5章HTML5多媒体</p><p>2</p><p>2</p><p>2</p><p>5</p><p>第6章HTML5表格</p><p>第7章HTML5表单</p><p>2</p><p>2</p><p>4</p><p>6</p><p>第8章CSS基础</p><p>2</p><p>2</p><p>2</p><p>7</p><p>第9章页面布局定位</p><p>2</p><p>2</p><p>2</p><p>8</p><p>第9章页面布局定位</p><p>2</p><p>2</p><p>4</p><p>9</p><p>第10章元素外观属性</p><p>2</p><p>2</p><p>4</p><p>10</p><p>第11章伪类和伪元素</p><p>2</p><p>2</p><p>2</p><p>11</p><p>第12章CSS3变换、过渡和动画</p><p>2</p><p>2</p><p>4</p><p>12</p><p>第13章页面内容样式设计</p><p>第14章网站制作流程与发布</p><p>2</p><p>2</p><p>2</p><p>13</p><p>第15章ECMAScript基础</p><p>第16章ECMAScript语句</p><p>2</p><p>2</p><p>2</p><p>14</p><p>第17章行为与对象</p><p>2</p><p>2</p><p>4</p><p>15</p><p>第18章DOM</p><p>第19章HTMLDOM对象</p><p>2</p><p>2</p><p>4</p><p>16</p><p>第20章HTML5DOM</p><p>2</p><p>2</p><p>4</p><p>17</p><p>第21章BOM</p><p>第22章Ajax与JSON</p><p>2</p><p>2</p><p>2</p><p>总计</p><p>34</p><p>18</p><p>16</p><p>68</p><p>五、实验安排</p><p>本课程需要安排实验课，以引导学生正确运用所学知识解决实际问题，实验方法和步骤参见教材。</p><p>序号</p><p>教学周次</p><p>实验名称</p><p>类型</p><p>学时</p><p>1</p><p>3</p><p>HTML5内容结构和文本</p><p>综合</p><p>2</p><p>2</p><p>4</p><p>HTML5超连接和多媒体</p><p>综合</p><p>2</p><p>3</p><p>5</p><p>HTML5表格和表单</p><p>综合</p><p>2</p><p>4</p><p>8</p><p>CSS3布局与定位</p><p>综合</p><p>2</p><p>5</p><p>9</p><p>CSS3元素外观样式设计</p><p>综合</p><p>2</p><p>6</p><p>11</p><p>CSS3动画</p><p>综合</p><p>2</p><p>7</p><p>14</p><p>行为与对象及DOM</p><p>综合</p><p>2</p><p>8</p><p>15</p><p>HTMLDOM表单数据验证</p><p>综合</p><p>2</p><p>9</p><p>16</p><p>HTML5DOM</p><p>综合</p><p>2</p><p>六、教材</p><p>《Web前端设计从入门到实战——HTML5、CSS3、JavaScript项目案例开发（第2版）》张树明编著清华大学出版社2019.3</p><p>七、考核方式及要求</p><p>考核方式为考查，成绩为百分制，再折合成优秀、良好、中等、及格、不及格。</p><p>总成绩=平时成绩（45%）+课堂实验（25%）+实验测试（30%）</p><p>平时过程考核标准细则</p><p>预习作业（20%）</p><p>把预习记录和预习思考题及课下作业写在固定笔记本上，每学期批阅4次，每次满分5分。</p><p>评分标准：</p><p>预习记录和预习思考题及课下作业完整并正确。</p><p>（5分）。</p><p>预习记录和预习思考题及课下作业完整但有个别错误。</p><p>（4分）。</p><p>预习记录和预习思考题及课下作业完整但错误较多。</p><p>（3分）。</p><p>预习记录和预习思考题及课下作业不完整但正确。</p><p>（未完成作业）（2分）</p><p>预习记录和预习思考题及课下作业不完整并且有错误。</p><p>（未完成作业）（1分）</p><p>未及时交作业或复制抄袭。</p><p>（0分）</p><p>特别说明：</p><p>如果多人预习作业完全一样，先批阅的按正常评分标准给分，后续批阅的依次降2分，一直到零分。</p><p>学习状态（10%）</p><p>出勤：</p><p>病事假以请假条为准，没有请假条一律视为旷课，没有急特殊情况请假条不允许后补，缺勤一次扣2.5分。</p><p>请假超过4次以上，超过部分不能参加平时过程考核，旷课超过4次以上视为放弃课程考核。</p><p>学习状态：</p><p>学习状态差如迟到、早退、上课吃零食、睡觉、玩游戏等每发现一次扣2分。</p><p>平时测试（15%）</p><p>平时测试共3次，每次5分，按卷面分记载。</p><p>课堂实验（25%）</p><p>课堂实验从所有实验中选取5次记入考核成绩，每次满分5分。</p><p>评分标准：</p><p>完成实验、代码正确，能够在标准浏览器正确显示。</p><p>（5分）。</p><p>完成实验、代码不正确，能够在标准浏览器正确显示。</p><p>（4分）。</p><p>完成实验、代码不正确，不能够在标准浏览器正确显示。</p><p>（3分）。</p><p>未完成实验、代码正确。</p><p>（2分）。</p><p>未完成实验、代码不正确。</p><p>（1分）。</p><p>未提交实验。</p><p>（0分）</p><p>复制抄袭：</p><p>发现抄袭或复制者，第一次记为最低等，也就是零分，第二次直接在期末总成绩中扣减20分。</p><p>实验测试</p><p>在规定时间内（90分钟）完成一个指定形式主页的建立。</p><p>评分标准如下：</p><p>评分项</p><p>分值30分</p><p>文档结构</p><p>3分</p><p>内容填充</p><p>3分</p><p>标准布局</p><p>4分</p><p>导航菜单</p><p>2分</p><p>内容样式</p><p>6分</p><p>脚本代码</p><p>8分</p><p>整体效果</p><p>4分</p><p>教学大纲编写者：</p><p>计算机科学与技术教研室</p><p>执笔人：</p><p>张树明</p><p></p>
</div>
<div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div>
<script>
function showmore()
{
$(".readmore").hide();
$(".detail-article").css({
"height":"auto",
"overflow": "hidden"
});
}
$(document).ready(function() {
var dh = $(".detail-article").height();
if(dh >100)
{
$(".detail-article").css({
"height":"100px",
"overflow": "hidden"
});
}
else
{
$(".readmore").hide();
}
});
</script>
</div>
<script>
var defaultShowPage = parseInt("5");
var id = "4844847";
var total_page = "19";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/4844847.html';
}
function relate() {
var reltop = $('#relate').offset().top-50;
$("html,body").animate({ scrollTop: reltop }, 500);
}
</script>
<script> var pre = "https://file1.bdocx.com/fileroot1/2022-12/10/09041219-2a82-4c83-a5a9-fff339365eaf/09041219-2a82-4c83-a5a9-fff339365eaf";
var freepage = parseInt('19');
var total_c = parseInt('19');
var start = defaultShowPage;
var adcount = 0;
var adindex = 0;
var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;15;16;17;18;";
var end = start;
function ShowSvg() {
end = start + defaultShowPage;
if (end > freepage) end = freepage;
for (var i = start; i < end; i++) {
var imgurl = pre + (i + 1) + '.gif';
var html = "<img src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\" alt=\"课程参考教学大纲Web前端设计从入门到实战第二版张树明清华大学出版社.docx_第" + (i + 1) + "页\" width='100%'/>";
$("#page").append("<div class='page'>" + html + "</div>");
$("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>");
if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1)
{
if(adindex > (adcount-1)) adindex = 0;
$("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>");
document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML;
adindex += 1;
}
}
start = end;
if (start > (freepage - 1)) {
if (start < total_c)
{
$("#pageMore").removeClass("btnmore");
$("#pageMore").html("亲，该文档总共" + total_c + "页，到这儿已超出免费预览范围，如果喜欢就下载吧！");
}
else
{
$("#pageMore").removeClass("btnmore");
$("#pageMore").html("亲，该文档总共" + total_c + "页全部预览完了，如果喜欢就下载吧！");
}
}
}
//$(document).ready(function () {
// ShowSvg();
//});
</script>
<div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
<div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div>
<div id="relatelist" style="padding-left:5px;">
<ul>
<li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848081.html" title="生理学课件全套PPT课件.ppt">生理学课件全套PPT课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848069.html" title="社会心理学(全)金盛华主编ppt课件.ppt">社会心理学(全)金盛华主编ppt课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848055.html" title="螺丝基本知识培训.ppt">螺丝基本知识培训.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847796.html" title="行测-逻辑推理课件.ppt">行测-逻辑推理课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847795.html" title="密封件基础知识.ppt">密封件基础知识.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847794.html" title="曼昆经济学原理第5版宏观PPT全.ppt">曼昆经济学原理第5版宏观PPT全.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847793.html" title="第09章-物料需求计划(MRP)的编制.ppt">第09章-物料需求计划(MRP)的编制.ppt</a>
</li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847537.html" title="2009年江苏造价员考试安装答案(完整版).xls">2009年江苏造价员考试安装答案(完整版).xls</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846274.html" title="中药香囊制作(中药学基础课件).pptx">中药香囊制作(中药学基础课件).pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30846273.html" title="短视频创作实战-短视频内容策划..pptx">短视频创作实战-短视频内容策划..pptx</a>
</li>
</ul>
</div>
</div>
<div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
<div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div>
<div id="relatelist" style="padding-left:5px;">
<ul>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825832.html" target="_parent" title="造句晚上.docx">造句晚上.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825833.html" target="_parent" title="证券投资学练习及答案3.docx">证券投资学练习及答案3.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825834.html" target="_parent" title="以色彩为话题的作文.docx">以色彩为话题的作文.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825835.html" target="_parent" title="住房公积金异地购房直贷实施方案.docx">住房公积金异地购房直贷实施方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825836.html" target="_parent" title="最新版统编版二年级语文上册课内阅读专项复习题及答案.docx">最新版统编版二年级语文上册课内阅读专项复习题及答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825837.html" target="_parent" title="常用正交表对照图.docx">常用正交表对照图.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825838.html" target="_parent" title="初中信息技术学业水平考试样题及答案.docx">初中信息技术学业水平考试样题及答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825839.html" target="_parent" title="春季学期五年级英语下册作业.docx">春季学期五年级英语下册作业.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/4825840.html" target="_parent" title="最新一年级数学下册100以内加减法口算练习题一1.docx">最新一年级数学下册100以内加减法口算练习题一1.docx</a></li>
</ul>
</div>
</div>
<div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;">
相关搜索</div>
<div class="widget-box pt0" style="border: none; padding:0px 5px;">
<ul class="taglist--inline multi">
<li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%af%be%e7%a8%8b">课程</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%8f%82%e8%80%83">参考</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%95%99%e5%ad%a6%e5%a4%a7%e7%ba%b2">教学大纲</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=Web">Web</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%89%8d%e7%ab%af">前端</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%ae%be%e8%ae%a1">设计</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%85%a5%e9%97%a8">入门</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%ae%9e%e6%88%98">实战</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ac%ac%e4%ba%8c">第二</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%89%88%e5%bc%a0%e6%a0%91">版张树</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%98%8e%e6%b8%85">明清</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%a4%a7%e5%ad%a6%e5%87%ba%e7%89%88%e7%a4%be">大学出版社</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00009.html">求职职场</a><span> > </span><a href="https://m.bdocx.com/booklist-0000900001.html">简历</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=oJkBtKBdyAo%3d&parto=n9P3jUbD7AspR3Mq2wS1EjXWEz%2f%2bw1QZJzL0pCncKXu0HEcT4YqWBNt2enb%2faOzcmbMt1PaIThxQK0jpI3DDw%2fxhYq2pI0%2bJD2CCaC3v8xbegbiZoQZDMTgWMKUOIQuhL9EqA7zQDyPxaehkmppTd3jObOP84HeesgrnMVmz43l6t95xx2xYzVuorOHVWMySJK4IHTzM%2biNC%2b%2bqAGbyi4rMDRhpO%2bn8J" frameborder="0" style="width: 0px; height: 0px">
</iframe>
</div>
<span id="LabelScript"></span>
<script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script>
</form>
<div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">
<div class="siteInner">
<p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();</script><script>(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)</script>
</div>
</div>
<div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
<div class="trlogoside" id="navlogo" style="display: none;">
<a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a>
<div class="trnavclose" id="navclose">
<span></span>
</div>
</div>
<div class="navcontainer">
<div class="row">
<ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;">
<li><a target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li>
<li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li>
<li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li>
<li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li>
<li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li>
<li><a target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
function stopPropagation(e) {
var ev = e || window.event;
if (ev.stopPropagation) {
ev.stopPropagation();
}
else if (window.event) {
window.event.cancelBubble = true;//兼容IE
}
}
$("#navmore").click(function (e) {
$("#navcontent").show();
$("#navlogo").show();
stopPropagation(e);
var navcontentwidth = $("#navcontent").width();
$('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
$("#navcontent").show().animate({ "right": 0 }, 300);
});
$(document).bind('click', function () {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
$("#navcontent").click(function (e) {
stopPropagation(e);
});
$("#navclose").click(function (e) {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
</script>
<script>
function BaseShare(title, desc, imgUrl) {
var link = "https://m.bdocx.com/doc/4844847.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719780900', // 必填，生成签名的时间戳
nonceStr: '39461A19E9EDDFB385EA76B26521EA48', // 必填，生成签名的随机串
signature: '1661d760e3fb18204434fe672e755c3e2c894fca',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
function BaseShare(title, desc, imgUrl, link) {
if (link=="")
link = "https://m.bdocx.com/doc/4844847.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719780900', // 必填，生成签名的时间戳
nonceStr: '39461A19E9EDDFB385EA76B26521EA48', // 必填，生成签名的随机串
signature: '1661d760e3fb18204434fe672e755c3e2c894fca',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
</script>
<script>
$(document).ready(function () {
var arr = $(".headercontent");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://m.bdocx.com/header.aspx";
$.get(url + "?t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
});
</script>
<script src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>