网页设计上机操作练习题.docx
《网页设计上机操作练习题.docx》由会员分享，可在线阅读，更多相关《网页设计上机操作练习题.docx（16页珍藏版）》请在冰点文库上搜索。
网页设计上机操作练习题
网页设计第一次上机操作练习题
练习一：
网页站点的创建与修改
一、创建本地站点
首先在硬盘的D盘上创建文件夹mywebsite，本书涉及的网站将创建在该文件夹中，如图2.6所示。
新建站点可以通过“文件”面板来完成。
（1）展开“文件”面板组，单击“文件”面板中的“管理站点”超链接，如图2.7所示。
（2）此时将打开“管理站点”对话框，在其中单击“新建”按钮，并从下拉菜单中选择“站点”命令，如图2.8所示。
在打开的对话框中包括两个选项卡：
“基本”和“高级”，如图2.9所示。
（3）这里我们保持默认的“基本”选项卡，并在文本框中输入新建站点的名称mywebsite。
（4）单击“下一步”按钮，在打开的对话框中选择将要采用的服务器技术，如图2.10所示。
（5）继续单击“下一步”按钮，在打开的对话框的顶部包括两个选项。
这里选择第2项，如图2.11所示。
（6）在该对话框中最重要的是选择存放站点文件的位置。
这里在文本框中输入站点文件夹的路径。
用户也可以单击文本框旁边的浏览按钮，在打开的“选择站点mywebsite的本地根文件夹”对话框中，找到将要存放站点文件的文件夹，如图2.12所示。
单击“选择”按钮后，就会将选中文件夹的路径加入到文本框中，如图2.13所示。
（7）单击对话框中的“下一步”按钮进入结束对话框，其中列出了设置中的关键信息。
如果确信没有问题，单击“完成”按钮关闭对话框，如图2.14所示。
（8）此时将返回“管理站点”对话框，其中列出了刚刚创建好的站点名称mywebsite，如图2.15所示。
（9）单击“管理站点”对话框中的“完成”按钮，结束站点的定义。
此时“文件”面板将会显示出本地站点的名称和存储路径，如图2.16所示。
二、修改站点信息
打开站点定义对话框的具体操作步骤如下。
（1）选择菜单命令“站点”|“管理站点”，在打开的“管理站点”对话框中单击“编辑”按钮，此时将重新打开“mywebsite的站点定义为”对话框。
（2）单击其中的“高级”标签，切换到“高级”选项卡，如图2.17所示。
默认情况下，“高级”选项卡显示的是“本地信息”的参数设置
设定默认的图像文件夹路径为D:
\mywebsite\images\，设定HTTP地址为http:
//localhost，如图2.18所示。
三、多站点管理
在“管理站点”对话框中单击“新建”按钮，就可以打开站点定义对话框创建一个新站点。
这里单击“新建”按钮创建另外一个站点mywebsite2，如图2.19所示。
如果要在“文件”面板中显示其他站点的名称，可以先在“管理站点”对话框中选中要显示的站点，然后单击“完成”按钮。
另外，在“文件”面板顶部的下拉列表框中，选择要切换到的站点，也可以在站点之间进行切换，如图2.20所示。
选中要编辑站点的名称，然后单击“编辑”按钮，就可以重新打开站点定义对话框，修改选中站点的属性。
●复制站点
首先选中要复制的源站点的名称，然后单击对话框中的“复制”按钮，就可以产生一个新的站点，如图2.21所示。
●删除站点
先选中要删除的站点名称，然后单击“管理站点”对话框中的“删除”按钮。
四、创建站点目录结构
创建目录结构可以在“文件”面板中的站点窗口进行。
单击“文件”面板中的“展开以显示本地和远端站点”按钮，这样将打开站点管理器，如图2.22所示。
●创建一级目录
（1）在站点管理器的根目录上单击鼠标右键，在打开的快捷菜单中选择“新建文件夹”命令，如图2.23所示。
（2）此时将在站点管理器中创建一个空的文件夹，将其修改为images，以后将用它来存放站点中公用的图片文件，如图2.24所示。
（3）使用同样的方法，在站点根目录中创建出另外一些文件夹，构成一级目录如图2.25所示。
●创建二级目录
由于images文件夹中保存的是整个网站中都可以使用的图片文件，具体的目录名称和用途如表2.1所示。
最终建好的子目录如图2.26所示。
在站点管理器中的根目录上单击鼠标右键，然后选择菜单命令“文件”|“新建文件”，此时将在站点的根目录下生成文件名为untitled.htm的网页文件，如图2.27所示。
修改文件名的具体操作步骤如下。
（1）选中该文件，然后按下键盘上的F2快捷键，或者在右键菜单中选择“编辑”|“重命名”，此时文件名变为可修改状态，如图2.28所示。
（2）修改文件的文件名为index.htm，注意文件名结尾的.htm不能省略，最后按下Enter键确认文件的名称。
（3）如果有其他文件链接到该文件，就会打开“更新文件”对话框，如图2.29所示。
（4）单击其中的“更新”按钮，系统将会自动更改与该文件相关的所有链接。
●移动文件
将文件index.htm移动到errors目录下。
（1）可以在选中文件index.htm后，按住鼠标左键拖动文件到errors文件夹上，如图2.30所示。
（2）松开鼠标后，如果文件index.htm没有在任何页面中被链接过，文件就会被直接移动到errors文件夹中。
如果文件曾被链接，此时将打开“更新文件”对话框。
（3）单击“更新”按钮，Dreamweaver就会自动更新文件中的链接。
如果选择“不更新”，就会出现断链。
练习二：
认识HTML
在DreamweaverCS中使用HTML标记。
标记
类型
名称或意义
作用
备注
文件标记
●
文件宣告
让浏览器知道这是HTML文件
●
开头
提供文件整体信息
</p><p>●</p><p>标题</p><p>定义文件标题，将显示于浏览器顶端</p><p> </p><p><BODY></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><BR></p><p>○</p><p>换行标记</p><p>令字、图、表格显示于下一行</p><p> </p><p><HR></p><p>○</p><p>水平线</p><p>插入一水平线</p><p> </p><p><CENTER></p><p>●</p><p>居中</p><p>令字、图、表格等显示于中间</p><p>反对</p><p><PRE></p><p>●</p><p>预设格式</p><p>令文件按原代码的排列方式显示</p><p> </p><p><DIV></p><p>●</p><p>定位标记</p><p>设定字、图、表格等的摆放位置</p><p> </p><p><NOBR></p><p>●</p><p>不换行</p><p>令文字不因太长而换行</p><p> </p><p><WBR></p><p>●</p><p>建议换行</p><p>预设换行部位</p><p> </p><p>字体标记</p><p><STRONG></p><p>●</p><p>加重语气</p><p>产生字体加粗Bold的效果</p><p> </p><p><B></p><p>●</p><p>粗体标记</p><p>产生字体加粗的效果</p><p> </p><p><EM></p><p>●</p><p>强调标记</p><p>字体出现斜体效果</p><p> </p><p><I></p><p>●</p><p>斜体标记</p><p>字体出现斜体效果</p><p> </p><p><TT></p><p>●</p><p>等宽字体</p><p>Courier字体，字母宽度相同</p><p> </p><p><U></p><p>●</p><p>加下划线</p><p>加下划线</p><p>反对</p><p><H1></p><p>●</p><p>一级标题标记</p><p>将字体变大，级数越高越小</p><p> </p><p><H2></p><p>●</p><p>二级标题标记</p><p>将字体变大</p><p> </p><p><H3></p><p>●</p><p>三级标题标记</p><p>将字体变大</p><p> </p><p><H4></p><p>●</p><p>四级标题标记</p><p>将字体变大</p><p> </p><p><H5></p><p>●</p><p>五级标题标记</p><p>将字体变大</p><p> </p><p><H6></p><p>●</p><p>六级标题标记</p><p>将字体变大</p><p> </p><p><FONT></p><p>●</p><p>字体标记</p><p>设定字体、大小、颜色</p><p>反对</p><p><BASEFONT></p><p>○</p><p>基准字体标记</p><p>设定所有字体、大小、颜色</p><p>反对</p><p><BIG></p><p>●</p><p>字体加大</p><p>令字体稍微变大</p><p> </p><p><SMALL></p><p>●</p><p>字体缩小</p><p>令字体稍微缩小</p><p> </p><p><STRIKE></p><p>●</p><p>加删除线</p><p>为文字加删除线</p><p>反对</p><p><CODE></p><p>●</p><p>程式码</p><p>字体稍微加宽如<TT></p><p> </p><p><KBD></p><p>●</p><p>键盘字</p><p>字体稍微加宽，单一空白</p><p> </p><p><SAMP></p><p>●</p><p>范例</p><p>字體稍為加寬如<TT></p><p> </p><p><VAR></p><p>●</p><p>变量</p><p>斜体效果</p><p> </p><p><CITE></p><p>●</p><p>斜体标记</p><p>斜体效果</p><p> </p><p><BLOCKQUOTE></p><p>●</p><p>向右缩排</p><p>文字向右缩排</p><p> </p><p><DFN></p><p>●</p><p>述语定义</p><p>斜体效果</p><p> </p><p><ADDRESS></p><p>●</p><p>地址标记</p><p>斜体效果</p><p> </p><p><SUB></p><p>●</p><p>下标字</p><p>文字下标</p><p> </p><p><SUP></p><p>●</p><p>上标字</p><p>文字上标</p><p> </p><p>清单标记</p><p><OL></p><p>●</p><p>顺序清单</p><p>清单项目将以数字、字母顺序排列</p><p> </p><p><UL></p><p>●</p><p>无序清单</p><p>清单项目将以实心圆点作为符号排列</p><p> </p><p><LI></p><p>○</p><p>清单项目</p><p>清单中的项目，一个标记一行</p><p> </p><p><MENU></p><p>●</p><p>选项清单</p><p>可用type参数指定项目符号。</p><p>反對</p><p><DIR></p><p>●</p><p>目录清单</p><p>与<menu>相同</p><p>反對</p><p><DL></p><p>●</p><p>定义清单</p><p>清单分两层出现</p><p> </p><p><DT></p><p>○</p><p>定义条目</p><p>清单项标题</p><p> </p><p><DD></p><p>○</p><p>定义内容</p><p>清单项内容</p><p> </p><p>表格标记</p><p><TABLE></p><p>●</p><p>表格标记</p><p>设定该表格的各项参数</p><p> </p><p><CAPTION></p><p>●</p><p>表格标题</p><p>做成一打通列以填入表格标题</p><p> </p><p><TR></p><p>●</p><p>表格列</p><p>设定该表格的列</p><p> </p><p><TD></p><p>●</p><p>表格栏</p><p>设定该表格的栏</p><p> </p><p><TH></p><p>●</p><p>表格标头</p><p>相等于<TD>，但其内文字字体会变粗</p><p> </p><p>表单标记</p><p><FORM></p><p>●</p><p>表单标记</p><p>决定该表单的运作模式</p><p> </p><p><TEXTAREA></p><p>●</p><p>文字框</p><p>提供文字输入栏</p><p> </p><p><INPUT></p><p>○</p><p>输入标记</p><p>决定输入形式</p><p> </p><p><SELECT></p><p>●</p><p>选择标记</p><p>建立弹出卷动清单</p><p> </p><p><OPTION></p><p>○</p><p>选项</p><p>每一个清单选项</p><p> </p><p>图形标记</p><p><IMG></p><p>○</p><p>图形标记</p><p>用来插入图形及设定图形属性</p><p> </p><p>链接标记</p><p><A></p><p>●</p><p>链接标记</p><p>加入链接</p><p> </p><p><BASE></p><p>○</p><p>基准标记</p><p>可将相对URL转绝对及指定链接</p><p> </p><p>框架标记</p><p><FRAMESET></p><p>●</p><p>框架设定</p><p>设定框架</p><p> </p><p><FRAME></p><p>○</p><p>窗口设定</p><p>设定框架中的窗口</p><p> </p><p><IFRAME></p><p>○</p><p>页内框架</p><p>于网页中插入框架</p><p>IE</p><p><NOFRAMES></p><p>●</p><p>不支持框架</p><p>设定浏览器不支持框架时的提示</p><p> </p><p>影像地图</p><p><MAP></p><p>●</p><p>影像地图名称</p><p>设定影像地图名称</p><p> </p><p><AREA></p><p>○</p><p>链接区域</p><p>设定各链接区域</p><p> </p><p>多媒体</p><p><BGSOUND></p><p>○</p><p>背景声音</p><p>令背景播放音乐或声音</p><p>IE</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("20");
var id = "11336375";
var total_page = "16";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bingdoc.com/d-11336375.html';
}
function relate() {
var reltop = $('#relate').offset().top-50;
$("html,body").animate({ scrollTop: reltop }, 500);
}
</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="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-7248793.html" title="互联网操作练习一.docx">互联网操作练习一.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-4675387.html" title="网络互联操作实习报告.docx">网络互联操作实习报告.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-8351790.html" title="互联网操作练习一Word文档下载推荐.docx">互联网操作练习一Word文档下载推荐.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-12809695.html" title="互联网会销操作手册.docx">互联网会销操作手册.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-6017206.html" title="物联网互联网思维不是方法论需要操作.docx">物联网互联网思维不是方法论需要操作.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-6836155.html" title="网络互联操作实习报告Word格式文档下载.docx">网络互联操作实习报告Word格式文档下载.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-11513660.html" title="互联网实习工作总结.docx">互联网实习工作总结.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-6134058.html" title="《互联网+交通》继续教育练习题.docx">《互联网+交通》继续教育练习题.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-13570508.html" title="互联网 交通继续教育练习题.docx">互联网 交通继续教育练习题.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-15423866.html" title="新网互联基础业务业务操作手册.docx">新网互联基础业务业务操作手册.docx</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.bingdoc.com/p-4035078.html" target="_parent" title="《酒店餐饮服务与管理》形成性考核册答案教学文案.docx">《酒店餐饮服务与管理》形成性考核册答案教学文案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035079.html" target="_parent" title="外研版秋季最新单词 必修2.docx">外研版秋季最新单词 必修2.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035080.html" target="_parent" title="《小英雄雨来》前置作业说课稿生本教案.docx">《小英雄雨来》前置作业说课稿生本教案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035081.html" target="_parent" title="压强练习题.docx">压强练习题.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035082.html" target="_parent" title="1我们爱你啊中国doc.docx">1我们爱你啊中国doc.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035083.html" target="_parent" title="9北邮电子电路模拟题及答案.docx">9北邮电子电路模拟题及答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035084.html" target="_parent" title="T梁桥梁施工方案.docx">T梁桥梁施工方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035085.html" target="_parent" title="30米T梁专项施工方案方案.docx">30米T梁专项施工方案方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bingdoc.com/p-4035086.html" target="_parent" title="512护士节联欢会台词护士节联欢会台词.docx">512护士节联欢会台词护士节联欢会台词.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.bingdoc.com/search.html?q=%e7%bd%91%e9%a1%b5">网页</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.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.bingdoc.com/search.html?q=%e4%b8%8a%e6%9c%ba">上机</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e6%93%8d%e4%bd%9c">操作</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e7%bb%83%e4%b9%a0%e9%a2%98">练习题</a></li> </ul>
</div>
<div style=" font-size: 16px; background-color:#e5f0f7; 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 class="tag tag0" href="https://m.bingdoc.com/mark/hulianwangcaozuolianxi.html" >互联网操作练习</a></li><li class="tagPopup"><a class="tag tag1" href="https://m.bingdoc.com/mark/excel2010shangjicaozuolianxi.html" >excel2010上机操作练习</a></li><li class="tagPopup"><a class="tag tag2" href="https://m.bingdoc.com/mark/wordshangjicaozuolianxiti.html" >Word上机操作练习题</a></li><li class="tagPopup"><a class="tag tag3" href="https://m.bingdoc.com/mark/powerpointshangjicaozuolianxiti1shangjicaozuo.html" >PowerPoint上机操作练习题1上机操作</a></li><li class="tagPopup"><a class="tag tag4" href="https://m.bingdoc.com/mark/wangyeshejiwangyeshejilianxiti.html" >网页设计网页设计练习题</a></li><li class="tagPopup"><a class="tag tag0" href="https://m.bingdoc.com/mark/wangyezhizuoshangjilianxi.html" >网页制作上机练习</a></li><li class="tagPopup"><a class="tag tag1" href="https://m.bingdoc.com/mark/wangyezhizuolianxiti.html" >网页制作练习题</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bingdoc.com/mark/hulianwangshixibaogao.html">互联网实习报告</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://m.bingdoc.com/mark/hulianwangkaifashixibaogao.html">互联网开发实习报告</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://m.bingdoc.com/mark/hulianwangshixibaogaofanwen.html">互联网实习报告范文</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag4" href="https://m.bingdoc.com/mark/hulianwangwangluoguanggao.html">互联网网络广告</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag0" href="https://m.bingdoc.com/mark/gongzuobaogaocaozuoshixibaogao.html">工作报告操作实习报告</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bingdoc.com/mark/wangluocaozuoshixibaogao.html">网络操作实习报告</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://m.bingdoc.com/mark/gongzuobaogaohulianwangnongluhulianwang.html">工作报告互联网农旅互联网</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://m.bingdoc.com/mark/caozuoshixibaogao.html">操作实习报告</a></li>
</ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bingdoc.com/">首页</a> >
<a href="https://m.bingdoc.com/booklist-00003.html">医药卫生</a><span> > </span><a href="https://m.bingdoc.com/booklist-0000300001.html">基础医学</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bingdoc.com/BookRead.aspx?id=V9jLtHN3sKzyBEPgvlDB9g%3d%3d&parto=n1IP3nKZpajHp1gCKW0pxyYowLTTfwpb0OhFzvS3ZvPWBcG3%2fx2tikdDSNkp1VZ0m5Jmp84smxti7xEgdbF4vI2E3NgBR7J128P7SWMndxmRSfUt6W6FvfIiPRh7D8t0Jmsn1YMqLgl4r6GpjLgBzz33yzFGukCU%2brVG0luegxPJ6vnEsC8%2fxuVkunRd6Ku82ChhkZs%2bhJ%2fNsbJTSwo1ia9uFb5eHKMI" frameborder="0" style="width: 0px; height: 0px">
</iframe>
</div>
<span id="LabelScript"></span>
<script src="https://mstatic.bingdoc.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-2023 冰点文库 网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备19020893号-</a>2</p><script>var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?f82ede2a6dd69d4ed35205d3eb25b840";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();</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.bingdoc.com/" title="冰点文库"><img src="https://www.bingdoc.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.bingdoc.com/login.aspx">登录</a></li>
<li><a target="_parent"href="https://m.bingdoc.com/">首页 </a></li>
<li><a target="_parent"href="https://m.bingdoc.com/booklist-0.html">资源分类 </a></li>
<li><a target="_parent"href="https://m.bingdoc.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bingdoc.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bingdoc.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li>
<li><a target="_parent"href="https://m.bingdoc.com/newslist.html">通知公告 </a></li>
<li><a target="_parent"href="https://m.bingdoc.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.bingdoc.com/p-11336375.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识
timestamp: '1720423328', // 必填，生成签名的时间戳
nonceStr: '7F24D240521D99071C93AF3917215EF7', // 必填，生成签名的随机串
signature: '6d21261111aecf0a5696f984636b1a9ebe6d0f52',// 必填，签名，见附录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.bingdoc.com/p-11336375.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识
timestamp: '1720423328', // 必填，生成签名的时间戳
nonceStr: '7F24D240521D99071C93AF3917215EF7', // 必填，生成签名的随机串
signature: '6d21261111aecf0a5696f984636b1a9ebe6d0f52',// 必填，签名，见附录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.bingdoc.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.bingdoc.com/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>