《Web 前端设计与开发》课程单元教学设计.docx
《《Web 前端设计与开发》课程单元教学设计.docx》由会员分享，可在线阅读，更多相关《《Web 前端设计与开发》课程单元教学设计.docx（46页珍藏版）》请在冰豆网上搜索。
《Web前端设计与开发》课程单元教学设计
Web前端设计与开发精品资源共享课
《Web前端设计与开发》
课程单元教学设计
（2019～2020学年第2学期）
单元名称：
“红色沂蒙”旅游网首页制作
所属系部：
信息工程学院
制定人：
XXX
合作人：
制定时间：
2020年6月
1
Web前端设计与开发精品资源共享课
Web前端设计与开发课程单元教学设计
单元教学学时
2
单元标题：
需求分析与页面布局
在整体设计中的位置
第3次
授课
18计应教学1班
上课
上课地点
J06-101
班级
时间
能力目标
知识目标
素质目标
能够科学搭建网站框架；
了解网页的基本构成要
感受和理解红色文化，激
教学
能够UI设计图进行网页布
目标
素及主要元素；
发学生的爱国热情；
局；
了解HTML的文档结构；
养成善于思考、深入研究
能够通过设置头部标签提高
掌握网页布局的方法
的良好自主学习的习惯
网页搜索的命中率
能力
任务1.
创建“红色沂蒙”网站
训练
任务2.
搭建网站结构
任务
任务3.
布局“红色沂蒙”旅游网首页
本次
网站：
Website
网页：
Webpage
课使
首页：
HomePage
栏目：
column
用的
风格：
style
关键字：
keyword
外语
设计：
design
需求分析：
demandanalysis
单词
案例1.
“红色沂蒙”旅游网效果图
参考资料：
案例
1.网页设计与制作项目教程（HTML+CSS+JavaScript）黑马程序员；
和
2.国家职业教育软件技术专业教学资源库资源：
教材、课件、实训项目单、授课录
教学
材料
像、案例库、教学网站等
2
Web前端设计与开发精品资源共享课
单元教学进度设计
步骤
教学内容及能力
教师活动
学生活动
时间
/知识目标
（分钟）
复习
Web前端工程师需要具备的
提问，引起思考
回答，深化认知
5
回顾
素质有哪些？
巍巍蒙山高，清清沂水长。
八
百里沂蒙，乡乡有红嫂，村村
有烈士。
沂蒙的山山水水，见
证了抗日战争、解放战争中沂
蒙人民做出的巨大贡献，见证
了党同人民、军队与老百姓同
视频播放：
临沂
观看视频，引起
情境
心同向、血肉相连的伟大历
城市形象宣传片
强烈的共鸣，激
5
导入
史。
《红色沂蒙，真
发理想信念，引
这就是临沂。
情临沂》。
发学习兴趣
通过宣传，可以让更多的人认
识临沂，感受到沂蒙精神。
同
学们，发挥我们的专业优势，
将沂蒙精神深植在每一个人
的内心吧！
根据UI设计师提供的效果图
和素材进行页面布局
1.选择开发环境
认识常用开发环境：
Dreamweaver、HBuilder、
VSCode
2.网站/项目的框架组成
教师提供6
个效
3.文件类型的区分
果图，每1
小组
学生领取任务，
Html文件、css文件、js
任务
领取1个效果图
并对任务进行讨
文件
作为任务
论分析
10
分析
4.HTML文件的创建
师生共同讨论出
填写任务单中的
HTML文档的格式
完成任务所需的
项目分析
HTML标记及属性
知识和技能
HTML文档头部相关标记
标记</p><p><meta/>标记</p><p><link>标记</p><p><style>标记</p><p>5.DIV标记布局页面</p><p>区块容器标记div</p><p> </p><p>3</p><p>Web前端设计与开发精品资源共享课</p><p>按照任务单完成</p><p>1.创建项目/网站</p><p>教师点拨知识</p><p>项目/网站结构</p><p>创建文件夹</p><p>点：</p><p>的搭建</p><p>任务</p><p>创建项目</p><p>网站和网页及首</p><p>通过UI设计图</p><p>2.搭建项目/网站结构</p><p>页</p><p>制作图片素材</p><p>25</p><p>实施</p><p>3.准备网页素材</p><p>HTML标记的类型</p><p>通过网络等途径</p><p>4.新建网站主页</p><p>HTML头部标记</p><p>搜集文本素材</p><p>5.布局页面</p><p>DIV标记</p><p>创建网站主页并</p><p>布局</p><p>小组</p><p>“红色沂蒙”旅游网页面布局</p><p>组织小组代表进</p><p>小组间评价</p><p>10</p><p>汇报</p><p>汇报</p><p>行汇报</p><p>对各小组作品进</p><p>教师</p><p>“红色沂蒙”旅游网页面布局</p><p>行点评</p><p>根据优缺点进行</p><p>20</p><p>点评</p><p>优缺点分析</p><p>点明头部标记的</p><p>改进</p><p>作用</p><p>重点：</p><p>HTML标记、标记的属</p><p>性。</p><p>易错点：</p><p>注意区分单标记与双</p><p>考核训练任务</p><p>标记。</p><p>上传课堂任务</p><p>总结课堂内容</p><p>课堂</p><p>带领学生对“认识HTML”知识</p><p>填写课堂评价表</p><p>填写课堂评价表</p><p>10</p><p>总结</p><p>点进行回顾。</p><p>以此使学生更熟</p><p>（学生用）进行</p><p>练地掌握“HTML文档基本格</p><p>对学生本次课的</p><p>自我评价</p><p>表现进行评价</p><p>式、HTML标记、标记的属性、</p><p>HTML文档头部相关标记”等</p><p>知识点。</p><p>拓展</p><p>“红色沂蒙”旅游网头部标记</p><p>提高网页搜索的</p><p>改进网页</p><p>5</p><p>提高</p><p>的优化</p><p>命中几率</p><p>通过补充案例：</p><p>“美丽中国”网页加强学习</p><p>教师分发测试题目及案例素材给学生，对于掌握较好的同学，可以通过补充案例</p><p>作业</p><p>对相关知识点进行巩固。</p><p>完成课后“动手实践”，并扫描二维码查看答案。</p><p>登陆课程网站完成本次课课后选择题</p><p>登陆课程网站完成预习任务</p><p>贯彻课程思政意识，将红色精神贯穿到整个项目中，通过项目化教学，创设真实工</p><p>课后</p><p>作情境，充分调动了学生学习的积极性，提高了他们的参与意识，并且通过小组间</p><p>体会</p><p>的竞赛增强了他们的竞争意思和团结协作的精神，在完成任务的同时，注重了综合</p><p>素质的培养。</p><p>4</p><p>Web前端设计与开发精品资源共享课</p><p> </p><p>Web前端设计与开发课程单元教学设计</p><p>单元教学学时</p><p>2</p><p>单元标题：</p><p>头部模块的制作</p><p>在整体设计中的位置</p><p>第4次</p><p>授课</p><p>18计应教学1班</p><p>上课</p><p>上课地点</p><p>J06-101</p><p>班级</p><p>时间</p><p>能力目标</p><p>知识目标</p><p>素质目标</p><p>能够正确使用img标记在网</p><p>掌握img标记的用法</p><p>感受和理解红色文化，激</p><p>教学</p><p>页中显示图片；</p><p>目标</p><p>掌握p标记的用法</p><p>发学生的爱国热情；</p><p>能够使用段落标记和文本控</p><p>区分绝对路径和相对路</p><p>养成善于思考、深入研究</p><p>制标记按照效果图的要求显</p><p>径</p><p>的良好自主学习的习惯</p><p>示特殊样式的文本</p><p>能力</p><p>训练</p><p>设计制作“红色沂蒙”旅游网头部模块</p><p>任务</p><p>本次</p><p>Image：</p><p>图像</p><p>auto:</p><p>自动</p><p>P:</p><p>段落</p><p>src:</p><p>源</p><p>课使</p><p>用的</p><p>Style：</p><p>样式</p><p>align：</p><p>对齐方式</p><p>外语</p><p>Width：</p><p>宽度</p><p>alt：</p><p>替换</p><p>单词</p><p>Margin：</p><p>边距</p><p>案例1.“红色沂蒙”旅游网效果图</p><p>参考资料：</p><p>案例</p><p>1.网页设计与制作项目教程（HTML+CSS+JavaScript）黑马程序员；</p><p>和</p><p>2.国家职业教育软件技术专业教学资源库资源：</p><p>教材、课件、实训项目单、授课录</p><p>教学</p><p>材料</p><p>像、案例库、教学网站等</p><p> </p><p>5</p><p>Web前端设计与开发精品资源共享课</p><p>单元教学进度设计</p><p>步骤</p><p>教学内容及能力</p><p>教师活动</p><p>学生活动</p><p>时间</p><p>/知识目标</p><p>（分钟）</p><p>抛出以下问题让</p><p>学生回答，以复</p><p>习上节课内容</p><p>1.在HTML标记中，主要分为</p><p>教师可根据学生</p><p>复习</p><p>单标记和双标记两种。</p><p>那么，</p><p>对上述问题的回</p><p>学生：</p><p>思考</p><p>什么是“单标记”呢？</p><p>答情况，对以上</p><p>交流互动</p><p>5</p><p>回顾</p><p>2、如何设置段落标记<p>的对</p><p>问题进行简单讲</p><p>记录笔记</p><p>齐属性？</p><p>解或直接进入本</p><p>课时新内容的学</p><p>习。</p><p>“红色沂蒙”旅游网页面布局</p><p>好了，下面的工作就是向每一</p><p>任务</p><p>个框架中填充内容了，请大家</p><p>展示UI效果图</p><p>思考，进入任务</p><p>5</p><p>导入</p><p>观察UI效果图，头部模块主</p><p>情境</p><p>要包含哪些元素？</p><p>我们应该</p><p>如何在网页中实现它？</p><p>头部模块主要包含有三大部</p><p>师生共同观察讨</p><p>学生领取任务，</p><p>分：</p><p>logo、背景、和右上角导</p><p>论网页的构成要</p><p>任务</p><p>并对任务进行讨</p><p>航。</p><p>素，分解任务，得</p><p>10</p><p>分析</p><p>其中logo和背景为图片元</p><p>出完成任务所需</p><p>论分析</p><p>填写任务单</p><p>素，导航为文本元素</p><p>要掌握的知识点</p><p>1.准备素材</p><p>2.添加logo图片</p><p>学习相对路径和绝对路径</p><p>通过UI设计图</p><p>的概念</p><p>制作图片素材</p><p>任务</p><p>学习img标签</p><p>教师点拨知识点</p><p>通过网络等途径</p><p>25</p><p>实施</p><p>Img标签的常用属性</p><p>搜集文本素材</p><p>3.添加头部背景图片</p><p>完成模块的设计</p><p>4.添加文字素材</p><p>学习段落标记的使用</p><p>学习转义字符的使用</p><p>小组</p><p>“红色沂蒙”旅游网头部模块</p><p>组织小组代表进</p><p>小组间评价</p><p>10</p><p>汇报</p><p>的设计汇报</p><p>行汇报</p><p> </p><p>6</p><p>Web前端设计与开发精品资源共享课</p><p> </p><p>对各小组作品进</p><p>教师</p><p>“红色沂蒙”旅游网头部模块</p><p>行点评</p><p>根据优缺点进行</p><p>20</p><p>点评</p><p>设计优缺点分析</p><p>点明头部标记的</p><p>改进</p><p>作用</p><p>重点：</p><p>图像和段落标记。</p><p>学完本课时后，带领学生对</p><p>考核训练任务</p><p>上传课堂任务</p><p>“认识HTML”知识点进行回</p><p>总结课堂内容</p><p>课堂</p><p>填写课堂评价表</p><p>顾，以此使学生更熟练地掌握</p><p>填写课堂评价表</p><p>10</p><p>总结</p><p>“图像标记、段落标记、文本</p><p>对学生本次课的</p><p>（学生用）进行</p><p>自我评价</p><p>控制标记、相对路径和绝对路</p><p>表现进行评价</p><p>径”等知识点。</p><p>拓展</p><p>“红色沂蒙”旅游网头部标记</p><p>提高网页搜索的</p><p>改进网页</p><p>5</p><p>提高</p><p>的优化</p><p>命中几率</p><p>技能训练对“美丽中国”头部模块进行设计</p><p>教师分发测试题目及案例素材给学生，对于掌握较好的同学，可以通过补充案例</p><p>作业</p><p>对相关知识点进行巩固。</p><p>完成课后“动手实践”，并扫描二维码查看答案。</p><p>登陆课程网站完成本次课课后选择题</p><p>登陆课程网站完成预习任务</p><p>课后</p><p>本次课采用了项目教学法和任务驱动教学法，采用了翻转课堂和线上线下相结合</p><p>的方式，缩短了课堂教学时间，留出更多时间给学生练习，基本完成教学任务，</p><p>体会</p><p>达成教学目标，教学效果较好。</p><p> </p><p>7</p><p>Web前端设计与开发精品资源共享课</p><p> </p><p>Web前端设计与开发课程单元教学设计</p><p>单元教学学时</p><p>2</p><p>单元标题：</p><p>导航模块的制作</p><p>在整体设计中的位置</p><p>第5次</p><p>授课</p><p>18计应教学1班</p><p>上课</p><p>上课地点</p><p>J06-101</p><p>班级</p><p>时间</p><p>能力目标</p><p>知识目标</p><p>素质目标</p><p>教学</p><p>能够正确使用文本控制标</p><p>掌握文本控制标记的用</p><p>感受和理解红色文化，激</p><p>目标</p><p>记；</p><p>法</p><p>发学生的爱国热情；</p><p>能够按照效果图的要求显示</p><p>掌握文本格式化标记的</p><p>养成善于思考、深入研究</p><p>特殊样式的文本</p><p>用法</p><p>的良好自主学习的习惯</p><p>能力</p><p>训练</p><p>设计制作“红色沂蒙”旅游网导航模块</p><p>任务</p><p>本次</p><p>Navigator：</p><p>导航</p><p>b：</p><p>加粗标记</p><p>Font：</p><p>字体</p><p>strong：</p><p>粗体</p><p>课使</p><p>用的</p><p>Size：</p><p>大小</p><p>em：</p><p>倾斜标记</p><p>外语</p><p>Color：</p><p>颜色</p><p>del：</p><p>删除线标记</p><p>单词</p><p>Center：</p><p>居中</p><p>ins：</p><p>下划线标记</p><p>案例1.“红色沂蒙”旅游网效果图</p><p>参考资料：</p><p>案例</p><p>1.网页设计与制作项目教程（HTML+CSS+JavaScript）黑马程序员；</p><p>和</p><p>2.国家职业教育软件技术专业教学资源库资源：</p><p>教材、课件、实训项目单、授课录</p><p>教学</p><p>材料</p><p>像、案例库、教学网站等</p><p> </p><p>8</p><p>Web前端设计与开发精品资源共享课</p><p>单元教学进度设计</p><p>步骤</p><p>教学内容及能力</p><p>教师活动</p><p>学生活动</p><p>时间</p><p>/知识目标</p><p>（分钟）</p><p>抛出以下问题让</p><p>学生回答，以复</p><p>习上节课内容</p><p>教师可根据学生</p><p>复习</p><p>在网页中使用何种方法保证</p><p>对上述问题的回</p><p>学生：</p><p>思考</p><p>网站移动之后网页还能正常</p><p>答情况，对以上</p><p>交流互动</p><p>5</p><p>回顾</p><p>显示？</p><p>问题进行简单讲</p><p>记录笔记</p><p>解或直接进入本</p><p>课时新内容的学</p><p>习。</p><p>“红色沂蒙”旅游网头部模块</p><p>任务</p><p>已经制作完成。</p><p>在网页中，导</p><p>思考，进入任务</p><p>航也是网页不可缺少的元素，</p><p>展示UI效果图</p><p>5</p><p>导入</p><p>这节课我们根据效果图来制</p><p>情境</p><p>作导航模块。</p><p>导航模块主要由文字元素组</p><p>成。</p><p>要求：</p><p>师生共同观察讨</p><p>学生领取任务，</p><p>头部模块和导航模块用分割</p><p>论网页的构成要</p><p>任务</p><p>并对任务进行讨</p><p>导航文字字体要求</p><p>素，分解任务，得</p><p>10</p><p>分析</p><p>文字样式要求</p><p>出完成任务所需</p><p>论分析</p><p>填写任务单</p><p>文字大小要求</p><p>要掌握的知识点</p><p>文字颜色要求</p><p>文字背景颜色要求</p><p>1.设置水平线</p><p>按照任务单完成</p><p>2.添加导航文字</p><p>项目/网站结构</p><p>3.设置导航文字间隔</p><p>的搭建</p><p>任务</p><p>4.设置文字字体</p><p>教师点拨知识点</p><p>通过UI设计图</p><p>5.设置文字字号</p><p>制作图片素材</p><p>25</p><p>实施</p><p>6.设置文字颜色</p><p>通过网络等途径</p><p>7.设置文字样式</p><p>搜集素材，完成</p><p>8.设置背景颜色</p><p>导航模块的设计</p><p>9.设置特殊字符</p><p>与制作</p><p>小组</p><p>“红色沂蒙”旅游网导航模块</p><p>组织小组代表进</p><p>小组间评价</p><p>10</p><p>汇报</p><p>的设计汇报</p><p>行汇报</p><p>9</p><p>Web前端设计与开发精品资源共享课</p><p> </p><p>对各小组作品进</p>
</div>
<div class="page_view" id="pageContainer" oncontextmenu="return false">
<!--end documenttopic-->
</div>
<div id="outer_page_more" style="margin-bottom:20px;background-color:#FFF; border:solid 1px #ccc; box-shadow:none; ">
<div class="inner_page_more" id="page_more" style="width: 920px; overflow:hidden; line-height: 30px;">
<div id="html-reader-go-more" class="banner-wrap more-btn-banner" style="padding: 30px 0px;
width: 920px; position:relative;">
<div id="loading" style="text-align:center;width: 920px; padding-bottom:100px; font-size: 18px; line-height:40px;">
<img src="https://static.bdocx.com/images/loading.gif" alt="加载" /><br />
文档加载中……请稍候！<br />
<a rel="nofollow" href="https://www.bdocx.com/doc/10260459.html" style="color:blue;text-decoration:underline;">如果长时间未打开，您也可以点击刷新试试。</a>
</div>
<p style="text-align: center; font-size: 18px;">
<span id="ftip">下载文档到电脑，查找使用更方便</span>
</p>
<!--
<p style="text-align: center; font-size: 14px;">
<b></b><span><b style="color: #ff0000">3</b>
金币</span></p>
-->
<p style="text-align: center; padding-top: 15px;">
<table style="margin:0px auto;"><tr><td>
<a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/10260459.html" class="ui-bz-btn-senior banner-download"
style="padding: 5px 35px; font-size: 15px; text-decoration: none"><b
style="color: #fff">下载</b></a></td><td> <a rel="nofollow" target="_blank" href="https://www.bdocx.com/UserManage/Recharge.aspx?f=0&d=10260459" class="ui-bz-btn-senior2 banner-download"
style="padding: 5px 35px; font-size: 15px; text-decoration: none"><b
style="color: #fff">加入VIP,免费下载</b></a></td></tr>
</table>
</p>
<p id="ntip" style="text-align: center; padding-top: 30px;">
<div id="ntip" class="banner-more-btn"
style="text-align: center; width: 250px; display:block; margin:20px auto;" onclick="showmorepage()">
<span class="moreBtn goBtn" style="text-align: center"><span>还剩<span id="spanpage"></span>页未读，</span><span
class="fc2e">继续阅读</span></span><p class="down-arrow goBtn"></p>
</div>
</div>
</div>
</div>
<div class="works-manage-box shenshu">
<a rel="nofollow" href="javascript:jubao()" title="举报" class="fLeft works-manage-item works-manage-report">
<span class="inline-block ico ">
<img src="https://static.bdocx.com/images/jubao.jpg" alt="举报"></span>
<br>
举报</a>
<a rel="nofollow" href="https://www.bdocx.com/UserManage/CopyrightAppeal.aspx?bid=10260459" title="版权申诉" class="fLeft works-manage-item works-manage-report" target="_blank"
<span class="inline-block ico"> <img src="https://static.bdocx.com/images/bang_tan.gif" width="18" alt="版权申诉"></span>
<br>
版权申诉</a>
<a rel="nofollow" class="fLeft" style="display:block; padding-top:17px; padding-left:20px;font-size:14px;">
word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！
</a>
<a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/10260459.html" title="点击进入下载" class="fr hover-none works-manage-download">
<em class="mr5">立即下载</em><span class="download-ico2 ico inline-block vertical-middle"></span></a>
<input type="hidden" value="1332" id="tu_id">
</div>
<dl class="works-intro gray2 cl pb10" style="border-bottom: none; padding-bottom: 0">
<dt class="fl">配套讲稿：</dt><dd class="fl wordwrap" style="color:#666666"><p>如PPT文件的首页显示<font color="#FF0000">word图标</font>，表示该PPT已包<font color="#FF0000">含配套word讲稿</font>。双击word图标可打开word文档。
</p></dd>
<dt class="fl">特殊限制：</dt><dd class="fl wordwrap" style="color:#666666"><p>部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。</p></dd>
<dt class="fl">关 键 词：</dt><dd class="fl wordwrap">
Web 前端设计与开发
Web
前端设计与开发课程单元教学设计
Web
前端
设计
开发
课程
单元
教学
</dd>
</dl>
<div class="works-intro gray2 c666">
<span class=" notice-ico">
<img alt="提示" src="https://static.bdocx.com/images/bang_tan.gif" style="padding-left: 24px; vertical-align: middle"></span>
冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
</div>
<!--ta的资源-->
<div class="mt10 related-pic-box" id="brandlist" style="height: 450px;">
<div class="works-comment-hd">
该用户的其他资源 <a rel="nofollow" href="https://www.bdocx.com/user/251.html" class="fr" style="font-size: 12px;
font-weight: normal" hidefocus="true" target="_blank">更多>></a></div>
<div id="related-pic-list" class="related-pic-list cl" style="padding-left:12px; padding-right:0px;">
<ul>
<li><h3><a href="https://www.bdocx.com/doc/8531597.html" target="_parent" title="《Java程序设计》考试大纲及样题试行.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/af049ae2-0f39-46ba-ad19-ff66a18296b0/4e48403067294764af0866270537dfb1.gif'
alt="《Java程序设计》考试大纲及样题试行.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《Java程序设计》考试大纲及样题试行.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531688.html" target="_parent" title="《工业企业管理》自学任务书.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/c015a451-a132-4cfe-bd39-e6bd21d238f9/ddec78cd42cf4bb79b4225094bca5e1e.gif'
alt="《工业企业管理》自学任务书.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《工业企业管理》自学任务书.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531700.html" target="_parent" title="《短歌行》原文翻译及赏析.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/eccbd579-a572-413d-9568-05ceebf38265/349d969826e24040ac24e2669d9dfccf.gif'
alt="《短歌行》原文翻译及赏析.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《短歌行》原文翻译及赏析.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531709.html" target="_parent" title="《跳水》教案3.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/efe0dcbf-b893-4fd3-87e6-fe323db685ae/77cbf97955454980b4fbbe8adbee715a.gif'
alt="《跳水》教案3.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《跳水》教案3.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531774.html" target="_parent" title="《基于MATLAB的信号与系统实验指导》编程练习.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/80e03399-d397-4610-b9e9-1eace0d6b369/cabd94d1e4dd43eea84661d38b3bfd05.gif'
alt="《基于MATLAB的信号与系统实验指导》编程练习.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《基于MATLAB的信号与系统实验指导》编程练习.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531861.html" target="_parent" title="《你是最棒的》教学设计.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/3a2e9b25-1bc2-44f3-9441-d5f5357912c0/11d038d43ea04eb783fb6030677f76f0.gif'
alt="《你是最棒的》教学设计.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《你是最棒的》教学设计.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531911.html" target="_parent" title="《选修4化学反应原理》知识点总结整理超全.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/23c867e3-6eac-496b-980d-06e8131e10f5/2f5772e272aa48cbbe2bed05b2da18b1.gif'
alt="《选修4化学反应原理》知识点总结整理超全.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《选修4化学反应原理》知识点总结整理超全.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531964.html" target="_parent" title="2环境应急监测试题资料.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/c19ab869-2a2f-44e2-b7dc-2284acda61e5/d0d28275ea0844cb850c8083482adccf.gif'
alt="2环境应急监测试题资料.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
2环境应急监测试题资料.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8531974.html" target="_parent" title="《自动化仪表工程施工及验收规范》GB50093仪表安装检验批.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/bb9059ab-185f-4c01-b44b-649c19062c1d/7d823fc5ed324712a18f09a371bbc58b.gif'
alt="《自动化仪表工程施工及验收规范》GB50093仪表安装检验批.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《自动化仪表工程施工及验收规范》GB50093仪表安装检验批.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532197.html" target="_parent" title="09年法律硕士民法预热辅导第2102讲完整篇doc.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/9b002082-88e0-4e6f-8496-40a9ca6fbf24/d3432e6c9bcc4a3d9b2107a8e5d58311.gif'
alt="09年法律硕士民法预热辅导第2102讲完整篇doc.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
09年法律硕士民法预热辅导第2102讲完整篇doc.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532222.html" target="_parent" title="6阅读能力阅读方法指什么.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/2ffe43cc-4462-4d54-8760-4fe3db81695c/7246435bbb1744d68bb56424e1f483ed.gif'
alt="6阅读能力阅读方法指什么.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
6阅读能力阅读方法指什么.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532323.html" target="_parent" title="《豆蔻镇的居民和强盗》读后感.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/6b5593d5-f27a-4977-bfdb-28583f381130/794450c5885942409a48bd88f4f54130.gif'
alt="《豆蔻镇的居民和强盗》读后感.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《豆蔻镇的居民和强盗》读后感.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532379.html" target="_parent" title="CMYK色值参考.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/a9940186-81fe-4428-9c3f-6c432e94845b/2cadd94b6807422799872cf6c643b884.gif'
alt="CMYK色值参考.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
CMYK色值参考.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532380.html" target="_parent" title="3121护理查对制度.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/9d965d66-6171-4d05-9363-69fb6a48a6f0/602fb6a808a64218b17796ba99c496d8.gif'
alt="3121护理查对制度.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
3121护理查对制度.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532428.html" target="_parent" title="《草莓》课堂教学课件5篇.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/7f6f8bb3-0f45-457a-9fb2-d22a4edc9eba/bd4eccfb2e134b3f8429fce4cf5f1550.gif'
alt="《草莓》课堂教学课件5篇.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《草莓》课堂教学课件5篇.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532451.html" target="_parent" title="CCNA完整知识点.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/cbc15241-625d-4813-9d5a-16dca04f8d56/57b8be9ae6c34b68a619861bab2010d8.gif'
alt="CCNA完整知识点.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
CCNA完整知识点.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532463.html" target="_parent" title="《合理安排时间》说课稿.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/600157e0-1f2a-4525-9613-4b015ea0fb59/278d776b02c84fea87d08dfc82f1c849.gif'
alt="《合理安排时间》说课稿.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《合理安排时间》说课稿.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532580.html" target="_parent" title="18我的伯父鲁迅先生.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/1849b17c-8278-458b-97ab-fd13dfb4f3ba/dca16970aa794538b4a2bf9d16aadf33.gif'
alt="18我的伯父鲁迅先生.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
18我的伯父鲁迅先生.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532606.html" target="_parent" title="3dmax授课计划doc.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/9caf7c3d-bac9-4509-98c5-f1f4a45e778b/ffc315d3e5944cf5a4e628564abdeafa.gif'
alt="3dmax授课计划doc.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
3dmax授课计划doc.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532614.html" target="_parent" title="《中共中央国务院关于加快推进生态文明建设的意见》.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/64b36adb-c3f6-4f94-91b2-f19c7c12689e/305866778384483196d18a2a469e8118.gif'
alt="《中共中央国务院关于加快推进生态文明建设的意见》.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《中共中央国务院关于加快推进生态文明建设的意见》.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532623.html" target="_parent" title="《永生的眼睛》练习题附答案.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/7e658e6b-9988-48f7-9b27-0d610d09b6ee/21670b8eaa424e6f82007a29f50a2c1d.gif'
alt="《永生的眼睛》练习题附答案.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《永生的眼睛》练习题附答案.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532659.html" target="_parent" title="flow3d官方培训教程中的实例中文说明.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/457b0b59-579f-4aa4-8db7-63fdcad6057c/cb89edf404754742bdde5384b03ed20f.gif'
alt="flow3d官方培训教程中的实例中文说明.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
flow3d官方培训教程中的实例中文说明.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532684.html" target="_parent" title="《宪法》《监察法》应知应会100题含答案.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/a4cb10aa-bc77-4c91-b0d3-3ff1306baba2/c1de95331b4d4cb18a02dcbf80720425.gif'
alt="《宪法》《监察法》应知应会100题含答案.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《宪法》《监察法》应知应会100题含答案.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532692.html" target="_parent" title="EMS基础知识综合练习复习资料.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/46f18e00-e402-4de8-b8e1-34624d49425f/ba859550b5e4442aa2c01883434fd778.gif'
alt="EMS基础知识综合练习复习资料.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
EMS基础知识综合练习复习资料.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532704.html" target="_parent" title="100以内退位减法500道带竖式空间可直接打印.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/1c22b636-5636-4c5b-aa64-cd7060fe7630/472a8fea57f04bce8038c2c542fe5c93.gif'
alt="100以内退位减法500道带竖式空间可直接打印.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
100以内退位减法500道带竖式空间可直接打印.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532760.html" target="_parent" title="207声屏障施工组织设计.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/d875a945-9667-430b-a838-e524d41dee4c/97f27defc43f40f595507d40634ea9f5.gif'
alt="207声屏障施工组织设计.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
207声屏障施工组织设计.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532767.html" target="_parent" title="30个科学小常识教学提纲.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/b4010aa3-bd06-41ea-8b81-61207e722cfa/1e0e6b4b46ad492a8d69d05ccafe1e6e.gif'
alt="30个科学小常识教学提纲.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
30个科学小常识教学提纲.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532825.html" target="_parent" title="JGJ59建筑施工安全检查标准评分表全套.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/f5856307-0f8e-454e-9363-f4b234728471/00b733847d5449c3917ed3da9b258ba9.gif'
alt="JGJ59建筑施工安全检查标准评分表全套.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
JGJ59建筑施工安全检查标准评分表全套.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532827.html" target="_parent" title="12幼儿园保育员培训活动记录表.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/bc3e69b8-c777-4804-b2e2-de7870dd70f9/fcbc26105f174900bf11b7de38b3d3d4.gif'
alt="12幼儿园保育员培训活动记录表.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
12幼儿园保育员培训活动记录表.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8532945.html" target="_parent" title="minecraft匠魂教程.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/11665786-184a-4e2b-8cae-e908b6f8174e/d1ed3399e32b4bb6a7311dbe68fa48c7.gif'
alt="minecraft匠魂教程.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
minecraft匠魂教程.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8533014.html" target="_parent" title="c语言课程设计学生成绩管理系统.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/3caf51e9-38c2-4412-9d01-091d8790f0a1/3fcbbfc3686b40d986c820a8af2da210.gif'
alt="c语言课程设计学生成绩管理系统.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
c语言课程设计学生成绩管理系统.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/8533051.html" target="_parent" title="0503新闻传播学基本要求.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-1/31/e30c89d7-a577-49e5-9c57-08ddc16efd22/b593ac2f63ad4188bad521044fa516ce.gif'
alt="0503新闻传播学基本要求.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
0503新闻传播学基本要求.docx
</a></h3></li>
</ul>
</div>
</div>
<div class="mt10 related-pic-box" id="Div1" style="height: 450px; overflow:hidden;">
<div class="works-comment-hd">
猜你喜欢 </div>
<div id="related-pic-list" class="related-pic-list cl" style="padding-left:12px; padding-right:0px;">
<ul>
<li><h3><a href="https://www.bdocx.com/doc/26039092.html" target="_parent" title="山东省淄博市数学四年级上册期末检测卷.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/0ec2a4c5-e8d0-45dd-a668-c6e5b904be9f/59b4163915674c35abd7c9341516ce00.gif'
alt="山东省淄博市数学四年级上册期末检测卷.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
山东省淄博市数学四年级上册期末检测卷.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039093.html" target="_parent" title="随笔记系统分析与设计.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/f2f9119f-fd51-4945-ae58-94453c0719ba/8acafb4f7a0b4e1a820c9db593ca465c.gif'
alt="随笔记系统分析与设计.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
随笔记系统分析与设计.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039094.html" target="_parent" title="人教版新课程标准五四学制下学期期中考试生物试题II卷.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/0e6a83c9-43b9-4635-a33f-de5b75e0b271/72fe79e1c44445c6b8747821cb549c66.gif'
alt="人教版新课程标准五四学制下学期期中考试生物试题II卷.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
人教版新课程标准五四学制下学期期中考试生物试题II卷.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039095.html" target="_parent" title="探究景德镇便利店经营策略与创新20.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/b67903bc-9d11-4c09-bc1a-fefae14727c4/22cfba6499f440208d9d7c70c308d659.gif'
alt="探究景德镇便利店经营策略与创新20.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
探究景德镇便利店经营策略与创新20.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039096.html" target="_parent" title="山西省介休市学年八年级上学期末生物试题.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/49f2847f-7357-4193-96c5-389d7e4bba89/00ad3af89c9d4f8f90ccaded42a34e8c.gif'
alt="山西省介休市学年八年级上学期末生物试题.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
山西省介休市学年八年级上学期末生物试题.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039097.html" target="_parent" title="苏教版六年级上册科学第二单元形状与结构.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/5390a7af-c665-4443-a5f4-94ffb57013e2/02d3edf2313d468295e6eb2afd080e76.gif'
alt="苏教版六年级上册科学第二单元形状与结构.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
苏教版六年级上册科学第二单元形状与结构.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039098.html" target="_parent" title="暑假的收获.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/a6744e27-0642-4650-82b8-d2eecb59bc85/f9573253089b4dc6a163932ed5be6862.gif'
alt="暑假的收获.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
暑假的收获.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039099.html" target="_parent" title="淘宝客服100句沟通技巧淘宝店主必看.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/9c2d6deb-4058-4e64-9f19-f67777b90f6b/750cb724c1f54e38922372bc108658a1.gif'
alt="淘宝客服100句沟通技巧淘宝店主必看.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
淘宝客服100句沟通技巧淘宝店主必看.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039100.html" target="_parent" title="山东省邹平双语学校一区届高三地理上学期第一次月考试题20含答案 师生通用.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/83351dce-f180-44ea-b861-a9ad187f9716/019beccba4c04f8ca1ff63a6f13af280.gif'
alt="山东省邹平双语学校一区届高三地理上学期第一次月考试题20含答案 师生通用.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
山东省邹平双语学校一区届高三地理上学期第一次月考试题20含答案 师生通用.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039101.html" target="_parent" title="苏教版四年级下册语文补充习题答案.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/9030bf2c-83a3-43be-9802-49f3795450bc/ba58a8af49004e11b545eecf39c0716f.gif'
alt="苏教版四年级下册语文补充习题答案.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
苏教版四年级下册语文补充习题答案.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039102.html" target="_parent" title="陕旅版小学英语六年级总复习同名12427.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/5d8cafd7-d3f6-4ee1-bd24-648856cee41f/567525b7a23e481da1ed90893c759e67.gif'
alt="陕旅版小学英语六年级总复习同名12427.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
陕旅版小学英语六年级总复习同名12427.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039103.html" target="_parent" title="人教版中考语文第一轮全套复习教案117页全套精品全站免费.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/80012672-4fbd-4d61-a022-fc758566530d/8bfcf478156c43c387c486589dd6454b.gif'
alt="人教版中考语文第一轮全套复习教案117页全套精品全站免费.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
人教版中考语文第一轮全套复习教案117页全套精品全站免费.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039104.html" target="_parent" title="陕西西安高三物理二轮练习专项6第1讲振动与波光学.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/321de94c-defa-4947-85b0-09b4f767df4d/0ca0152b18a04520b54d3c66f6a5c6f3.gif'
alt="陕西西安高三物理二轮练习专项6第1讲振动与波光学.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
陕西西安高三物理二轮练习专项6第1讲振动与波光学.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039105.html" target="_parent" title="山西省民办学校年检报告书.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/ebdbe185-6ff8-4ca4-89c2-4e3beceb24b0/042d06038924452784a89fc5972427a3.gif'
alt="山西省民办学校年检报告书.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
山西省民办学校年检报告书.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039106.html" target="_parent" title="提高小学生计算能力有效方法的研究结题报告.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/ddfef6d8-7704-43b0-b37c-4d1ef70d28ef/986a8022503c4decb13493c79c29c2f5.gif'
alt="提高小学生计算能力有效方法的研究结题报告.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
提高小学生计算能力有效方法的研究结题报告.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039107.html" target="_parent" title="商场经理年终总结.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/a5d9c019-5a30-42bb-88b5-fb0cc3e0610d/b243d295dc68477898a5f51020b77dcb.gif'
alt="商场经理年终总结.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
商场经理年终总结.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039108.html" target="_parent" title="苏教版语文必修五全套备课精选专题二 此情可待成追忆长亭送别2课时.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/0cf6ee27-da0e-4194-a651-f8685f9c01a6/652423503b9b4c9aad4f15db01eb8132.gif'
alt="苏教版语文必修五全套备课精选专题二 此情可待成追忆长亭送别2课时.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
苏教版语文必修五全套备课精选专题二 此情可待成追忆长亭送别2课时.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039109.html" target="_parent" title="人教统编版三年级上学期语文第9课《那一定会很好》同步练习C卷.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/cdd77872-5ba9-4025-bb29-eb11a176bd3c/9acfdf29b1da4904b5f2b792510aa94d.gif'
alt="人教统编版三年级上学期语文第9课《那一定会很好》同步练习C卷.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
人教统编版三年级上学期语文第9课《那一定会很好》同步练习C卷.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/26039110.html" target="_parent" title="陕煤化民主管理知识竞赛复习题2.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-6/15/2ae8465f-c9a2-411a-b4cf-fd97bab366c1/e32857325d4449999d6e74fa280de4b9.gif'
alt="陕煤化民主管理知识竞赛复习题2.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
陕煤化民主管理知识竞赛复习题2.docx
</a></h3></li>
</ul>
</div>
</div>
<div class="mt10 works-comment">
<div class="works-comment-hd">
<span class="font-tahoma">关于本文</div>
<div style="line-height: 25px; padding: 10px 20px;">
本文标题：《Web 前端设计与开发》课程单元教学设计.docx<br />
链接地址：<a rel="nofollow" href="https://www.bdocx.com/doc/10260459.html">https://www.bdocx.com/doc/10260459.html</a><br />
</div>
</div>
</div>
<div class="boxright" id="boxright" >
<div class="fr detail-aside" id="Div11" style="width:290px;">
<div class="box hot-keywords mt10" id="relatebox">
<div class="boxHd" style="padding-bottom: 0px;">
<em></em><span>相关资源</span>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e3%80%8aWeb+%e5%89%8d%e7%ab%af%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%bc%80%e5%8f%91%e3%80%8b%e8%af%be%e7%a8%8b%e5%8d%95%e5%85%83%e6%95%99%e5%ad%a6%e8%ae%be%e8%ae%a1.docx');" >更多</a>
</div>
<div id="author-works-list" class="author-works-list bgF">
<ul>
<li><img alt="高级中学建设工程项目可行性研究报告.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30873367.html" title="高级中学建设工程项目可行性研究报告.doc">高级中学建设工程项目可行性研究报告.doc</a>
</li><li><img alt="《C语言程序设计》Word教案.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30873265.html" title="《C语言程序设计》Word教案.doc">《C语言程序设计》Word教案.doc</a>
</li><li><img alt="化工仪表检维修注意事项.docx" class="docx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30873100.html" title="化工仪表检维修注意事项.docx">化工仪表检维修注意事项.docx</a>
</li><li><img alt="儿童康复培训试题+答案.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30873011.html" title="儿童康复培训试题+答案.doc">儿童康复培训试题+答案.doc</a>
</li><li><img alt="6.2-四川省基本概况与主要文旅资源《地方导游基础知识》(第四版)PPT.pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30872896.html" title="6.2-四川省基本概况与主要文旅资源《地方导游基础知识》(第四版)PPT.pptx">6.2-四川省基本概况与主要文旅资源《地方导游基础知识》(第四版)PPT.pptx</a>
</li><li><img alt="《石墨烯材料》PPT课件.ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30872866.html" title="《石墨烯材料》PPT课件.ppt">《石墨烯材料》PPT课件.ppt</a>
</li><li><img alt="(中冶)临建防砸棚施工方案.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30872752.html" title="(中冶)临建防砸棚施工方案.doc">(中冶)临建防砸棚施工方案.doc</a>
</li><li><img alt="房屋租客入住守则.docx" class="docx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30872374.html" title="房屋租客入住守则.docx">房屋租客入住守则.docx</a>
</li><li><img alt="安全管理标准.pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30872344.html" title="安全管理标准.pptx">安全管理标准.pptx</a>
</li><li><img alt="信仰的力量ppt.pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30872068.html" title="信仰的力量ppt.pptx">信仰的力量ppt.pptx</a>
</li></div>
</ul>
</div>
<div class="box hot-keywords mt10" id="box3" style="overflow: hidden;width: 288px; border:solid 1px #dedede;">
<div class="boxHd" style="border: none;padding-bottom: 0px;">
<em></em><span>相关搜索</span>
</div>
<input name="ctl00$Content$hiddenCategoryID" type="hidden" id="Content_hiddenCategoryID" value="82" />
<div class="hot-keywords-list">
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=Web+%e5%89%8d%e7%ab%af%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%bc%80%e5%8f%91');"
class="tag-item ico" title="Web 前端设计与开发" hidefocus="true"><span class="ico"><em>
Web 前端设计与开发</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=Web');"
class="tag-item ico" title="Web" hidefocus="true"><span class="ico"><em>
Web</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e5%89%8d%e7%ab%af%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%bc%80%e5%8f%91%e8%af%be%e7%a8%8b%e5%8d%95%e5%85%83%e6%95%99%e5%ad%a6%e8%ae%be%e8%ae%a1');"
class="tag-item ico" title="前端设计与开发课程单元教学设计" hidefocus="true"><span class="ico"><em>
前端设计与开发课程单元教学设计</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=Web');"
class="tag-item ico" title="Web" hidefocus="true"><span class="ico"><em>
Web</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e5%89%8d%e7%ab%af');"
class="tag-item ico" title="前端" hidefocus="true"><span class="ico"><em>
前端</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e8%ae%be%e8%ae%a1');"
class="tag-item ico" title="设计" hidefocus="true"><span class="ico"><em>
设计</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e5%bc%80%e5%8f%91');"
class="tag-item ico" title="开发" hidefocus="true"><span class="ico"><em>
开发</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e8%af%be%e7%a8%8b');"
class="tag-item ico" title="课程" hidefocus="true"><span class="ico"><em>
课程</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e5%8d%95%e5%85%83');"
class="tag-item ico" title="单元" hidefocus="true"><span class="ico"><em>
单元</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e6%95%99%e5%ad%a6');"
class="tag-item ico" title="教学" hidefocus="true"><span class="ico"><em>
教学</em></span></a>
</div>
</div>
<div class="job-recommend">
<h3 class="job-title"><svg t="1586228347294" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="https://www.w3.org/2000/svg" p-id="7996" width="20" height="20"><path d="M870 154c-13.1-13.1-30.4-21.8-49.8-24L527.8 97.5c-25.2-2.8-50.3 6-68.3 24l-326 326c-48.7 48.7-48.7 128.5 0 177.2l265.8 265.8c48.7 48.7 128.5 48.7 177.2 0l326-326c17.9-17.9 26.8-43.1 24-68.3L894 203.8c-2.2-19.4-10.9-36.8-24-49.8z m3.2 381.1l-326 326c-15.7 15.7-36.8 24.4-59.3 24.4s-43.5-8.7-59.3-24.4L162.9 595.3c-15.7-15.7-24.4-36.8-24.4-59.3s8.7-43.5 24.4-59.2l326-326c7.9-7.9 18.5-12.3 29.7-12.3 1.5 0 3.1 0.1 4.6 0.3l292.4 32.5c9.6 1.1 18.2 5.2 25 12 6.8 6.8 11 15.5 12.1 25.1l32.5 292.3c1.5 12.8-2.9 25.3-12 34.4z" p-id="7997" fill="#ea986c"></path><path d="M723.3 217.7c-45.8 0-83 37.2-83 83s37.2 83 83 83 83-37.2 83-83c0-45.9-37.1-83-83-83z m0 124.5c-22.9 0-41.5-18.6-41.5-41.5s18.6-41.5 41.5-41.5 41.5 18.6 41.5 41.5-18.6 41.5-41.5 41.5z" p-id="7998" fill="#ea986c"></path></svg>
热门标签</h3>
<div class="job-recommend-area">
<ul class="taglist--inline multi">
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://www.bdocx.com/mark/20niangaoxiaogong.html">20年高校工</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://www.bdocx.com/mark/wenyiwengaodinghehuorenlushi.html">文一文搞定合伙人律师</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://www.bdocx.com/mark/huanjingchuangshepingbihuodong.html">环境创设评比活动</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag4" href="https://www.bdocx.com/mark/yingyujianglaiwancheng.html">英语将来完成</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag0" href="https://www.bdocx.com/mark/shouhoukefugeren.html">售后客服个人</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://www.bdocx.com/mark/jingbianshashijiagongsheji.html">精编砂石加工设计</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://www.bdocx.com/mark/jiegaokaohuaxueelunfuxitixingtexunjingbian40tihuaxueshiyanjichudaanjiexigaokaohuaxue.html">届高考化学二轮复习题型特训精编40题化学实验基础答案+解析高考化学</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://www.bdocx.com/mark/jiudianwaipaigongchengshigongfangan.html">酒店外排工程施工方案</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag4" href="https://www.bdocx.com/mark/huanledeyuandanlianhuanhuilianhuanhuizuowen350zichuyijishihuanleyuandan.html">欢乐的元旦联欢会联欢会作文350字初一记事欢乐元旦</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag0" href="https://www.bdocx.com/mark/huwaidaohangrumenjingtong.html">户外导航入门精通</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://static.bdocx.com/js/artDialog-5.0.3/artDialog.min.js"></script>
</div>
<div class="tempdiv cssnone" style="line-height:0px;height:0px; overflow:hidden;">
</div>
<script>
var doctitle = "《Web 前端设计与开发》课程单元教学设计.docx";
Encoder.EncodeType = "entity";
var nodecode = '0000800007';
var adhtml = "";
var adarray = Encoder.htmlDecode(adhtml);
initWidth();
var product_id = "10260459";
var product_code = "10260459";
var mtp = 20;
var fCount = 46;
var stp = 1;
var lmt = 20;
var ForceFreepage = parseInt('20');
if(lmt > ForceFreepage)lmt = ForceFreepage;
var mhs = 595 * 841;
var mhi = new Array("342774");
var mhls = new Array("0");
var mfvs = new Array("0");
var sw = 595;
var sh = 841;
var IsDealSwfSize = sw > 0;
var minwidth=920;
var BookMarkPage = parseInt('1');
var adpagecount = parseInt("2");
var defaultShowPage =parseInt( "5");
var defaultShowPage2 =defaultShowPage;
var leftfilecount = fCount - defaultShowPage;
if(leftfilecount<0)leftfilecount=0;
var scorename = "金币";
var LimitText = '3';
var LimitButtonText = '现在购买';
var DocScoreDownLoad = parseFloat('3');
var ReadLimitDays = "365";
var bookrelArray = "";
var url_root = "https://www.bdocx.com/";
var goumaiico = 'images/xiazai_1.gif';
var lmtext = '';
lmtext = '<div class="inner_page_more" id="page_more" style="width:930px; height:260px; line-height:30px;">'
+'<div id="html-reader-go-more" class="banner-wrap more-btn-banner" style="padding-top:40px; width:930px;">'
+'<p style="text-align:center;font-size:18px;">亲，很抱歉，此页已超出免费预览范围啦！<br/>如果喜欢就下载吧，价低环保！</p><p style="text-align:center;font-size:14px;">'
+'<b></b><span><b style="color:#ff0000">3</b> 金币</span>'
+'</p><p style="text-align:center; padding-top:30px;">'
+'<a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/10260459.html" class="ui-bz-btn-senior banner-download" style="padding:5px 35px; font-size:15px; text-decoration:none">'
+'<b style="color:#fff">立即下载</b></a>'
+' <a target="_blank" href="https://www.bdocx.com/UserManage/Recharge.aspx?f=0&d=10260459"class="ui-bz-btn-senior2 banner-download" style="padding:5px 35px; font-size:15px; text-decoration:none">'
+'<b style="color:#fff">加入VIP,免费下载</b></a>'
+'</p></div></div> ';
var curtotalpage = defaultShowPage;
function showmorepage()
{
var from = curtotalpage+1;
var leftcount = ((mtp - curtotalpage)<defaultShowPage?mtp:(curtotalpage+defaultShowPage));
for (var i = from; i <=leftcount; i++) {
Viewer._Addpage(i); curtotalpage+=1;
}
leftfilecount = mtp - (curtotalpage);
Viewer._dfsp=curtotalpage;
if(from<leftcount)
{
Viewer.InitAD_left(from,leftcount);
showAd();
}
if(leftfilecount<=0)
{
if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便");
if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。");
$("#ntip").hide();
$("#ntip2").hide();
if($("#btnvip"))$("#btnvip").html("VIP查看完整版");
if("#ftip3")$("#ftip3").text(fCount-curtotalpage);
if($("#ftip2"))$("#ftip2").show();
if(fCount-curtotalpage <=0)
{
if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP");
if($("#btnvip"))$("#btnvip").html("VIP免费下载");
}
}
var st = ($(this).scrollTop());
$(this).scrollTop(st +1);
$("#spanpage").text(fCount-curtotalpage);
}
function showmoretopage(to)
{
var from = curtotalpage+1;
var leftcount = ((mtp - curtotalpage)<defaultShowPage?mtp:(curtotalpage+defaultShowPage));
if(to > leftcount)leftcount=to;
for (var i = from; i <=leftcount; i++) {
Viewer._Addpage(i); curtotalpage+=1;
}
leftfilecount = mtp - (curtotalpage);
Viewer._dfsp=curtotalpage;
if(from<leftcount)
{
Viewer.InitAD_left(from,leftcount);
showAd();
}
if(leftfilecount<=0)
{
if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便");
if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。");
$("#ntip").hide();
$("#ntip2").hide();
if($("#btnvip"))$("#btnvip").html("VIP查看完整版");
if("#ftip3")$("#ftip3").text(fCount-curtotalpage);
if($("#ftip2"))$("#ftip2").show();
if(fCount-curtotalpage <=0)
{
if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP");
if($("#btnvip"))$("#btnvip").html("VIP免费下载");
}
}
$("#spanpage").text(fCount-curtotalpage);
}
function adss()
{var st = ($(this).scrollTop())-2; $(this).scrollTop(st);}
function showAd()
{
$(".addivp").each(function(){
var adindex = ($(this).attr("link"));
var adid = ($(this).attr("id"));
document.getElementById(adid).innerHTML = document.getElementById("adpre" + adindex).outerHTML;
$("#adpre" + adindex).css({
margin: "0px auto"
});
});
}
</script>
<script>
var operateType = 1;
var uid = "0";
var DocID = "10260459";
var zw = 595;
var zh = 841;
var zrate = (zw==0||zh==0)?1:(zh/zw);
var isplay = 0;
var width = "830";
var height = getClientHeight();
if (height < 560) height = 560;
height = ('False' == 'True' ? 570 : height);
var scorename = "金币";
var params = {};
</script>
<script src="https://static.bdocx.com/master/view/view2.js"></script>
<script>
$(document).ready(function() {
initPage();
$("#loading").hide();
$("#spanpage").text(leftfilecount);
var lf = mtp - (defaultShowPage);
if(lf<=0)
{
if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便");
if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。");
$("#ntip").hide();
$("#ntip2").hide();
if($("#btnvip"))$("#btnvip").html("VIP查看完整版");
if("#ftip3")$("#ftip3").text(fCount-curtotalpage);
if($("#ftip2"))$("#ftip2").show();
if(fCount-curtotalpage <=0)
{
if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP");
if($("#btnvip"))$("#btnvip").html("VIP免费下载");
}
}
window.setTimeout(
function () {
try
{
if(BookMarkPage == 1)
{
$(this).scrollTop(0);
}
else
{
Viewer._GotoPage(BookMarkPage);
}
}catch(e){}
},500);
if(defaultShowPage>0){ $("#outer_page_more").show();}else{ $("#outer_page_more").hide();}
});
</script>
<script>
$('body').bind('contextmenu', function() {return false;});
$('body').bind("selectstart",function(){return false;});
</script>
<div class="cssnone">
<iframe title = "来源分析" src="https://www.bdocx.com/BookRead.aspx?id=lEGzf%7c%2fQ70b4TVnSOjriWA%3d%3d&parto=Jwk4MzSTqAycfyNks%2bnfx9mNdLR8KFWEQg6XTxld6JldwBzcE6BD5dCN3vmFbRb%2bdkgD%2bTuKG%2fwQ64lRDAXfi5PVjFax5aHI6oDtvzy6%2frbd1hZ7oyEPnNef1c7oDKAgmfyNY4jEW6eoHW81p%2fyEsZuL1ktY0y6T%2f7wWh7myl0xXUQAFo6MrbBGWfEXjztYwIpR7Hj9QrWYVpNy7PSee8TDva1eQ9jsz" frameborder="0" style="width: 0px; height: 0px">
</iframe>
</div>
<!-- JiaThis Button END -->
<span id="LabelScript"></span>
</div>
</div>
<div class="getwximg_div" style="display:none;">
</div>
<script>
var isloginto = false;
function initwxlogin() {
var arr = $(".getwximg_div");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://www.bdocx.com/header.aspx?getcate=100";
$.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>function popLogin() {
window.location.href = '/login.aspx?returl=https%3a%2f%2fwww.bdocx.com%2fView_wj.aspx%3fid%3d10260459'; return;
}</script>
<script type="text/javascript">
var objjubao = null;
function jubao() {
var html = '<iframe src="https://www.bdocx.com/UserManage/ReportBack.aspx?id=10260459&url=rkm56XE mSTpX60 NSICJJzJeI0SxkjuKOfuUZPhKhA352TTg3LbvpnwKUWx7IAq" scrolling="no" frameborder="0" style="width: 600px; height: 420px"></iframe>';
objjubao = art.dialog({
title: '非法内容有奖举报', content: html,
close: Closejubao, width: '700', height: '470', skin: 'blue', lock: true,
background: '#666', opacity: .6, duration: 300, fixed: true, left: '50%',
top: '38.2%', zIndex: 1987, resize: true, drag: true
});
}
function Closejubao() {
objjubao.close();
}
</script>
<!--foot-->
<div class="bg_100 foot_nav_bg" style=" min-width:1200px;">
<div class="foot_nav">
<a href="https://www.bdocx.com/h-33.html" target="_blank" >关于我们</a> - <a href="https://www.bdocx.com/h-34.html"
target="_blank" >网站声明</a> - <a href="https://www.bdocx.com/h-35.html" target="_blank" >
网站地图</a> - <a href="https://www.bdocx.com/sitemap.html" target="_blank" >
资源地图</a>
- <a href="https://www.bdocx.com/friend.aspx" target="_blank" >友情链接</a> -
<a rel="nofollow" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" >网站客服</a>
- <a rel="nofollow" href="https://www.bdocx.com/h-38.html" target="_blank" >联系我们</a>
</div>
</div>
<div class="bg_100 siteInner_bg" style=" min-width:1200px;">
<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?e215eb657a3f46c69d47e590e96ccbdd";
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?46796c789de3003a5113847b2981b93831ac52d6d1cb31ddda7500aa017814283d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)</script>
</div>
</div>
<!--foot end-->
<!-- 代码部分begin -->
<div class="QQ_S" style="height: auto;position:fixed;right: 0px;bottom: 20px; top:auto;">
<div class="Q_top" onclick="HideFoot()"> <span class="signi"></span>收起</div>
<div class="Q_botm">
<div class="Q_pic">
<div class="Q_pic_hide"> <a rel="nofollow" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" target="_blank" title="在线客服" ><span class="hide_pic"></span>在线客服</a> </div>
</div>
<div class="Q_anser">
<div class="Q_anser_hide"><a rel="nofollow" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=307372695@qq.com" title="意见反馈">
<span class="hide_pic1"></span>意见反馈 </a> </div>
</div>
<div class="Q_sign">
<div class="Q_sign_hide" onclick="backToTop();"><a rel="nofollow" href="javascript:void(0)" title="返回顶部"><span class="hide_pic2"></span>返回顶部 </a></div>
</div>
</div>
</div>
<div class="QQ_S1">
<div class="Q_top1" onclick="ShowFoot()"> <span class="signj"></span>展开</div>
<div class="Q_botm1">
<div class="Q_pic1">
<div class="Q_pic1_hide">
<a rel="nofollow" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" >
<span class="hide_pic3"></span>QQ交谈</a></div>
</div>
<div class="Q_sign1">
<div class="Q_sign1_hide" onclick="backToTop();"><a rel="nofollow" href="javascript:void(0)">返回顶部</a></div>
</div>
</div>
</div>
<!-- 代码部分end -->
<script type="text/javascript" src="https://static.bdocx.com/js/lanrenzhijia.js"></script>
<script type="text/javascript" src="https://static.bdocx.com/js/jquery.lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
<script type="text/javascript" src="https://static.bdocx.com/umeditor/xss.js"></script>
</body>
</html>
《Web 前端设计与开发》课程单元教学设计.docx