臨近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大？網頁要求的總數量太多？HTML網頁作業無從下手？沒有合適的模板？等等一系列問題，你想要解決的問題，在這里常見網頁設計作業題材有 個人、 美食、 公司、體育、 化妝品、 物流、 環保、 書籍、 婚紗、 軍事、 游戲、 節日、 戒煙、 電影、 攝影 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 文化、 家鄉、 鮮花、 禮品、 汽車、 其他等網頁設計題目, A+水平作業, 可滿足大學生網頁大作業網頁設計需求都能滿足你的需求，原始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天
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/382904.html
標籤：其他