🍅 作者主頁：Java李楊勇
🍅 簡介：Java領域優質創作者🏆、【java李楊勇】公號作者? 簡歷模板、學習資料、面試題庫、技識訓助【關注我，都給你】
🍅 文末獲取原始碼聯系 🍅
臨近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大？網頁要求的總數量太多？HTML網頁作業無從下手？沒有合適的模板？等等一系列問題，你想要解決的問題，在專欄👇🏻👇🏻👇🏻👇🏻
java專案精品實戰分享案例《100套》》》
web期末大作業網頁實戰《100套》》》
Html+Css+JS期末大作業《100套》》》
常見網頁設計作業題材有 個人、 美食、 公司、體育、 化妝品、 物流、 環保、 書籍、 婚紗、 軍事、 游戲、 節日、 戒煙、 電影、 攝影 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 文化、 家鄉、 鮮花、 禮品、 汽車、 其他等網頁設計題目, A+水平作業, 可滿足大學生網頁大作業網頁設計需求都能滿足你的需求，原始HTML+CSS+JS頁面設計, web大學生網頁設計作業原始碼，這是一個不錯的電競博客網頁制作，畫面精明，非常適合初學者學習使用，
B站視頻演示： Web前端期末大作業--個人日志博客網頁設計.mp4
網頁實作截圖：文末獲取原始碼聯系
網站首頁
?
室內設計作為一門新興的學科，盡管還只是近數十年的事，但是人們有意識地對自己生活、生產活動的室內進行安排布置，甚至美化裝飾，賦予室內環
個人微語和評論：
評論
留言評論：
相冊：
相冊串列：
關于我：
專案組織結構：
主要原始碼展示：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>回應式酷炫個人日志博客網頁設計</title>
<link rel="stylesheet" type="text/css" href="../res/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="../res/css/main.css">
<!--加載meta IE兼容檔案-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
</script>
</div>
<div class="header">
<div class="menu-btn">
<div class="menu"></div>
</div>
<h1 class="logo">
<a href="index.html">
<span>MYBLOG</span>
<img src="../res/img/logo.png">
</a>
</h1>
<div class="nav">
<a href="index.html" class="active">文章</a>
<a href="whisper.html">微語</a>
<a href="leacots.html">留言</a>
<a href="album.html">相冊</a>
<a href="about.html">關于</a>
</div>
<ul class="layui-nav header-down-nav">
<li class="layui-nav-item"><a href="index.html" class="active">文章</a></li>
<li class="layui-nav-item"><a href="whisper.html">微語</a></li>
<li class="layui-nav-item"><a href="leacots.html">留言</a></li>
<li class="layui-nav-item"><a href="album.html">相冊</a></li>
<li class="layui-nav-item"><a href="about.html">關于</a></li>
</ul>
<p class="welcome-text">
歡迎來到<span class="name">小明</span>的博客~
</p>
</div>
<div class="banner">
<div class="cont w1000">
<div class="title">
<h3>MY<br />BLOG</h3>
<h4>well-balanced heart</h4>
</div>
<div class="amount">
<p><span class="text">訪問量</span><span class="access">1000</span></p>
<p><span class="text">日志</span><span class="daily-record">1000</span></p>
</div>
</div>
</div>
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">網頁模板</a></div>
<div class="content">
<div class="cont w1000">
<div class="title">
<span class="layui-breadcrumb" lay-separator="|">
<a href="javascript:;" class="active">設計文章</a>
<a href="javascript:;">前端文章</a>
<a href="javascript:;">旅游雜記</a>
</span>
</div>
<div class="list-item">
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<div class="img"><img src="../res/img/sy_img1.jpg" alt=""></div>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>空間立體效果圖，完美呈現最終效果<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>設計文章</h5>
<p>室內設計作為一門新興的學科，盡管還只是近數十年的事，但是人們有意識地對自己生活、生產活動的室內進行安排布置，甚至美化裝飾，賦予室內環境以所祈使的氣氛，卻早巳從人類文明伊始的時期就已存在</p>
<a href="details.html" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<div class="img"><img src="../res/img/sy_img2.jpg" alt=""></div>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>空間立體效果圖，完美呈現最終效果<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>設計文章</h5>
<p>室內設計作為一門新興的學科，盡管還只是近數十年的事，但是人們有意識地對自己生活、生產活動的室內進行安排布置，甚至美化裝飾，賦予室內環境以所祈使的氣氛，卻早巳從人類文明伊始的時期就已存在</p>
<a href="details.html" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<div class="img"><img src="../res/img/sy_img3.jpg" alt=""></div>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>空間立體效果圖，完美呈現最終效果<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>設計文章</h5>
<p>室內設計作為一門新興的學科，盡管還只是近數十年的事，但是人們有意識地對自己生活、生產活動的室內進行安排布置，甚至美化裝飾，賦予室內環境以所祈使的氣氛，卻早巳從人類文明伊始的時期就已存在</p>
<a href="details.html" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../res/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: '../res/js/util/'
}).use(['element', 'laypage', 'jquery', 'menu'], function() {
element = layui.element, laypage = layui.laypage, $ = layui.$, menu = layui.menu;
laypage.render({
elem: 'demo',
count: 70 //資料總數，從服務端得到
});
menu.init();
})
</script>
</body>
</html>style.css
.w1000 {
max-width: 1000px !important;
margin: 0 auto;
}
.header {
height: 120px;
line-height: 120px;
position: relative;
font-size: 16px;
}
.header .logo,
.header .welcome-text,
.header .nav {
position: absolute;
top: 0;
}
.header .logo {
left: 65px;
}
.header .logo span {
display: none;
}
.header .nav {
left: 250px;
}作品來自于網路收集、侵權立刪
獲取完整原始碼：
大家點贊、收藏、關注、評論啦 、查看下方👇🏻👇🏻👇🏻微信公眾號獲取👇🏻👇🏻👇🏻
打卡 文章 更新 86/ 100天
專欄推薦閱讀：
Java畢設專案精品實戰案例《100套》
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/330307.html
標籤：java
上一篇：猜數字游戲 - Java實作