html5学生dw网页设计大作业，hbuilder仿茅台集团网页设计模板
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">仿茅台集网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页有搜素框 导航栏 js<span style="color: black;">照片</span>轮播；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页由网站首页，<span style="color: black;">机构</span>简介，<span style="color: black;">机构</span>发展历程，最新<span style="color: black;">资讯</span>动态<span style="color: black;">构成</span>；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">详细</span>效果图展示：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/27b2a8d05a9d4048abea1b968ae814fd~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722659064&x-signature=dvpN7IX8QlamHUpoZL%2FQjTUP9uc%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/f010f6b9505b43bb9f9335dad6d49a77~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722659064&x-signature=EdLKRRM6XZzjo%2FE97vlGK2ZCTB4%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/0567255f34f34c82ba4efa5aaa7c4549~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722659064&x-signature=V9G6WhIzcLUf6nsOyVQ4Q%2BpvM%2Bg%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/e3caa27a171743509a0ed0e0f6b258cb~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722659064&x-signature=Koc6Rjqtcy%2BQ0Y3ts4HB8xO0evs%3D" style="width: 50%; margin-bottom: 20px;"></div>首页html代码：
<span style="color: black;"><!DOCTYPE <span style="color: black;">html</span>></span>
<span style="color: black;"><<span style="color: black;">html</span>></span>
<span style="color: black;"><<span style="color: black;">head</span>></span>
<span style="color: black;"><<span style="color: black;">meta</span> <span style="color: black;">http-equiv</span>=<span style="color: black;">"Content-Type"</span> <span style="color: black;">content</span>=<span style="color: black;">"text/html; charset=utf-8"</span> /></span>
<span style="color: black;"><<span style="color: black;">title</span>></span>茅台集团<span style="color: black;"></<span style="color: black;">title</span>></span>
<span style="color: black;"><<span style="color: black;">script</span> <span style="color: black;">type</span>=<span style="color: black;">"text/javascript"</span> <span style="color: black;">src</span>=<span style="color: black;">"js/jquery-1.8.3.min.js"</span>></span><span style="color: black;"></<span style="color: black;">script</span>></span>
<span style="color: black;"><<span style="color: black;">link</span> <span style="color: black;">href</span>=<span style="color: black;">"css/index.css"</span> <span style="color: black;">rel</span>=<span style="color: black;">"stylesheet"</span> <span style="color: black;">type</span>=<span style="color: black;">"text/css"</span>/></span>
<span style="color: black;"><<span style="color: black;">link</span> <span style="color: black;">href</span>=<span style="color: black;">"css/base.css"</span> <span style="color: black;">rel</span>=<span style="color: black;">"stylesheet"</span> <span style="color: black;">type</span>=<span style="color: black;">"text/css"</span>/></span>
<span style="color: black;"></<span style="color: black;">head</span>></span>
<span style="color: black;"><<span style="color: black;">body</span>></span>
<span style="color: black;"><!--顶部--></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"top"</span>></span>
<span style="color: black;"><<span style="color: black;">b</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/logo.gif"</span> /></span><span style="color: black;"></<span style="color: black;">b</span>></span>
<span style="color: black;"><<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"#"</span>></span>设为首页<span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"line2"</span>></span><span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"#"</span>></span><span style="color: black;">保藏</span>网站<span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"line2"</span>></span><span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"#"</span>></span>联系<span style="color: black;">咱们</span><span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"text2"</span>></span>
<span style="color: black;"><<span style="color: black;">input</span> <span style="color: black;">type</span>=<span style="color: black;">"text"</span> <span style="color: black;">class</span>=<span style="color: black;">"text"</span> /></span>
<span style="color: black;"><<span style="color: black;">input</span> <span style="color: black;">type</span>=<span style="color: black;">"image"</span> <span style="color: black;">src</span>=<span style="color: black;">"images/Button.gif"</span> <span style="color: black;">class</span>=<span style="color: black;">"imag"</span>/></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><!--导航--></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"nav"</span>></span>
<span style="color: black;"><<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"index.html"</span> ></span> 首页<span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"summary.html"</span> ></span> <span style="color: black;">机构</span>简介<span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"Products.html"</span> ></span><span style="color: black;">机构</span>发展<span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"News.html"</span> ></span>最新<span style="color: black;">信息</span><span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><!--banner--></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"banner"</span> <span style="color: black;">style</span>=<span style="color: black;">"width:1000px;margin:auto"</span>></span>
<span style="color: black;"><<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">p</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/banner2.gif"</span> /></span><span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"><<span style="color: black;">p</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/banner3.gif"</span> /></span><span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"><<span style="color: black;">div</span>></span><span style="color: black;"><<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"current"</span>></span><span style="color: black;"></<span style="color: black;">span</span>></span><span style="color: black;"><<span style="color: black;">span</span>></span><span style="color: black;"></<span style="color: black;">span</span>></span><span style="color: black;"><<span style="color: black;">span</span>></span><span style="color: black;"></<span style="color: black;">span</span>></span><span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><!--整体容器--></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"Container"</span>></span>
<span style="color: black;"><!--<span style="color: black;">机构</span>简介--></span>
<span style="color: black;"><<span style="color: black;">ul</span> <span style="color: black;">class</span>=<span style="color: black;">"summary_title"</span>></span>
<span style="color: black;"><<span style="color: black;">b</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/icon.gif"</span> /></span><span style="color: black;"></<span style="color: black;">b</span>></span>
<span style="color: black;"><<span style="color: black;">p</span>></span><span style="color: black;">机构</span>简介<span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"><<span style="color: black;">span</span>></span>COMPANY INTRODUCTION<span style="color: black;"></<span style="color: black;">span</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"summary"</span>></span>
<span style="color: black;"><<span style="color: black;">b</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/p3.gif"</span> <span style="color: black;">width</span>=<span style="color: black;">"100"</span> /></span><span style="color: black;"></<span style="color: black;">b</span>></span>
<span style="color: black;"><<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">p</span>></span><span style="color: black;"><<span style="color: black;">span</span>></span>中国贵州茅台酒厂（集团）有限责任<span style="color: black;">机构</span>：<span style="color: black;"></<span style="color: black;">span</span>></span> 中国贵州茅台酒厂(集团)有限责任<span style="color: black;">机构</span>(以下简<span style="color: black;">叫作</span>茅台集团)是国家特大型国有企业，总部<span style="color: black;">位置于</span>贵州遵义市茅台镇，平均海拔 423 米，占地约1.5万亩，其中茅台酒地理标志<span style="color: black;">制品</span><span style="color: black;">守护</span>地域面积为15.03平方<span style="color: black;">千米</span>，员工3.6万余人。 <span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"Box"</span>></span>
<span style="color: black;"><!--最新<span style="color: black;">信息</span>--></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"news"</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"news_title"</span>></span>
<span style="color: black;"><<span style="color: black;">b</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/icon2.gif"</span> /></span><span style="color: black;"></<span style="color: black;">b</span>></span>
<span style="color: black;"><<span style="color: black;">span</span>></span>最新<span style="color: black;">信息</span><span style="color: black;"></<span style="color: black;">span</span>></span>
<span style="color: black;"><<span style="color: black;">a</span>></span>NEWS<span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"news_text"</span>></span>
<span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"#"</span>></span>MORE <span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"><<span style="color: black;">b</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/p1.gif"</span> <span style="color: black;">width</span>=<span style="color: black;">"200"</span> /></span><span style="color: black;"></<span style="color: black;">b</span>></span>
<span style="color: black;"><<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;"><<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/Point.gif"</span> /></span>茅台集团举行辛丑年（2021）“端午祭麦”仪式
<span style="color: black;"><<span style="color: black;">span</span>></span><span style="color: black;"></<span style="color: black;">span</span>></span>
<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">p</span>></span>6月14日，农历五月初五，早上8时28分，茅台集团辛丑年(2021)“端午祭麦”仪式在“茅酒之源”酿酒工业遗址广场举行，这标志着辛丑年茅台酒制曲生产的<span style="color: black;">起始</span>。茅台集团党委委员、副总经理万波参加仪式。 <span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"clear"</span>></span><span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><!--联络<span style="color: black;">咱们</span>--></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"Contact"</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"news_title"</span>></span>
<span style="color: black;"><<span style="color: black;">span</span>></span>联络<span style="color: black;">咱们</span><span style="color: black;"></<span style="color: black;">span</span>></span>
<span style="color: black;"><<span style="color: black;">a</span>></span>CONTACT US<span style="color: black;"></<span style="color: black;">a</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"Contact_text"</span>></span>
<span style="color: black;"><<span style="color: black;">b</span>></span><span style="color: black;"><<span style="color: black;">p</span>></span><span style="color: black;"><<span style="color: black;">input</span> <span style="color: black;">type</span>=<span style="color: black;">"submit"</span> <span style="color: black;">value</span>=<span style="color: black;">"在线咨询"</span> <span style="color: black;">class</span>=<span style="color: black;">"sub"</span> /></span><span style="color: black;"></<span style="color: black;">p</span>></span><span style="color: black;"></<span style="color: black;">b</span>></span>
<span style="color: black;"><<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">span</span>></span><span style="color: black;"></<span style="color: black;">span</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;">机构</span>名<span style="color: black;">叫作</span>：中国贵州茅台酒厂（集团）有限责任<span style="color: black;">机构</span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;">机构</span><span style="color: black;">位置</span>：贵州省仁怀市茅台镇<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span>邮箱<span style="color: black;">位置</span>：service@moutaichina.com<span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span>邮政编码：564501 <span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><!--底部--></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"clear"</span>></span><span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"><<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"bottom"</span>></span>
<span style="color: black;"><<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">""</span>></span>首页<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span> <span style="color: black;">class</span>=<span style="color: black;">"line"</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">""</span>></span><span style="color: black;">机构</span>简介<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span> <span style="color: black;">class</span>=<span style="color: black;">"line"</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">""</span>></span><span style="color: black;">机构</span>发展<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span> <span style="color: black;">class</span>=<span style="color: black;">"line"</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">""</span>></span>最新<span style="color: black;">信息</span><span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span> <span style="color: black;">class</span>=<span style="color: black;">"line"</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span>></span><span style="color: black;"><<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">""</span>></span>视频<span style="color: black;"></<span style="color: black;">a</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"><<span style="color: black;">li</span> <span style="color: black;">class</span>=<span style="color: black;">"line"</span>></span><span style="color: black;"></<span style="color: black;">li</span>></span>
<span style="color: black;"></<span style="color: black;">ul</span>></span>
<span style="color: black;"><<span style="color: black;">p</span> <span style="color: black;">class</span>=<span style="color: black;">"bottom_text"</span>></span>版权所有：茅台集团<span style="color: black;"></<span style="color: black;">p</span>></span>
<span style="color: black;"></<span style="color: black;">div</span>></span>
<span style="color: black;"></<span style="color: black;">body</span>></span>
<span style="color: black;"><<span style="color: black;">script</span> <span style="color: black;">src</span>=<span style="color: black;">"js/js.js"</span> <span style="color: black;">type</span>=<span style="color: black;">"text/javascript"</span>></span><span style="color: black;"></<span style="color: black;">script</span>></span>
<span style="color: black;"></<span style="color: black;">html</span>></span>
楼主发的这篇帖子，我觉得非常有道理。 对于这个问题，我有不同的看法... 你说得对，我们一起加油，未来可期。 外贸B2B平台有哪些？
页:
[1]