在当今数字化时代，掌握制作web网页的技能变得尤为重要。无论你是创业者、设计师还是单纯的爱好者，了解网页的制作流程都将为你开启通往数字世界的大门。下面，就让我们跟着中企动力一起，探索制作精美网页的秘诀。
### 基础准备
制作网页需要有基本的HTML与CSS知识。HTML（HyperText Markup Language）作为建立网页标准的基础语言，定义了网页的结构和内容。而CSS（Cascading Style Sheets）则负责页面的布局与美化。通过这两者的配合使用，可以构建出既实用又美观的网页界面。
### 创建HTML文件
要开始制作网页，首先需要创建一个HTML文件。操作步骤非常简单：打开文本编辑器如Notepad、Sublime Text或Visual Studio Code等，新建一个文件，然后输入HTML代码。一个简单的HTML文件结构包括``, ``, `
`和``标签，这些构成了网页的基本骨架。
### 编写基本结构
紧接着，需要编写HTML的基本结构。在`
`部分，通常包含网页的标题（`
`），而在`<body>`部分，则是网页展示的具体内容，比如文章标题、段落文本等。例如，`<h1>Hello, World!</h1>`表示网页中的一个一级标题，`<p>This is my first HTML file.</p>`则表示一个段落文本。</p>
<p>### 添加样式</p>
<p>有了内容之后，为了让网页看起来更加吸引人，就需要使用CSS来添加样式。CSS可以用来设置文字的颜色、字体大小、背景图案等，使网页变得更加生动和个性化。一个简单的CSS规则如下：`body {background-color: lightblue;}`，这条规则将会使网页背景变为浅蓝色。</p>
<p>### 响应式设计</p>
<p>随着移动设备的普及，响应式设计成为制作网页不可或缺的一环。利用CSS的媒体查询（Media Queries）等技术，可以使网页在不同大小的屏幕上都能呈现合适的布局和清晰度，提升用户体验。中企动力提供的网页模板大多支持响应式设计，让没有太多经验的用户也能轻松拥有适应多终端的网页。</p>
<p>### 测试与优化</p>
<p>完成以上步骤后，需要在多种浏览器上打开并测试你的网页文件。测试内容包括功能的可用性、布局的稳定性以及在不同设备上的显示效果。根据反馈做出相应的调整和优化，确保你的网页能为尽可能多的用户提供良好的访问体验。</p>
<p>在制作过程中，如果遇到难题或者需要进一步的美化设计，可以借助专业的工具和服务，比如中企动力所提供的一站式<a href="https://www.300.cn/zwz" target="_blank">建站</a>服务。该品牌以其高效便捷的服务深受企业用户欢迎，无论是<a href="https://www.300.cn/" target="_blank">网页设计</a>新手还是资深开发者，都可以从中受益。</p>
<p>### 进阶学习</p>
<p>至此，你已经掌握了制作一个基础网页的大致步骤。但学习的过程不应止步于此，接下来，你可以深入学习JavaScript、jQuery等技术来增加网页的互动性，或者学习如何优化网页的加载速度，提升SEO友好性等。</p>
<p>从HTML与CSS的基础入门到参与高级编程，每一步都会让你离专业的网页设计师更近一步。中企动力将伴你成长，提供专业的技术支持和丰富的资源，助你在网络世界中留下独树一帜的印记。记住，不断学习和实践，才能使你的WEB创作之路愈加宽广。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx/27568.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/80425.html" target="_blank" title="中企动力助力外贸企业构建具备公信力的官方站点 实现海外腾飞">中企动力助力外贸企业构建具备公信力的官方站点 实现海外腾飞</a>
<a class="recommended-item" href="/xxzx/80424.html" target="_blank" title="外贸客户引导术 刁钻时代中以强品牌+好建站撬动国际市场">外贸客户引导术 刁钻时代中以强品牌+好建站撬动国际市场</a>
<a class="recommended-item" href="/xxzx/80423.html" target="_blank" title="企业出海第一步 构建华美专业网站让中企品牌成为客户首选">企业出海第一步 构建华美专业网站让中企品牌成为客户首选</a>
<a class="recommended-item" href="/xxzx/80422.html" target="_blank" title="外销官网如何建设才具备市场穿透力 中企动力带你破解行业密码">外销官网如何建设才具备市场穿透力 中企动力带你破解行业密码</a>
<a class="recommended-item" href="/xxzx/80421.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>打造完美网页，中企动力助你一臂之力</h3>
<div class="crumbs">
<a>学习中心</a>
<span>/</span>
<a href="/xxzx/wzjsyy">网站建设学院</a>
</div>
<div class="msg">
<span class="date">2024-09-12</span>
<div class="num" style="display:flex;">
<span class="watch">
<i class="iconfont iconchakan"></i>
<browse class="clickcount-learn-27567" data-type="learn" data-id="27567"></browse>
</span>
<div class="applaud" data-chanid="460" data-id="27567">
<i class="iconfont iconbixin"></i>
<span class="num"><like class="goodcount-learn-27567" data-type="learn" data-id="27567"></like></span>
<p class="add animated">
赞同+1
</p>
</div>
</div>
</div>
<!-- 富文本区域 -->
<div class="ricthText case-content">
<p>在当今数字化时代，掌握制作web网页的技能变得尤为重要。无论你是创业者、设计师还是单纯的爱好者，了解网页的制作流程都将为你开启通往数字世界的大门。下面，就让我们跟着<a href="https://www.300.cn/" target="_blank">中企动力</a>一起，探索制作精美网页的秘诀。</p>
<p>### 基础准备</p>
<p>制作网页需要有基本的HTML与CSS知识。HTML（HyperText Markup Language）作为建立网页标准的基础语言，定义了网页的结构和内容。而CSS（Cascading Style Sheets）则负责页面的布局与美化。通过这两者的配合使用，可以构建出既实用又美观的网页界面。</p>
<p>### 创建HTML文件</p><p>要开始制作网页，首先需要创建一个HTML文件。操作步骤非常简单：打开文本编辑器如Notepad、Sublime Text或Visual Studio Code等，新建一个文件，然后输入HTML代码。一个简单的HTML文件结构包括`<!DOCTYPE html>`, `<html>`, `<head>`和`<body>`标签，这些构成了网页的基本骨架。</p>
<p>### 编写基本结构</p>
<p>紧接着，需要编写HTML的基本结构。在`<head>`部分，通常包含网页的标题（`<title>`），而在`<body>`部分，则是网页展示的具体内容，比如文章标题、段落文本等。例如，`<h1>Hello, World!</h1>`表示网页中的一个一级标题，`<p>This is my first HTML file.</p>`则表示一个段落文本。</p>
<p>### 添加样式</p>
<p>有了内容之后，为了让网页看起来更加吸引人，就需要使用CSS来添加样式。CSS可以用来设置文字的颜色、字体大小、背景图案等，使网页变得更加生动和个性化。一个简单的CSS规则如下：`body {background-color: lightblue;}`，这条规则将会使网页背景变为浅蓝色。</p>
<p>### 响应式设计</p>
<p>随着移动设备的普及，响应式设计成为制作网页不可或缺的一环。利用CSS的媒体查询（Media Queries）等技术，可以使网页在不同大小的屏幕上都能呈现合适的布局和清晰度，提升用户体验。中企动力提供的网页模板大多支持响应式设计，让没有太多经验的用户也能轻松拥有适应多终端的网页。</p>
<p>### 测试与优化</p>
<p>完成以上步骤后，需要在多种浏览器上打开并测试你的网页文件。测试内容包括功能的可用性、布局的稳定性以及在不同设备上的显示效果。根据反馈做出相应的调整和优化，确保你的网页能为尽可能多的用户提供良好的访问体验。</p>
<p>在制作过程中，如果遇到难题或者需要进一步的美化设计，可以借助专业的工具和服务，比如中企动力所提供的一站式<a href="https://www.300.cn/zwz" target="_blank">建站</a>服务。该品牌以其高效便捷的服务深受企业用户欢迎，无论是<a href="https://www.300.cn/" target="_blank">网页设计</a>新手还是资深开发者，都可以从中受益。</p>
<p>### 进阶学习</p>
<p>至此，你已经掌握了制作一个基础网页的大致步骤。但学习的过程不应止步于此，接下来，你可以深入学习JavaScript、jQuery等技术来增加网页的互动性，或者学习如何优化网页的加载速度，提升SEO友好性等。</p>
<p>从HTML与CSS的基础入门到参与高级编程，每一步都会让你离专业的网页设计师更近一步。中企动力将伴你成长，提供专业的技术支持和丰富的资源，助你在网络世界中留下独树一帜的印记。记住，不断学习和实践，才能使你的WEB创作之路愈加宽广。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx//27568.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="27567" />
<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>
