网页设计上机操作练习题.docx
《网页设计上机操作练习题.docx》由会员分享，可在线阅读，更多相关《网页设计上机操作练习题.docx（15页珍藏版）》请在冰豆网上搜索。
网页设计上机操作练习题
网页设计第一次上机操作练习题
练习一：
网页站点的创建与修改
一、创建本地站点
首先在硬盘的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地址为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><EMBED></p><p>○</p><p>多媒体</p><p>加入声音、音乐或影像</p><p> </p><p>其他标记</p><p><MARQUEE></p><p>●</p><p>走马灯</p><p>令文字走动</p><p>IE</p><p><BLINK></p><p>●</p><p>闪烁文字</p><p>令文字闪烁</p><p>NC</p><p><ISINDEX></p><p>○</p><p>页寻找器</p><p>可输入关键字寻找该页</p><p>反对</p><p><META></p><p>○</p><p>开头说明</p><p>提供关于此页的信息给浏览器</p><p> </p><p><LINK></p><p>○</p><p>关系定义</p><p>定义该文件与其他URL的关系</p><p> </p><p>StyleSheet</p><p><STYLE></p><p>●</p><p>式样表</p><p>控制网页版面</p><p> </p><p><span></p><p>●</p><p>自订标记</p><p>独立使用或与样式表一起用</p><p> </p><p>注：</p><p> ·●表示该标记属于围堵标记，即需要结束标记</标记>。</p><p> ·○表示该标记属空标记，即不需要结束标记。</p><p> ·IE表示该标记只适应于InternetExplorer。</p><p> ·NC表示该标记只适用于NetscapeCommunicator。</p><p> ·反对表示该标记不为W3C所赞同，通常这标记是微软或网景自订，且已被大</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 = "1076657";
var total_page = "15";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/1076657.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-10/11/129956ad-b309-4ef5-af80-ad301a6949fd/129956ad-b309-4ef5-af80-ad301a6949fd";
var freepage = parseInt('15');
var total_c = parseInt('15');
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;";
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=\"网页设计上机操作练习题.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="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853631.html" title="网店数据化运营：选品引流优化核算（微课版第2版） 课件全套 人邮 第1--10章 网店主营商品的选择---数据化运营案例分析.pptx">网店数据化运营：选品引流优化核算（微课版第2版） 课件全套 人邮 第1--10章 网店主营商品的选择---数据化运营案例分析.pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853630.html" title="温州龙湾中心区城市设计优化暨控制性详细规划调整.pptx">温州龙湾中心区城市设计优化暨控制性详细规划调整.pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853629.html" title="地下管线测绘精品PPT课件.pptx">地下管线测绘精品PPT课件.pptx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853628.html" title="Bridge-to-Terabithia(仙境之桥).ppt">Bridge-to-Terabithia(仙境之桥).ppt</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853627.html" title="手术室运用PDCA循环降低高值耗材收费差错率品管圈QCC成果汇报.pptx">手术室运用PDCA循环降低高值耗材收费差错率品管圈QCC成果汇报.pptx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853626.html" title="数学课前精彩二分钟二年级下.ppt">数学课前精彩二分钟二年级下.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853625.html" title="软组织损伤ppt课件.ppt">软组织损伤ppt课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853624.html" title="发热病人的-护理查房.ppt">发热病人的-护理查房.ppt</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853623.html" title="期货交易实务 全套课件..pptx">期货交易实务 全套课件..pptx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30853622.html" title="护理查房-胸闷-ppt课件.ppt">护理查房-胸闷-ppt课件.ppt</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/35144.html" target="_parent" title="慢性腹泻的诊断与思维钱家鸣汇总.docx">慢性腹泻的诊断与思维钱家鸣汇总.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35145.html" target="_parent" title="科技大厦安防系统设计方案.docx">科技大厦安防系统设计方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35146.html" target="_parent" title="通用技术会考知识点归纳最新.docx">通用技术会考知识点归纳最新.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35147.html" target="_parent" title="小五金工具项目方案说明.docx">小五金工具项目方案说明.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35148.html" target="_parent" title="完整版基于伺服控制技术的ZJ17卷接机组供纸印刷系统技术改造毕业设计.docx">完整版基于伺服控制技术的ZJ17卷接机组供纸印刷系统技术改造毕业设计.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35149.html" target="_parent" title="推广服务合作协议对方为推广方.docx">推广服务合作协议对方为推广方.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35150.html" target="_parent" title="西方政治制度自考模拟试题及答案解析12.docx">西方政治制度自考模拟试题及答案解析12.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35151.html" target="_parent" title="小学教导主任竞聘演讲稿精选多篇.docx">小学教导主任竞聘演讲稿精选多篇.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/35152.html" target="_parent" title="口腔医学临床质量控制与评价标准.docx">口腔医学临床质量控制与评价标准.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=%e7%bd%91%e9%a1%b5">网页</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=%e4%b8%8a%e6%9c%ba">上机</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.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.bdocx.com/search.html?q=%e7%bb%83%e4%b9%a0%e9%a2%98">练习题</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00001.html">IT计算机</a><span> > </span><a href="https://m.bdocx.com/booklist-0000100001.html">电脑基础知识</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=snS7C82B7GU%3d&parto=xJPcgtZE1lM6Yy6KfQz66JwKsqjeyt4owlXxqdaYK7ZLI81uGzWCHiwlz5oSrgyYYyvTM8qArNcLG3m2N%2bZwAxrx87Rrm1ber0YRGuDqymyPRk9igs%2f4%2fw3L0wkS8oAiLioeN4oRyb%2bDGI1z9XBnL%2fhL7MNftvtVZIOunrvvZ183uJcvSGJZQMXWRMv05BxQ07uiEKZNaDOJfGH2MufM0UMOFO1GgYCi" 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/1076657.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719618107', // 必填，生成签名的时间戳
nonceStr: '37BC2F75BF1BCFE8450A1A41C200364C', // 必填，生成签名的随机串
signature: '536fef74a325ff1c987e1af7e736e8eb8235bfee',// 必填，签名，见附录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/1076657.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1719618107', // 必填，生成签名的时间戳
nonceStr: '37BC2F75BF1BCFE8450A1A41C200364C', // 必填，生成签名的随机串
signature: '536fef74a325ff1c987e1af7e736e8eb8235bfee',// 必填，签名，见附录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>