<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="headerBox">
<div class="header">
<div class="headerLeft">
<span>您好~欢迎光临某某精密仪器仪表网站~</span>
</div>
<ul class="headerRight">
<li><a href="#">设为首页</a></li>
<li class="hasBorder"><a href="#">加入收藏</a></li>
</ul>
</div>
</div>
<div class="logo">
<div class="logo1">
<a href="#"><img src="img/lolo.jpg" /></a>
</div>
<div class="logo2">
<p class="logoName">某某精密仪器仪表</p>
<p class="logoEnglish">INSTRUMENT AND DASHBOARD</p>
</div>
<div class="logo3">
<a href="#"><img src="img/logoPic_03.jpg"/></a>
<a href="#"><img src="img/logoPic_05.jpg"/></a>
<a href="#"><img src="img/logoPic_07.jpg" id="noMargin" /></a>
</div>
<div class="logo4">
<p class="logo4Font14">咨询热线</p>
<p class="logoTele"><a href="#">400-000-0000</a></p>
</div>
</div>
<div class="navBox">
<div class="nav">
<ul>
<li id="navFirst"><a href="#">网站首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品中心</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">在线留言</a></li>
<li><a href="#">帮助文档</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="banner">
<a href="#"><img src="img/bannerBg.jpg"/></a>
</div>
<div class="gonggao">
<p class="gonggaoLeft">
<a href="#"><img src="img/gonggao.jpg" /></a>
<span>网站公告:</span>
</p>
<ul class="gonggaoRight">
<li><a href="#">浙江仪器仪表业的现状和竞争力</a></li>
<li><a href="#">低碳产业给仪器仪表行业带来发展新机遇</a></li>
<li><a href="#">电能表与计量仪表冰火两重天 销售策略可借鉴</a></li>
<li><a href="#">我国前4月仪器仪表出口回升速</a></li>
</ul>
</div>
<div class="shoutcutBox">
<div class="shortcut">
<dl class="shotcutLeft">
<dt>
<span class="tip"><a href="#">快捷导航</a></span>
<span> SHORTCUT</span>
</dt>
<dd><a href="#"><img src="img/shoucut.jpg" /></a></dd>
</dl>
<dl class="shotcutCenter">
<dt>
<p class="shotcutCenterDt1">
<span class="tip"><a href="#">新闻动态</a></span>
<span> NEWS CENTER</span>
</p>
<p class="shotcutCenterDt2">
<a href="#">MORE+</a>
</p>
</dt>
<dd>
<ul>
<li><a href="#">XX集团——XXX学院高层管理者培训开课</a><span>2015-05-09</span></li>
<li><a href="#">XX科技获“中国上市公司市值管理百佳”</a><span>2015-05-09</span></li>
<li><a href="#">“奋斗,奔向世界级”</a><span>2015-05-09</span></li>
<li><a href="#">加快自主创新和转型升级步伐,实现跨越式</a><span>2015-05-09</span></li>
<li><a href="#">XX集团——XXX学院高层管理者培训开课</a><span>2015-05-09</span></li>
<li><a href="#">XX科技获“中国上市公司市值管理百佳”</a><span>2015-05-09</span></li>
</ul>
</dd>
</dl>
<dl class="shotcutLeft">
<dt>
<span class="tip"><a href="#">关于我们</a></span>
<span> ABOUT US</span>
</dt>
<dd><a href="#"><img src="img/aboutUs.jpg" /></a></dd>
</dl>
</div>
</div>
<div class="product">
<dl>
<dt>
<p class="shotcutCenterDt1">
<span class="tip"><a href="#">产品展示</a></span>
<span> PRODUCTS</span>
</p>
<p class="shotcutCenterDt2">
<a href="#">MORE+</a>
</p>
</dt>
<dd>
<a href="#"><img src="img/product_13.jpg" /></a>
<a href="#"><img src="img/product_15.jpg" /></a>
<a href="#"><img src="img/product_17.jpg" /></a>
<a href="#"><img src="img/product_19.jpg" /></a>
<a href="#"><img src="img/product_21.jpg" id="productNoMargin" /></a>
</dd>
</dl>
</div>
<div class="shoutcutBox" style="height: 352px;">
<div class="shortcut" >
<dl class="shotcutLeft">
<dt>
<span class="tip"><a href="#">视频展示</a></span>
<span> VIDEO</span>
</dt>
<dd><a href="#"><img src="img/video.jpg" /></a></dd>
</dl>
<dl class="shotcutCenter">
<dt>
<p class="shotcutCenterDt1">
<span class="tip"><a href="#">帮助文档</a></span>
<span> HELP DOCUMENT</span>
</p>
<p class="shotcutCenterDt2">
<a href="#">MORE+</a>
</p>
</dt>
<dd style="height: 221px;">
<ul>
<li><a href="#">XX集团——XXX学院高层管理者培训开课</a><span>2015-05-09</span></li>
<li><a href="#">XX科技获“中国上市公司市值管理百佳”</a><span>2015-05-09</span></li>
<li><a href="#">“奋斗,奔向世界级”</a><span>2015-05-09</span></li>
<li><a href="#">加快自主创新和转型升级步伐,实现跨越式</a><span>2015-05-09</span></li>
<li><a href="#">XX集团——XXX学院高层管理者培训开课</a><span>2015-05-09</span></li>
</ul>
</dd>
</dl>
<dl class="shotcutLeft">
<dt>
<span class="tip"><a href="#">联系方式</a></span>
<span> CONTUCUS US</span>
</dt>
<dd class="videoDD">
<ul>
<li class="videoDD1">
<p class="videoDDFont12">咨询热线:</p>
<p class="videoDDFont14"><a href="#">400-000-0000</a></p>
</li>
<li class="videoDD2">
<p class="videoDDFont12">在线QQ客服</p>
<p class="videoDDFont11"><a href="#">在线客服01</a> <a href="#">在线客服02</a></p>
</li>
<li class="videoDD3">
<p class="videoDDFont12">公司地址:</p>
<p class="videoDDFont11"><a href="#">中国上海市XXX区XX路123号</a></p>
</li>
</ul>
</dd>
</dl>
</div>
</div>
<div class="href">
<a href="#"><img src="img/href.jpg"/></a>
<p>
<a href="#">百度</a>
<a href="#">谷歌</a>
<a href="#">腾讯</a>
<a href="#">搜狐</a>
<a href="#">网易</a>
<a href="#">新浪</a>
<a href="#">百度</a>
<a href="#">谷歌</a>
<a href="#">腾讯</a>
<a href="#">搜狐</a>
<a href="#">网易</a>
<a href="#">新浪</a>
</p>
</div>
<div class="footBox">
<div class="foot">
<ul>
<li id="noBorderLeft"> <a href="#">网站首页</a></li>
<li> <a href="#">关于我们</a></li>
<li> <a href="#">产品中心</a></li>
<li> <a href="#">新闻中心</a></li>
<li> <a href="#">在线留言</a></li>
<li> <a href="#">帮助文档</a></li>
<li id="noBorderRight"> <a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="copyBox">
<div class="copy">
<p>COPYRIGHT © 2009-2011,WWW.YOURNAME.COM,ALL RIGHT RESERVED</p>
<p>版权所有 © 您的网络名称 未经许可 严禁复制 沪ICP备XXXXXX号</p>
</div>
</div>
</body>
</html>
网页设计作业-仪器仪表类型网页首页设计源码
需积分: 1 33 浏览量
2023-04-03
15:23:52
上传
评论 1
收藏 238KB ZIP 举报
yiqiyibiao.zip （23个子文件） 
yiqiyibiao img 
book.jpg 9KB video.jpg 13KB product_17.jpg 5KB bannerBg.jpg 123KB lolo.jpg 4KB kefu_03.jpg 2KB aboutUs.jpg 31KB gonggaoLi.jpg 1KB shoucut.jpg 23KB product_21.jpg 5KB logoPic_03.jpg 2KB product_19.jpg 5KB logoPic_07.jpg 2KB kefu_08.jpg 2KB kefu_06.jpg 2KB logoPic_05.jpg 2KB href.jpg 3KB product_13.jpg 5KB product_15.jpg 5KB gonggao.jpg 1KB css 
style.css 5KB
index.html 7KB .project 935B资源评论
