🍅 作者主頁：Java李楊勇
🍅 簡介：Java領域優質創作者🏆、【java李楊勇】公號作者? 簡歷模板、學習資料、面試題庫、技識訓助【關注我，都給你】
🍅 歡迎點贊 👍 收藏 ?留言 📝
臨近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大？HTML網頁作業無從下手？網頁要求的總數量太多？沒有合適的模板？等等一系列問題，你想要解決的問題，在專欄👇🏻👇🏻👇🏻👇🏻
Html+Css+JavaScript期末大作業
都能滿足你的需求，原始HTML+CSS+JS頁面設計, web大學生網頁設計作業原始碼，這是一個不錯的網頁制作，畫面精明，非常適合初學者學習使用，
網頁實作截圖：文末獲取原始碼
視頻演示：
HTML5期末大作業：網站設計——重工機械設備檢測生產企業官網首頁模板(HTML+CSS+JavaScript ) 】_嗶哩嗶哩_bilibili
網站首頁：
關于我們：
產品中心：
我們的服務：
客戶案例：
新聞動態：
聯系我們：
專案組織結構：
主要原始碼展示：
index.html
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>寬屏大氣重工機械設備檢測生產企業回應式網站模板</title>
<script type="text/javascript">
$(document).ready(function() {
$('.showpic_flash').bxSlider({
pagerCustom: '#pic-page',
adaptiveHeight: true,
});
});
</script>
</head>
<dl class='nav_sub'>
<dd><a href="/2395/about#Profile">公司簡介</a></dd>
<dd><a href="/2395/about#Develop">發展愿景</a></dd>
<dd><a href="/2395/about#Ability">榮譽資質</a></dd>
<dd><a href="/2395/about#Test">品牌實力</a></dd>
<dd><a href="/2395/about#Partner">合作伙伴</a></dd>
</dl>
</li>
<li class=""><a href="/2395/pro/" class="v1">產品中心</a>
<dl class='nav_sub'>
<dd><a href="/2395/pro/qs/">橋式起重機</a></dd>
<dd><a href="/2395/pro/qxx/">輕小型起重機</a></dd>
<dd><a href="/2395/pro/xbd/">懸臂吊起重機</a></dd>
<dd><a href="/2395/pro/drs/">DRS輪箱</a></dd>
<dd><a href="/2395/pro/qzj/">起重機端梁</a></dd>
<dd><a href="/2395/pro/hlhl/">環鏈葫蘆</a></dd>
</dl>
</li>
<li class=""><a href="/2395/service/" class="v1">我們的服務</a>
<dl class='nav_sub'>
<dd><a href="/2395/service/jzgd/">建筑工地</a></dd>
<dd><a href="/2395/service/szgd/">市政工地</a></dd>
<dd><a href="/2395/service/dc/">電廠</a></dd>
<dd><a href="/2395/service/wss/">無損探傷檢測</a></dd>
<dd><a href="/2395/service/tzsb/">特種設備咨詢</a></dd>
</dl>
</li>
<li class=""><a href="/2395/case/" class="v1">客戶案例</a>
<dl class='nav_sub'>
<dd><a href="/2395/case/gongcheng/">工程機械行業案例</a></dd>
<dd><a href="/2395/case/qiche/">汽車制造行業案例</a></dd>
<dd><a href="/2395/case/huanbao/">環保行業案例</a></dd>
<dd><a href="/2395/case/dianli/">電力行業案例</a></dd>
<dd><a href="/2395/case/qita/">其他行業案例</a></dd>
</dl>
</li>
<li class=""><a href="/2395/news/" class="v1">新聞動態</a>
<dl class='nav_sub'>
<dd><a href="/2395/news/company/">公司新聞</a></dd>
<dd><a href="/2395/news/industry/">行業新聞</a></dd>
<dd><a href="/2395/news/question/">常見問題</a></dd>
</dl>
</li>
<li class=""><a href="/2395/contact/" class="v1">聯系我們</a>
<dl class='nav_sub'>
<dd><a href="/2395/message/">在線留言</a></dd>
</dl>
</li>
</ul>
</div>
</div>
</div>
<div id="slideNav">
<ul>
<li><a href="/2395/">網站首頁</a></li>
<li><a href="#mm-2">關于我們</a>
<ul>
<li><a href="/2395/about#Profile">公司簡介</a></li>
<li><a href="/2395/about#Develop">發展愿景</a></li>
<li><a href="/2395/about/honor/">榮譽資質</a></li>
<li><a href="/2395/about/shili/">品牌實力</a></li>
<li><a href="/2395/about/coop/">合作伙伴</a></li>
</ul>
</li>
<li><a href="#mm-3">產品中心</a>
<ul>
<li><a href="/2395/pro/qs/">橋式起重機</a></li>
<li><a href="/2395/pro/qxx/">輕小型起重機</a></li>
<li><a href="/2395/pro/xbd/">懸臂吊起重機</a></li>
<li><a href="/2395/pro/drs/">DRS輪箱</a></li>
<li><a href="/2395/pro/qzj/">起重機端梁</a></li>
<li><a href="/2395/pro/hlhl/">環鏈葫蘆</a></li>
</ul>
</li>
<li><a href="#mm-4">我們的服務</a>
<ul>
<li><a href="/2395/service/jzgd/">建筑工地</a></li>
<li><a href="/2395/service/szgd/">市政工地</a></li>
<li><a href="/2395/service/dc/">電廠</a></li>
<li><a href="/2395/service/wss/">無損探傷檢測</a></li>
<li><a href="/2395/service/tzsb/">特種設備咨詢</a></li>
</ul>
</li>
<li><a href="#mm-5">客戶案例</a>
<ul>
<li><a href="/2395/case/gongcheng/">工程機械行業案例</a></li>
<li><a href="/2395/case/qiche/">汽車制造行業案例</a></li>
<li><a href="/2395/case/huanbao/">環保行業案例</a></li>
<li><a href="/2395/case/dianli/">電力行業案例</a></li>
<li><a href="/2395/case/qita/">其他行業案例</a></li>
</ul>
</li>
<li><a href="#mm-6">新聞動態</a>
<ul>
<li><a href="/2395/news/company/">公司新聞</a></li>
<li><a href="/2395/news/industry/">行業新聞</a></li>
<li><a href="/2395/news/question/">常見問題</a></li>
</ul>
</li>
</body>
</html>部分style.css樣式布局
abbr,
acronym {
border: 0;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.l,
.col-l,
.col_l,
.col-c,
.col_c {
float: left;
}
.r,
.col-r,
.col_r,
dt span,
.ul-txt li span,
.ul_txt li span {
float: right;
}
.c {
clear: both;
}
.n,
em {
font-weight: normal;
font-style: normal;
}
.b {
font-weight: bold;
}
.i {
font-style: italic;
}作品來自于網路收集、侵權立刪
獲取完整原始碼：
大家點贊、收藏、關注、評論啦 、查看👇🏻👇🏻👇🏻微信公眾號獲取聯系👇🏻👇🏻👇🏻
打卡 文章 更新 66/ 100天
精彩專欄推薦：
Java畢設專案精品實戰案例《100套》
HTML5大作業實戰案例《100套》
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/303868.html
標籤：java