1. 确定网页的结构
在进行 HTML 网页制作之前，首先需要明确网页的结构。通常包括顶部导航栏、侧边栏、主体内容和底部版权信息等部分。确定好网页的结构之后，可以开始编写 HTML 代码。
2. 创建 HTML 文件
使用文本编辑器，比如记事本或者专业编程工具，创建一个新的文件，将其保存为 .html 扩展名。这是用于创建 HTML 网页的基本步骤。
3. 添加文档类型声明
在 HTML 文件的第一行，添加文档类型声明，告诉浏览器解析网页所使用的 HTML 版本。常见的文档类型声明包括 HTML5 的 ``，禁用浏览器兼容模式等。
4. 编写 HTML 结构
在 HTML 文件中，按照确定的网页结构编写 HTML 代码。使用标签来定义不同的部分和元素，比如 ``、`
5. 设置网页标题
在 `
` 标签内，用 `
` 标签设置网页的标题。标题将显示在浏览器标签栏上，并且是<a href="https://www.300.cn/seo1.html" target="_blank">搜索引擎优化</a>的重要部分。</p><p> 6. 添加文本内容</p><p> 在网页的不同部分使用适当的标签和格式添加文本内容。比如使用 `<h1>` 标签表示页面的主标题，使用 `<p> ` 标签表示段落等。可以根据需要使用更多的标签来实现更复杂的文本样式和排版。</p><p> 7. 插入图像和多媒体</p><p> 要向网页添加图像、音频或视频等多媒体元素，可以使用 HTML 的 `<img>`、`<audio>` 和 `<video>` 等标签。设置正确的文件路径和属性，确保多媒体能够正确地展示在网页上。</p><p> 8. 添加链接</p><p> 使用 `<a>` 标签添加链接到网页的其他部分、其他网页或外部网站。通过设置正确的 href 属性，在用户点击链接时能够正确地跳转到目标页面。</p><p> 9. 设置样式和布局</p><p> 要添加样式和布局，可以使用 CSS（层叠样式表）。通过在 HTML 中使用 `<style>` 标签或将 CSS 代码分离到独立的 .css 文件中，来定义页面的外观和排版。CSS 提供了丰富的选择器和属性，使得网页能够以更美观和一致的方式展示。</p><p> 10. 进行测试和调试</p><p> 在制作完网页之后，进行测试和调试至关重要。确保网页在不同的浏览器和设备上都能够正确显示，并检查页面的链接、图像和其他元素是否正常工作。通过调试工具检查并修复可能出现的错误和问题。</p><p> 11. 发布网页</p><p> 在测试通过后，可以将网页发布到互联网上，供其他人访问。将 HTML 文件上传到网站托管提供商，或者使用专业的网页编辑<a href="https://www.300.cn/product/shuma.html" target="_blank">软件</a>将网页发布到个人或企业的服务器上。</p><p> 总结</p><p> HTML 网页制作的基本步骤包括确定网页结构、创建 HTML 文件、添加文档类型声明、编写 HTML 结构、设置网页标题、添加文本内容、插入图像和多媒体、添加链接、设置样式和布局、进行测试和调试，最后发布网页。通过按照这些步骤进行操作，可以制作出漂亮、可用并且富有交互性的网页。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx/7455.html">公司自建网站的优势和注意事项</a>
</p>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求"
class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"
></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength="11" placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<div class="btnBox">
<span class="btna zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
</div>
</span>
</div>
</div>
</form>
</div>
<!-- 右侧推荐内容 -->
<div class="linkList">
<h2>相关文章</h2>
<a class="recommended-item" href="/xxzx/81530.html" target="_blank" title="内容架构优化的排式策略 标识明确逻辑清楚层次分明提升可读性写作指导">内容架构优化的排式策略 标识明确逻辑清楚层次分明提升可读性写作指导</a>
<a class="recommended-item" href="/xxzx/81529.html" target="_blank" title="掌握高效排版三要素设计 为段落和摘要设立视觉逻辑结构的方法技巧">掌握高效排版三要素设计 为段落和摘要设立视觉逻辑结构的方法技巧</a>
<a class="recommended-item" href="/xxzx/81528.html" target="_blank" title="段落分布精准化构建信息明确层级感 实践排布方法与框架技巧全拆">段落分布精准化构建信息明确层级感 实践排布方法与框架技巧全拆</a>
<a class="recommended-item" href="/xxzx/81527.html" target="_blank" title="让正文清晰有组织 标题段落信息布局三步骤实现高质量架构表达">让正文清晰有组织 标题段落信息布局三步骤实现高质量架构表达</a>
<a class="recommended-item" href="/xxzx/81526.html" target="_blank" title="精准分区排文章 建造三板块布局提升文档阅读节奏的方法详解">精准分区排文章 建造三板块布局提升文档阅读节奏的方法详解</a>
<div class="linkSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxpcxq" data-slug="dldxpcxq" data-swiper="linkSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="{url}" target="{target}">
<img pic-src="{pic}" alt="{title}">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
</div>
</div>
</div>
</div>
<!-- 移动端内容区 -->
<div class="m-wrap hidden-lg">
<div class="powerUniversity-toobar-m">
<a>
<img src="https://s.300.cn/static/v1/images/powerUniversity/logo-m.png" alt="">
</a>
<form id="topBarSerach-m" action="/xxzx/search" method="get">
<div class="inputBox">
<input type="text" placeholder="请输入关键字查找..." id="search-input-m" class="info-search-input" name="wd" value="" />
<i class="iconfont iconsousuo1"></i>
</div>
</form>
</div>
<div class="detailSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxmxq" data-slug="dldxmxq" data-swiper="detailSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="{url}" target="{target}">
<img pic-src="{pic}" alt="{title}">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
<div class="detailBox">
<h3>HTML 网页制作的基本步骤</h3>
<div class="crumbs">
<a>学习中心</a>
<span>/</span>
<a href="/xxzx/wzjsyy">网站建设学院</a>
</div>
<div class="msg">
<span class="date">2024-06-18</span>
<div class="num" style="display:flex;">
<span class="watch">
<i class="iconfont iconchakan"></i>
<browse class="clickcount-learn-7454" data-type="learn" data-id="7454"></browse>
</span>
<div class="applaud" data-chanid="460" data-id="7454">
<i class="iconfont iconbixin"></i>
<span class="num"><like class="goodcount-learn-7454" data-type="learn" data-id="7454"></like></span>
<p class="add animated">
赞同+1
</p>
</div>
</div>
</div>
<!-- 富文本区域 -->
<div class="ricthText case-content">
<p> 1. 确定网页的结构</p><p> 在进行 HTML 网页制作之前，首先需要明确网页的结构。通常包括顶部导航栏、侧边栏、主体内容和底部版权信息等部分。确定好网页的结构之后，可以开始编写 HTML 代码。</p><p> 2. 创建 HTML 文件</p><p> 使用文本编辑器，比如记事本或者专业编程工具，创建一个新的文件，将其保存为 .html 扩展名。这是用于创建 HTML 网页的基本步骤。</p><p> 3. 添加文档类型声明</p><p> 在 HTML 文件的第一行，添加文档类型声明，告诉浏览器解析网页所使用的 HTML 版本。常见的文档类型声明包括 HTML5 的 `<!DOCTYPE html>`，禁用浏览器兼容模式等。</p><p> 4. 编写 HTML 结构</p><p> 在 HTML 文件中，按照确定的网页结构编写 HTML 代码。使用标签来定义不同的部分和元素，比如 `<header>`、`<nav>`、`<section>`、`<aside>`、`<main>` 和 `<footer>` 等。这些标签能够让浏览器正确地解析网页的结构，也方便了 CSS 和 JavaScript 的样式和交互。</p><p> 5. 设置网页标题</p><p> 在 `<head>` 标签内，用 `<title>` 标签设置网页的标题。标题将显示在浏览器标签栏上，并且是<a href="https://www.300.cn/seo1.html" target="_blank">搜索引擎优化</a>的重要部分。</p><p> 6. 添加文本内容</p><p> 在网页的不同部分使用适当的标签和格式添加文本内容。比如使用 `<h1>` 标签表示页面的主标题，使用 `<p> ` 标签表示段落等。可以根据需要使用更多的标签来实现更复杂的文本样式和排版。</p><p> 7. 插入图像和多媒体</p><p> 要向网页添加图像、音频或视频等多媒体元素，可以使用 HTML 的 `<img>`、`<audio>` 和 `<video>` 等标签。设置正确的文件路径和属性，确保多媒体能够正确地展示在网页上。</p><p> 8. 添加链接</p><p> 使用 `<a>` 标签添加链接到网页的其他部分、其他网页或外部网站。通过设置正确的 href 属性，在用户点击链接时能够正确地跳转到目标页面。</p><p> 9. 设置样式和布局</p><p> 要添加样式和布局，可以使用 CSS（层叠样式表）。通过在 HTML 中使用 `<style>` 标签或将 CSS 代码分离到独立的 .css 文件中，来定义页面的外观和排版。CSS 提供了丰富的选择器和属性，使得网页能够以更美观和一致的方式展示。</p><p> 10. 进行测试和调试</p><p> 在制作完网页之后，进行测试和调试至关重要。确保网页在不同的浏览器和设备上都能够正确显示，并检查页面的链接、图像和其他元素是否正常工作。通过调试工具检查并修复可能出现的错误和问题。</p><p> 11. 发布网页</p><p> 在测试通过后，可以将网页发布到互联网上，供其他人访问。将 HTML 文件上传到网站托管提供商，或者使用专业的网页编辑<a href="https://www.300.cn/product/shuma.html" target="_blank">软件</a>将网页发布到个人或企业的服务器上。</p><p> 总结</p><p> HTML 网页制作的基本步骤包括确定网页结构、创建 HTML 文件、添加文档类型声明、编写 HTML 结构、设置网页标题、添加文本内容、插入图像和多媒体、添加链接、设置样式和布局、进行测试和调试，最后发布网页。通过按照这些步骤进行操作，可以制作出漂亮、可用并且富有交互性的网页。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx//7455.html">公司自建网站的优势和注意事项</a>
</p>
</div>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求" class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength='11' placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<span class="btn1 zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
</span>
<div class="poperWrap">
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
<i class="iconfont iconguanbi11 closePoper"></i>
</div>
</div>
</div>
</form>
</div>
</div>
<input type="hidden" id="articleId" value="7454" />
<input type="hidden" id="channelId" value="460" />
<input type="hidden" id="channelType" value="learn" />
<input type="hidden" id="isDetail" value="1" />
<link rel="stylesheet" href="//s.300.cn/static/v1/css/components/component-tel.css?202104171" />
<div class="hidden-xs hidden-md hidden-sm">
<div class="ics-tel pc tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="text" class="tel-num telNum" value="" placeholder="输入手机号" />
<div class="clear-btn" style="display: none">
x
</div>
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 20px;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
</div>
<div class="hidden-lg">
<div class="ics-tel m tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="tel" class="tel-num telNum" value="" placeholder="输入手机号" />
<!-- <div class="clear-btn">x</div> -->
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 .2rem;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenFooterForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="https://www.300.cn/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
<!-- 移动端底部 -->
<!-- 移动端调试工具 -->
<div class="hidden-lg">
<script src="https://s.300.cn/static/v1/libs/js/public.m.js?20230104203054"></script>
<script src="https://s.300.cn/static/v1/libs/js/form.m.js?20230104203054"></script>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/headsearch.js?20230104203054"></script>
<div class="footer m">
<div class="copy-right">
<p>
Copyright © 1999-2025 中企动力科技股份有限公司（300.cn）All Rights
Reserved
</p>
<p>京公网安备11030102010293号 京ICP证010249-2</p>
</div>
</div>
<script>
$(function(){
$('#footerDialogLabel').click(function(){
$("#footerDialog").stop().fadeIn(300);
})
$('#footerDialog').on('touchmove',function(e){
e.stopPropagation();
e.preventDefault();
})
$('#footerDialog #consultClose').click(function(){
$("#footerDialog").stop().fadeOut(300);
})
$('#footerDialog .verify_image_footer').on('click',function(){$(this).attr('src','/verify/verify?date='+ (+new Date()))})
})
</script>
<!-- 移动端表单弹窗 -->
<div class="footerDialogModalWrap" id="footerDialog">
<form action="/customer/feedback" method="post">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" />
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" class="formType" name="formType" value="手机站底表单" />
<!-- 打开表单按钮 -->
<input type="hidden" class="eventType" name="eventType" value="m-bottom-form" />
<div class="pop-form-wrap">
<div id="consultClose" class="pop-form-close">
<img src="https://s.300.cn/v3.0/m-branch/images/consult-close.png" alt="">
</div>
<p class="pop-form-title">立即联系我</p>
<div class="pop-form-content">
<div class="pop-form-item">
<input type="text" name="company" placeholder="请输入公司名称">
</div>
<div class="pop-form-item">
<input type="text" name="mobile" placeholder="请输入手机号码">
</div>
<div class="pop-form-item">
<input type="text" name="truename" placeholder="请输入联系人">
</div>
<div class="flex-row pop-form-item">
<input type="text" id="verify" name="verify" class="verifyInput" placeholder="请输入验证码">
<img style="width:auto;height: 8vw;display: inline-block; vertical-align: middle;"
src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_footer" data-act=""
alt="">
</div>
<div class="pop-form-btn">
<input type="hidden" name="baiduSource" id="baiduSource"
value="INTENTION_SOURCE_300_FORM02" />
<div id="consultSubmit" class="pop-form-submit consult-submit zixunsubmit">立即提交</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- PC端底部 -->
<div class="hidden-xs hidden-md hidden-sm _pc">
<div class="footer">
<div class="footer-topbar">
<div class="main-wrap new-w1200">
<ul class="footer-topbar-content clearfix">
<li class="footer-topbar-item">
<div class="cycle cycle1">
<span class="f28">7</span> x <span class="f28">24</span>
</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle2"><span class="f28">100</span> 倍</div>
<div>故障时长赔付</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle3"><span class="f28">25</span> 年</div>
<div>25年行业服务经验</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle4"><span class="f28">70</span> 家</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle5"><span class="f28">1600</span>+ 名</div>
<div>超千人的设计、研发团队</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle6"><span class="f28">150</span> 万</div>
<div>服务企业客户150万家</div>
</li>
</ul>
<div class="line"></div>
</div>
</div>
<div class="footer-body">
<div class="main-wrap footer-content new-w1200">
<div class="clearfix">
<div class="footer-menu">
<a target="_blank" href="https://www.300.cn/contact.html">联系我们</a><span>|</span>
<a href="https://www.300.cn/feedback.html" target="_blank">意见反馈</a><span>|</span>
<a href="https://www.300.cn/aboutus/org.html" target="_blank">全国网点</a><span>|</span> <a
href="https://www.300.cn/map.html" target="_blank">站点地图</a><span>|</span>
<a href="https://www.300.cn/aboutus/link.html" target="_blank">友情链接</a><span>|</span>
<a href="https://www.myce.cn/" target="_blank">行业站</a><span>|</span>
<a href="https://mailv.zmail300.cn/webmail/login.php?msg=login&source=300"
target="_blank">邮箱登录</a><span>|</span>
<a href="https://en.300.cn/" target="_blank">English</a><span>|</span>
<a href="http://www.ce-group.cn/" target="_blank">中企集团官网</a>
</div>
<div class="copyright mt10">
Copyright © 1999-2025 中企动力科技股份有限公司（300.cn）版权所有
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11030102010293 "
target="_blank" style="color: #999">京公网安备11030102010293号 </a><a
href="http://beian.miit.gov.cn" target="_blank" style="color: #999">京ICP证010249-2</a><span
style="
display: inline-block;
vertical-align: middle;
margin-left: 10px;
">
<script id="IPv6Script" type="text/javascript"
src="https://ipv6.knet.cn/logo.dll?sn=ES19120636ND144173&w=47"></script>
</span>
</div>
<div class="footer-menu mt10">代理域名注册服务机构： 中网瑞吉思（天津）科技有限公司 北京新网数码信息技术有限公司</div>
<div class="kx-wrap clearfix">
<div class=" fl">
<div class="fl">
<script id="kXScript_1" type="text/javascript"
src="https://kxlogo.knet.cn/seallogo.dll?sn=2009111300100000738&h=28"></script>
</div>
</div>
</div>
</div>
<div class="footer-tel clearfix">
<i class="iconfont iconshouyedibudianhua fl"></i>
<div class="fl">
<div>
售后服务：<span class="sll-tel">400-660-5555</span>
</div>
<div>
<span class="sll-z9 fr">应急响应专线转 (9)</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script charset="UTF-8" src="https://s.300.cn/static/v1/libs/js/sensorsdata/sensorsdata.min-1.26.12.js"></script>
<script charset="UTF-8">
function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
server_url: 'https://cdp-event.ceboss.cn/sa?project=production',
heatmap: { scroll_notice_map: 'not_collect' },
use_client_time: true,
show_log: false,
send_type: 'beacon',
});
var productName300cn = ZQDL.util.productName300cn;
var domaintmp = document.domain;
var custId300cn = getCookie('300cn_custId');
domaintmp = domaintmp.replace(/dev-/, '');
domaintmp = domaintmp.replace(/test-/, '');
domaintmp = domaintmp.replace(/pre-/, '');
if(custId300cn){
sensors.login(custId300cn)
}
var str = {
is_login: custId300cn ? true : false,
product_name: productName300cn[domaintmp],
};
if($('#live_carousel_id').val()!=undefined && $('#live_carousel_title').val()!=undefined){
str.live_carousel_id = $('#live_carousel_id').val();
str.live_carousel_title = $('#live_carousel_title').val();
}
sensors.registerPage(str);
/*神策活动埋点数据*/
sensors.register({
ce_hd_slug:getCookie('ce_hd_slug')?getCookie('ce_hd_slug') : 'gz_gz_gz',
});
sensors.quick('autoTrack');
var consoleApiBaseUri = 'https://new-api-console.300.cn';
var shopApiBaseUri = 'https://api-shop.300.cn';
var memberPcBaseUri = 'https://new-console.300.cn';
var portalBuyBaseUri = 'https://portalbuy.300.cn';
var basePcUri = 'https://www.300.cn';
var baseMUri = 'https://m.300.cn';
var baseuriMmemberHome = 'https://h5.300.cn';
</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2627684817413321');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2627684817413321&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- pc -->
<div class="_tool-bar hidden-xs hidden-sm hidden-md">
<a href="https://tb.53kf.com/code/client/10168926/3" class="_tool-oval-info" target="_blank"
style="position: relative;justify-content: center;flex-direction: column;">
<i class="iconfont iconce-zaixianzixun" aria-hidden="true"></i>
<span>在线咨询</span>
</a>
<div class="_tool-bar-bottom">
<div class="wachat-box">
<div class="qrcode-box">
<img class="qrcode-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="" />
<p class="qrcode-tip">添加<span>动力小姐姐</span>微信</p>
</div>
<i class="iconfont iconce-erweima" aria-hidden="true"></i><span>微信咨询</span>
</div>
<div class="wachat-box phone-box">
<div class="qrcode-box _tool-contact _phoneContent">
<div class="_tool-contact-cell">
<div class="_fl"><i class="iconfont iconce-womenlianxinin" aria-hidden="true"></i></div>
<div class="_fl _tool-contact-type">我们联系您</div>
<div class="clearfix"></div>
<div class="_tool-contact-mobile">
<input type="tel" value="" class="_phoneNumber" autocomplete="off" name="mobile" id="mycall_input"
required="required" placeholder="输入手机号" />
</div>
<div class="_tool-contact-code">
<input type="text" name="verify" id="mycall_verify" autocomplete="off" class="_codeNumber"
placeholder="验证码" />
<div class="_codeImg">
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_left" alt="">
</div>
<div class="clearfix"></div>
</div>
<button type="button" class="_tool-submit" id="mycall_submit">免费回拨</button>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="https://www.300.cn/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
</div>
<i class="iconfont iconce-kefu" aria-hidden="true"></i><span>咨询回电</span>
</div>
</div>
</div>
<div class="_err_Msg"></div>
<!-- m -->
<div class="m-tool-bar hidden-lg">
<a href="tel:400-660-5555" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconshouyedibudianhua"></i></div>
<div class="m-tool-tip">电话沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="https://tb.53kf.com/code/client/10168926/3" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconce-zaixianzixun"></i></div>
<div class="m-tool-tip">在线沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="javascript:void(0)" class="m-tool-contact m-qr-show">
<div class="m-tool-i"><i class="iconfont iconweixin"></i></div>
<div class="m-tool-tip">微信咨询</div>
</a>
<div class="m-qr-mask">
<div class="m-qr-mask-body">
<div class="m-qr-mask-head">微信扫码关注动力小姐姐 <span class="m-qr-close">X</span> </div>
<div class="m-qr-code">
<img src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210308211108" alt="qr">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/toolbar.js?20230104203054"></script>
<!-- 弹窗 -->
<div class="hd-pop" id="hd_pop">
<div class="hd-pop-wrap" id="hd_pop_wrap">
<div class="hd-pop-content">
<div class="hd-content" id="hd_content"></div>
<div class="hd-pop-close" id="hd_pop_close"></div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://s.300.cn/attach/style/v3.0/home/css/login-pop.css?">
<div class="buy-pop-warning">
<div class="flex-col buy-pop-login">
<div class="flex-col buy-pop-block">
<p class="buy-pop-title">请登录您的帐号：</p>
<a href="https://www.300.cn/sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login pc_home_login">去登录</a>
<a href="https://m.300.cn/sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login m_home_login">去登录</a>
</div>
<div class="flex-row buy-pop-block">
<p class="buy-pop-p">如您尚未注册帐号，请先注册</p>
<a href="https://www.300.cn/reg/register" class="buy-pop-btn btn-b home_reg pc_home_reg">去注册</a>
<a href="https://h5.300.cn/reg/register" class="buy-pop-btn btn-b home_reg m_home_reg">去注册</a>
</div>
<a href="javascript:void(0);" class="buy-pop-close"></a>
</div>
</div>
<script>
/* 判断是否已登录 */
function checkLogin(callback) {
try {
callback(logined)
} catch (error) {
$.ajax({
url: basePcUri + '/sso/islogin?is_ajax=1',
type: 'POST',
dataType: 'jsonp',
data: {},
success: function (data) {
/* console.log(data); */
if (typeof callback === "function") {
callback(data);
}
}
})
}
}
</script>
<script>
ZQDL.util.path = {"shopapi":"api-shop.300.cn","consoleBuy":"https://portalbuy.300.cn","consoleApi":"https://new-api-console.300.cn","console":"https://new-console.300.cn","300cn":"","analytics":{"cnzz":"1260942543","baidu":"6f0f6cbf8573c4abf74207e5f6cf014","qq":"XzgwMDE0NDcwMF8zODA4NzdfODAwMTQ0NzAwXw"},"surl":{"url":"http:\/\/wx.300.cn\/index.php","tenant_id":1,"channel_type":1,"token_id":"ab0d4dfcd4cf0e76825641696088f919","passwordKey":"app#interface!"}};
ZQDL.util.protocol = ("https:" == document.location.protocol) ? " https://" : " http://";
ZQDL.util.zixun = {"tq":{"work":["08:59","17:45"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279"},"bd":{"work":["17:45","08:59"],"no_work":["00:00","23:59"],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"360":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"tx":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087"},"sg":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"sm":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"wy":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"baidu_url":"http:\/\/p.qiao.baidu.com\/cps\/chat?siteId=10660374&userId=22490479","qq_url":"http:\/\/wpa.b.qq.com\/cgi\/wpa.php?ln=1&key=XzgwMDE0NDcwMF80NjQ2ODlfODAwMTQ0NzAwXzJf"};
</script>
</body>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?ad721a4a8912aa77ef574a4de1ff8526";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
ZQDL.apps.vistCount.load('https://s.300.cn/plugins/common/js/hm.js', function(){
var visittrack_siteId ="300cn";
var visittrack_url="https://s.300.cn/plugins/common/images/a.png";
var visittrack_memberId = 300;
var usrid= VisitTrack.getSessionValueFlowing();
if(usrid){
ZQDL.cookie.set('userId',usrid);
ZQDL.apps.visitSessionId=usrid;
}
VisitTrack.visittrack_log( visittrack_siteId, visittrack_url, visittrack_memberId);
ZQDL.apps.vistCount.init();
ZQDL.apps.vistCount.initForm();
ZQDL.apps.vistCount.countUrl = visittrack_url;
$('.zixun_count').on('click',function(){ZQDL.apps.vistCount.zixunClick(this);});
$('.visit_count').on('click',function(){ZQDL.apps.vistCount.visitCount(this);});
$('.baidu_call').on('click',function(){ZQDL.apps.vistCount.baiduCallClick(this);});
})
</script>
<!-- 励销云获客代码 -->
<script src='//visitor.weiwenjia.com/public/js/visitor/index.js?siteId=1748&oid=11651423&signature=Fkld19qGW4yRDHy6ghLO/g==' data-visitor='visitor-identify' ></script>
<!-- 53客服 -->
<script>
(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/10168926/3";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();
</script>
<wxhml>
<div class="wx_share_wxhtml">
<input type="hidden" id="wx_sh_appid" value="">
<input type="hidden" id="wx_sh_nonceStr" value="">
<input type="hidden" id="wx_sh_signature" value="">
<input type="hidden" id="wx_sh_timestamp" value="">
</div>
</wxhml>
<input type="hidden" id="global_share_img" value="https://s.300.cn/v4.0/mobile/images/shareimg/ce300.jpg">
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://s.300.cn/plugins/common/js/wxhtml.js?20220413171324"></script>
<script>
$(function(){
info.cateList();
$('.formText').on('input',function(){
var msg = $(this).parent().children('.maxNum');
var max = $(this).prop('maxlength')
var curent = $(this).val().length;
msg.text(curent + "/" + max);
})
$('.code_image').on('click',function(){
$(this).prop('src','/verify/verify?'+ (+new Date()))
})
$('.verifyInput').on('click',function(){
$(this).siblings(".code_image").prop('src','/verify/verify?'+ (+new Date()));
})
if ($(".m-wrap").is(':visible')) {
$('.m-wrap .poperWrap').on('touchmove',function(e){
e.stopPropagation()
e.preventDefault()
})
$('.m-wrap .wechat').on('click',function(){
$('.m-wrap .poperWrap').fadeIn()
})
$('.m-wrap .poperWrap .closePoper').on('click', function () {
$('.m-wrap .poperWrap').fadeOut()
})
}
});
</script>
<script src="https://s.300.cn/static/v1/libs/js/jquery-ias.min.js?20230104203054"></script>
</html>
