在当今的数字化时代，拥有一个既独特又富有吸引力的网站变得愈发关键。Dreamweaver（简称DW），作为业界前沿的网页设计与开发工具，不仅为初学者铺设了易于上手的学习路径，也为专业人士提供了强大的创作平台，助力他们打造出令人瞩目的在线作品。本文将通过详尽且图文并茂的教程系列，引领您踏入DW网页设计的广阔天地，从零起步，逐步构建属于您的专属网站！
**一、初识Dreamweaver界面概览**
首先，我们来熟悉一下DW的工作界面布局。启动软件后，您将看到一个设计直观的用户界面，它主要由菜单栏、工具栏、文档窗口、属性检查器以及面板组等核心部分构成。菜单栏是访问所有功能命令和设置选项的门户；工具栏则汇聚了一系列常用任务的快捷按钮；文档窗口则是您进行网页编辑与创意发挥的主要舞台；属性检查器负责展示并允许您修改当前选中元素的各项属性；而面板组则集合了多种辅助设计与编码的实用功能面板，包括“文件”、“代码”、“设计”等视图模式的无缝切换，以及如“CSS设计器”、“实时预览”这类增强工作效率的工具。
**二、新项目创建与基础配置**
- **新建HTML文件**：通过菜单栏中的“文件”>“新建”，选择“HTML”文档类型，即可轻松创建出一个全新的空白HTML页面。
- **设置页面属性**：在属性检查器中，您可以灵活定义页面标题、字符集、背景颜色或图片、文本颜色等全局样式，为网站奠定视觉基调。
- **保存与命名**：使用“文件”>“保存”命令，为文件赋予一个具有描述性的名称，并选择合适的存储位置。记得采用.html作为文件扩展名，以确保网页的正确识别。
**三、布局构建与结构规划**
- **利用Div容器布局**：在“插入”面板的“布局”类别中，点击“插入Div标签”，在弹出的对话框中设定ID或类名后，即可在文档窗口中精准绘制出所需的布局区域。
- **添加头部信息**：在`
`标签内，嵌入`
`标签以定义网页标题，同时利用`<meta>`标签设置视口元数据、关键词等SEO关键信息，提升网站的搜索引擎优化效果。</p>
<p>- **构建导航栏**：借助无序列表(`<ul>`)结合类或ID样式，可轻松打造出横向或纵向排列的导航菜单，增强网站的导航体验。</p>
<p>- **内容区域规划**：根据网站的功能需求，合理划分不同的内容区块，如主视觉区、新闻动态、产品展示、关于我们等，每个板块用一个独立的Div包裹，便于后续的样式应用与内容管理。</p>
<p>**四、CSS样式美化技巧**</p>
<p>- **内部样式与外部样式表的选择**：您可以选择直接在HTML文件中编写内联样式，或者创建独立的CSS文件并在HTML中引用。推荐采用外部样式表，以便更高效地管理和复用样式代码。</p>
<p>- **掌握选择器与属性**：学习基本的CSS选择器（如元素选择器、类选择器、ID选择器）及其常用属性（如颜色、字体、边距、填充等），逐步为您的网页元素增添个性化的视觉风格。</p>
<p>- **实现响应式设计**：利用媒体查询(@media)技术，使网站能够在不同屏幕尺寸下自动调整布局，确保用户在任何设备上都能获得良好的浏览体验。</p>
<p>**五、交互效果与功能拓展**</p>
<p>- **行为面板的应用**：DW的行为面板简化了JavaScript代码的添加过程，让您能够轻松为网页元素绑定诸如图像轮播、下拉菜单、表单验证等动态交互效果。</p>
<p>- **表单处理技能**：学会创建包含输入框、文本域、单选按钮、复选框和提交按钮等元素的联系表单，并理解如何在后台处理接收到的表单数据。</p>
<p>- **引入第三方插件与库**：介绍并推荐一些常用的前端框架和库，如jQuery、Bootstrap，它们能够极大地简化开发流程，提供丰富的UI组件和实用功能。</p>
<p>**六、测试与上线准备**</p>
<p>- **跨浏览器兼容性测试**：确保您的网站在主流浏览器（如Chrome, Firefox, Safari, Edge等）中均能正常显示且功能完备。</p>
<p>- **性能优化策略**：通过压缩图片大小、减少HTTP请求数量以及合理运用缓存策略，显著提升网站的加载速度和用户体验。</p>
<p>- **部署上线步骤**：完成上述所有步骤后，即可按照选定的托管服务或服务器环境进行网站部署，正式将您的精心之作推向互联网舞台。</p>
<p>选择一个值得信赖的主机服务提供商，并借助 FTP 或其他途径上传你的网站文件。待域名解析完成后，你的网站便能够面向全球开放了。</p>
<p>经过上述步骤，你已掌握了使用 Dreamweaver 进行网页设计的基础内容。不过，要成为一名出色的网页设计师，需持续实践且不断学习新技术与趋势。愿这篇教程能为你打开一扇通往创意无尽、技术高超的网页设计世界的大门。此刻，不妨开始动手打造你的首个网站吧！</p>
</div>
<div class="news_detail-bottom">
<img src="" alt="" class="news_detail-img">
<div class="prenext newsDetail-p">上一页：<a href="/news/250230.html" title="掌握dw网页设计技巧，提升网站制作水平">掌握dw网页设计技巧，提升网站制作水平</a></div>
<div class="prenext newsDetail-p">下一页：<a href="/news/250232.html" title="DW设计网页教程，从零开始，轻松掌握网页设计技巧">DW设计网页教程，从零开始，轻松掌握网页设计技巧</a></div>
<div class="news_detail-p">* 文章来源于网络，如有侵权，请联系客服删除处理。</div>
</div>
</div>
</div>
<!-- 热门专题 -->
<div class="hot-topic">
<h2 class="title">热门专题</h2>
<div class="topics">
<a href="/special/wzjsdsq.html" class="topic__style topic__btn">网站建设多少钱</a>
<a href="/special/zwzdsq.html" class="topic__style topic__btn">做网站要多少钱</a>
<a href="/special/qyzwzjs.html" class="topic__style topic__btn">企业做网站建设</a>
<a href="/special/wzzmz.html" class="topic__style topic__btn">网站怎么做</a>
<a href="/special/wzdj.html" class="topic__style topic__btn">网站搭建</a>
<a href="/special/wzjszmy.html" class="topic__style topic__btn">网站建设怎么样</a>
<a href="/special/srzwz.html" class="topic__style topic__btn">私人做网站</a>
<a href="/special/wmwzjs.html" class="topic__style topic__btn">外贸网站建设</a>
<a href="/special/seotg.html" class="topic__style topic__btn">seo推广</a>
<a href="/special/seowztg.html" class="topic__style topic__btn">seo网站推广</a>
<a href="/special/wzjsfy.html" class="topic__style topic__btn">网站建设费用</a>
<a href="/special/dzwzjs.html" class="topic__style topic__btn">电子网站建设</a>
<a href="/special/wzjsyq.html" class="topic__style topic__btn">网站建设要求</a>
<a href="/special/xqywzjs.html" class="topic__style topic__btn">小企业网站建设</a>
<a href="/special/wzjsdgn.html" class="topic__style topic__btn">网站建设的功能</a>
<a href="/special/wzjsgj.html" class="topic__style topic__btn">网站建设工具</a>
<a href="/special/wzjsgh.html" class="topic__style topic__btn">网站建设规划</a>
<a href="/special/wzjskf.html" class="topic__style topic__btn">网站建设开发</a>
<a href="/special/wzjscl.html" class="topic__style topic__btn">网站建设策略</a>
<a href="/special/wzjsdhc.html" class="topic__style topic__btn">网站建设的好处</a>
</div>
</div>
<!-- 地区/行业分站 -->
<div class="industry-substation">
<h2 class="title">地区/行业分站</h2>
<div class="substations">
<a href="https://wuhan.myce.cn/" class="substation">武汉网站建设</a>
<a href="https://chengdu.myce.cn/" class="substation">成都网站建设</a>
<a href="https://nanjing.myce.cn/" class="substation">南京网站建设</a>
<a href="https://changsha.myce.cn/" class="substation">长沙网站建设</a>
<a href="https://tianjin.myce.cn/" class="substation">天津网站建设</a>
<a href="https://ningbo.myce.cn/" class="substation">宁波网站建设</a>
<a href="https://suzhou.myce.cn/" class="substation">苏州网站建设</a>
<a href="https://xiamen.myce.cn/" class="substation">厦门网站建设</a>
<a href="https://taizhou.myce.cn/" class="substation">台州网站建设</a>
<a href="https://huizhou.myce.cn/" class="substation">惠州网站建设</a>
<a href="https://nanning.myce.cn/" class="substation">南宁网站建设</a>
<a href="https://shunde.myce.cn/" class="substation">顺德网站建设</a>
<a href="https://weihai.myce.cn/" class="substation">威海网站建设</a>
<a href="https://wenzhou.myce.cn/" class="substation">温州网站建设</a>
<a href="https://wuxi.myce.cn/" class="substation">无锡网站建设</a>
<a href="https://xian.myce.cn/" class="substation">西安网站建设</a>
<a href="https://yichang.myce.cn/" class="substation">宜昌网站建设</a>
<a href="https://zhongshan.myce.cn/" class="substation">中山网站建设</a>
<a href="https://shangqiu.myce.cn/" class="substation">商丘网站建设</a>
<a href="https://haote.myce.cn/" class="substation">呼和浩特网站建设</a>
</div>
</div>
</div>
<div class="news_detail__right">
<!-- 最新文章 -->
<div class="latest__article">
<div class="news_detail__right-title">最新文章</div>
<div class="news_detail__right-list">
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank1">1</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295962.html" title="高效出海SEO背后的内容生产逻辑">高效出海SEO背后的内容生产逻辑</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank2">2</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295961.html" title="用长期信任资产重塑海外SEO的ROI">用长期信任资产重塑海外SEO的ROI</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank3">3</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295960.html" title="将SEO内容转化为出海企业的数字资产">将SEO内容转化为出海企业的数字资产</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank4">4</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295959.html" title="海外 B2B 采购旅程解析：全链路 SEO 锁定目标询盘">海外 B2B 采购旅程解析：全链路 SEO 锁定目标询盘</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank5">5</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295958.html" title="拆解海外买家决策路径，如何用搜索拦截B2B高意向询盘">拆解海外买家决策路径，如何用搜索拦截B2B高意向询盘</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank6">6</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295957.html" title="AI 摘要抢占搜索流量：海外 B2B 如何重构 SEO 获客策略">AI 摘要抢占搜索流量：海外 B2B 如何重构 SEO 获客策略</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank7">7</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295956.html" title="AI时代海外营销变局，为什么死守关键词排名的企业正在出局">AI时代海外营销变局，为什么死守关键词排名的企业正在出局</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank8">8</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295955.html" title="外贸 SEO 新范式：依托数据技术协同解锁长效流量">外贸 SEO 新范式：依托数据技术协同解锁长效流量</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank9">9</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295954.html" title="出海建站上线指南：从抓取规则到多语种适配的技术合规清单">出海建站上线指南：从抓取规则到多语种适配的技术合规清单</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank10">10</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/news/295953.html" title="产品词排名高却无询盘：解锁 B2B 买家决策前的搜索真相">产品词排名高却无询盘：解锁 B2B 买家决策前的搜索真相</a>
</div>
</div>
</div>
<!-- 相关文章 -->
<div class="correlation__article">
<div class="news_detail__right-title">相关文章</div>
<div class="news_detail__right-list">
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank1">1</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296495.html" title="打通评论与私信的流转壁垒，系统化沉淀跨平台买家数据以应对人员变动风险。">打通评论与私信的流转壁垒，系统化沉淀跨平台买家数据以应对人员变动风险。</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank2">2</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296494.html" title="多平台社媒互动线索的一站式沉淀方案">多平台社媒互动线索的一站式沉淀方案</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank3">3</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296493.html" title="揭秘完播率与互动率对算法权重的指标影响，解决非工作时间内贸询盘流失痛点。">揭秘完播率与互动率对算法权重的指标影响，解决非工作时间内贸询盘流失痛点。</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank4">4</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296492.html" title="如何用快速响应维持B2B账号高曝光">如何用快速响应维持B2B账号高曝光</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank5">5</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296491.html" title="探讨宗教敏感与民俗忌讳，传授真正符合目标市场商务语境的本地化文案生成逻辑。">探讨宗教敏感与民俗忌讳，传授真正符合目标市场商务语境的本地化文案生成逻辑。</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank6">6</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296490.html" title="避开翻译陷阱：外贸社媒本地化内容的红线与合规指南">避开翻译陷阱：外贸社媒本地化内容的红线与合规指南</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank7">7</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296489.html" title="深度剖析海外主流社媒的用户画像与算法偏好，精准定制发布策略防止一稿通发。">深度剖析海外主流社媒的用户画像与算法偏好，精准定制发布策略防止一稿通发。</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank8">8</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296488.html" title="LinkedIn与TikTok差异化运营：打造契合平台算法的爆款内容">LinkedIn与TikTok差异化运营：打造契合平台算法的爆款内容</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank9">9</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296487.html" title="解析买家心智变化，帮中企动力业从单纯的品牌展示转向信任建立，实现高效社媒获客。">解析买家心智变化，帮中企动力业从单纯的品牌展示转向信任建立，实现高效社媒获客。</a>
</div>
</div>
<div class="news_detail__right-item">
<div class="news_detail__right-rank rank10">10</div>
<div class="news_detail__right-p ellipsis">
<a href="https://www.myce.cn/info/296486.html" title="B2B跨境采购决策链重构：如何用社媒内容在询盘前建立信任">B2B跨境采购决策链重构：如何用社媒内容在询盘前建立信任</a>
</div>
</div>
</div>
<!-- 热门产品 -->
<div class="hot__product">
<div class="news_detail__right-title">热门产品</div>
<div class="products">
<a href="/product/haiwaituiguang.html" rel="nofollow" class="product" >谷歌推广</a>
<a href="/product/waimao.html" rel="nofollow" class="product" >独立站</a>
<a href="/product/seo.html" rel="nofollow" class="product" >网站推广</a>
<a href="/product/website.html" rel="nofollow" class="product" >网站建设</a>
<a href="/product/gaopinzhi.html" rel="nofollow" class="product" >高端网站建设</a>
<a href="/product/marketingsite.html" rel="nofollow" class="product" >网站营销方案</a>
<a href="/product/exportweb.html" rel="nofollow" class="product" >外贸网站建设</a>
</div>
</div>
<!-- 热门方案 -->
<div class="hot__plan">
<div class="news_detail__right-title">热门方案</div>
<div class="plans">
<a href="/solution/dzxx.html" class="plan ">电子信息行业建站解决方案</a>
<a href="/solution/fuwu.html" class="plan ">服务行业建站解决方案</a>
<a href="/solution/kczy.html" class="plan ">矿产资源行业建站解决方案</a>
<a href="/solution/whcy.html" class="plan ">文化创意行业建站解决方案</a>
<a href="/solution/nongye.html" class="plan ">农业行业建站解决方案</a>
<a href="/solution/waimaotuiguang.html" class="plan ">外贸海外推广解决方案</a>
<a href="/solution/jiaju1.html" class="plan ">家居行业解决方案</a>
<a href="/solution/yiqiyibiao.html" class="plan ">仪器仪表行业解决方案</a>
<a href="/solution/wujin.html" class="plan ">五金配件行业解决方案</a>
<a href="/solution/canyinjiameng.html" class="plan ">餐饮加盟业解决方案</a>
</div>
</div>
</div>
</div>
</div>
<!-- pc底部 -->
<div class="footer_wrap">
<div class="footer_box w1200">
<div class="footer-introduce">
<div class="footer-introduce-item">
<img src="https://s.myce.cn/static/image/common/introduce1.png" alt="" class="footer-introduce-img">
<div class="footer-introduce-text">7*24小时</div>
<div class="footer-introduce-p">全国售后服务</div>
</div>
<div class="footer-introduce-item">
<img src="https://s.myce.cn/static/image/common/introduce2.png" alt="" class="footer-introduce-img">
<div class="footer-introduce-text">100倍</div>
<div class="footer-introduce-p">故障时长</div>
</div>
<div class="footer-introduce-item">
<img src="https://s.myce.cn/static/image/common/introduce3.png" alt="" class="footer-introduce-img">
<div class="footer-introduce-text">24年</div>
<div class="footer-introduce-p">行业服务经验</div>
</div>
<div class="footer-introduce-item">
<img src="https://s.myce.cn/static/image/common/introduce4.png" alt="" class="footer-introduce-img">
<div class="footer-introduce-text">70家</div>
<div class="footer-introduce-p">全国售后支持</div>
</div>
<div class="footer-introduce-item">
<img src="https://s.myce.cn/static/image/common/introduce5.png" alt="" class="footer-introduce-img">
<div class="footer-introduce-text">1000+</div>
<div class="footer-introduce-p">设计研发团队</div>
</div>
<div class="footer-introduce-item">
<img src="https://s.myce.cn/static/image/common/introduce6.png" alt="" class="footer-introduce-img">
<div class="footer-introduce-text">150万家</div>
<div class="footer-introduce-p">企业客户服务</div>
</div>
</div>
<div class="footer-keywords">本站关键词：
<a href="https://www.myce.cn/">网站建设</a>、
<a href="https://www.myce.cn/">网站制作</a>、
<a href="https://www.myce.cn/">网站设计</a>、
<a href="https://www.myce.cn/">网站开发</a>、
<a href="https://www.myce.cn/">网站建设公司</a>、
<a href="https://www.myce.cn/">网站建设公司哪家好</a>
</div>
<div class="footer-bottom">
<div>
<div class="footer-beian">
Copyright © 1999-2026 中企动力科技股份有限公司（300.cn）版权所有 <a href="https://beian.miit.gov.cn/">京ICP备10002622号-23</a>
</div>
<p class="footer-beian">代理域名注册服务机构：中网瑞吉思（天津）科技有限公司 北京新网数码信息技术有限公司</p>
<p class="footer-beian">域名投诉处理400-660-5555-9 service4006@300.cn</p>
</div>
<div class="footer-phone">
<img src="https://s.myce.cn/static/image//common/phone.png" alt="" class="footer-phone-img">
<p class="footer-phone-p">服务热线 400-660-5555 （转1）</p>
</div>
</div>
</div>
</div>
<!-- pc悬浮 -->
<div class="_tool-bar">
<a href="https://tb.53kf.com/code/client/10168926/8" class="_tool-oval-info" target="_blank">
<img src="https://s.myce.cn/static/image/common/xf1.png" alt="" class="xf-icon">
<div class="_tool-oval-info-p">
<span>在线</span>
<span>咨询</span>
</div>
</a>
<div class="_tool-bar-bottom">
<div class="wachat-box">
<div class="qrcode-box">
<img class="qrcode-img" src="https://s.myce.cn/upload/images/f9726b022aba31fc98004056475fff3f.jpg?20260824170716" alt="">
<p class="qrcode-tip">添加<span>动力小姐姐</span>微信</p>
</div>
<img src="https://s.myce.cn/static/image/common/xf2.png" alt="" class="xf-icon">
<img src="https://s.myce.cn/static/image/common/xf2-a.png" alt="" class="xf-icon1">
<div class="wachat-box-p">
<span>微信</span>
<span>咨询</span>
</div>
</div>
<div class="wachat-box phone-box">
<div class="qrcode-box _tool-contact _phoneContent" style="bottom: -90px;" >
<div class="_tool-contact-cell">
<div class="_fl-left">
<img src="https://s.myce.cn/static/image/common/xflx1.png" alt="" class="_fl-icon">
</div>
<div class="_fl-right _tool-contact-type">
<p>电话咨询</p>
<p class="_phone">400-660-5555 （转1）</p>
</div>
</div>
<div class="_tool-contact-cell">
<div class="_fl-left">
<img src="https://s.myce.cn/static/image/common/xflx2.png" alt="" class="_fl-icon1">
</div>
<form action="https://www.300.cn/customer/feedback?is_ajax=1" method="post" >
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="baiduSource" name="baiduSource" value="hangye" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="hangyezhan" />
<!-- 常规表单不记入活动 -->
<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="" />
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<div class="_fl-right">
<div class="_fl _tool-contact-type">
<p>我们联系您</p>
</div>
<div class="clearfix"></div>
<div class="_tool-contact-mobile">
<input type="tel" class="_phoneNumber required" name="mobile" id="mobile" required_msg="手机号码不能为空" placeholder="输入手机号">
</div>
<div class="_tool-contact-code">
<input type="text" class="_codeNumber verifyInput required verify" name="verify" required_msg="验证码不能为空" placeholder="验证码">
<div class="_codeImg">
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_left verify_image" data-verifyUri="https://www.300.cn/verify/jsonVerify?" alt="">
</div>
</div>
<button type="button" class="_tool-submit zixunsubmit">提交</button>
</div>
</form>
</div>
</div>
<img src="https://s.myce.cn/static/image/common/xf3.png" alt="" class="xf-icon">
<img src="https://s.myce.cn/static/image/common/xf3-a.png" alt="" class="xf-icon1">
<div class="wachat-box-p">
<span>电话</span>
<span>咨询</span>
</div>
</div>
</div>
</div>
<!-- 手机底部 -->
<div class="footer-mobile-wrap">
<div style="text-align: center;line-height:0.30rem;">
<a href="https://www.300.cn" class="footer-mobile-cop">Copyright © 1999-2026 中企动力科技股份有限公司</a>
<a href="https://beian.miit.gov.cn/" class="footer-mobile-cop">京ICP备10002622号-23</a>
<p class="footer-mobile-cop">代理域名注册服务机构：中网瑞吉思（天津）科技有限公司 北京新网数码信息技术有限公司</p>
<p class="footer-mobile-cop">域名投诉处理400-660-5555-9 service4006@300.cn</p>
</div>
</div>
<div class="footer-mobile-list">
<!-- 如果需要换成a标签 直接把div换成a即可 -->
<a class="footer-mobile-item" href="tel:400-660-5555 （转1）">
<img src="https://s.myce.cn/static/image/common/footer1.png" alt="" class="footer-mobile-img">
<p class="footer-mobile-p">电话咨询</p>
</a>
<div class="footer-mobile-line"></div>
<a class="footer-mobile-item" href="https://tb.53kf.com/code/client/10168926/8">
<img src="https://s.myce.cn/static/image/common/footer2.png" alt="" class="footer-mobile-img" style="width: 0.43rem;">
<p class="footer-mobile-p">在线咨询</p>
</a>
<div class="footer-mobile-line"></div>
<div class="footer-mobile-item wechatClick">
<img src="https://s.myce.cn/static/image/common/footer3.png" alt="" class="footer-mobile-img">
<p class="footer-mobile-p">微信咨询</p>
</div>
</div>
<!-- 手机端底部弹窗 微信咨询 -->
<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://s.myce.cn/upload/images/f9726b022aba31fc98004056475fff3f.jpg?20260824170716" alt="qr">
</div>
</div>
</div>
</body>
<script>
// 点击显示导航
$('.header-nav-mobile1').click(function () {
$('.navigation-wrap').show()
setTimeout(() => {
$('.navigation-bg').css('opacity', '1');
$('.navigation-box').css('right', '0');
}, 100);
$('body').css('overflow', 'hidden')
$('.header-nav-mobile1').hide();
$('.header-nav-mobile2').show();
})
function navClose() {
$('.navigation-box').css('right', '-75vw');
$('.navigation-bg').css('opacity', '0');
setTimeout(() => {
$('.navigation-wrap').hide()
}, 200);
$('body').css('overflow', 'auto')
$('.header-nav-mobile2').hide();
$('.header-nav-mobile1').show();
}
// 二级导航收缩
$('.navigation-item').click(function () {
if ($(this).next('.navigation-level').css("display") == "none") {
$(this).next('.navigation-level').show();
$(this).find('.navigation-item-icon').css('transform', 'rotate(90deg)');
} else {
$(this).next('.navigation-level').toggle();
$(this).find('.navigation-item-icon').css('transform', 'rotate(0deg)');
}
})
</script>
<script charset="UTF-8" src="https://s.300.cn/static/v1/libs/js/sensorsdata/sensorsdata.min-1.16.7.js?20260824170716"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6f40ae99f5f7387090e01c4894bd6c2a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>(function() {var _53code = document.createElement("script");_53code.src = "https://k.ceboss.cn/im/static/im.js?t="+Date.now();var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();</script>
<script charset="UTF-8">
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
server_url: 'https://sc.dadicinema.com/sa?project=zhongqi_production',
heatmap: { scroll_notice_map: 'not_collect' },
use_client_time: true,
show_log: false,
send_type: 'beacon',
});
var str = {
product_name: "行业站",
};
sensors.registerPage(str);
// 设置用户属性（新增）
sensors.setProfile({
user_agent: navigator.userAgent,
});
sensors.quick('autoTrack');
</script>
<script src="https://s.myce.cn/static/js/app.js"></script>
<script>
apps.vistCount.load('https://s.myce.cn/static/js/hm.js', function(){
var visittrack_siteId ="myce";
var visittrack_url="https://s.myce.cn/static/image/common/a.png";
var visittrack_memberId = 100;
var usrid= VisitTrack.getSessionValueFlowing();
if(usrid){
apps.visitSessionId=usrid;
}
VisitTrack.visittrack_log( visittrack_siteId, visittrack_url, visittrack_memberId);
apps.vistCount.init();
apps.vistCount.initForm();
apps.vistCount.countUrl = visittrack_url;
})
$('.wechatClick').click(function(){
$('.m-qr-mask').show()
})
$('.m-qr-close').click(function () {
$('.m-qr-mask').hide()
})
if($('.index-link-a').length>6 && $(document.body).width() < 1024 ){
$('.index-link-more').show()
}else{
$('.index-link-more').hide()
}
$('.index-link-more').click(function () {
$('.index-link-list').css('height', 'auto')
})
</script>
</html>
