整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
有半年之久沒有更新新作品了，但這個小小領地我并沒有忘記，我會堅持下去，一直在這等你，等你的每次回眸，感恩你的每次駐足，這已經足夠成為我堅守的動力和理由，盡管現在有很多不足和不盡人意，也沒很多的時間管理，我會盡量讓它保持足夠的新鮮感，每次的作品都投入足夠的用心，否則寧愿選擇缺省，當某些東西成為寄托之后，就不能容許隨意的成分。
謝謝大家的支持，我會盡力做好每一頁的代碼，今天和大家分享的主題是《周末の玉玲》，誰的青春沒有一個故事，僅以此篇祭祀那些逝去的青春，珍惜當下，畢業不是終點，不要再錯過。
該主題包含一張index.html，后面預留了3頁，留給你們自己設計，因為每個人的青春都不一樣，html5+css3設計，支持手機端。
導語
青澀的時光，情竇初開，那是學生時代，一個男孩心系一個女孩，每到課間休息都會在走廊上等你經過，只為看你一眼，你的一顰一笑，都印記在心里，至今無法抹去，如今的生活常常在夢中遇見你，如若歲月可以回去那一年，我能否向你表明心聲和堅持的決心，而不是讓懊悔和思念成為了不可逆轉的結局。
主題
《周末の玉玲》
圖摘
文件目錄結構
著個人創業的流行，很多個人也需要一個比較詳細的網站來展示自己，開展個人業務，或者積累粉絲等等。那么怎么制作自己的個人網站呢？又該怎么制作得更個性好看？下面就跟大家分享下制作方法。
上線了個人網站案例，禁止轉載
一般來說，大部分個人都不懂代碼技術，而從頭學起又非常浪費時間，因此比較方便的方法是直接使用自助建站系統。現在市面上的自助建站系統很多，新手盡量選擇操作簡單、零門檻上手、模板設計美觀、知名度較高的類型。
有了建站工具后，個人網站制作流程如下：進入「上線了」官網，注冊賬號后選擇【創建網站】，再選擇一個“個人”模板。
點擊模板進入后臺編輯頁面，在這里你可以添加各種功能版塊。網站頁面就是由各種不同版塊做成的，如果做個人插畫、作品集網站，你可以添加網格、相冊、大尺寸媒體、橫向布局、縱向布局、聯系方式等版塊來展示作品，和訪客溝通。
如果是做個人簡歷網站，那么你可以使用個人簡介、經歷、教育、技能、相冊、所參與項目等功能版塊，介紹你的工作經歷。
如果是做個人博客網站，那么主要就是標題、博客、留言表單等版塊。
在左上角【風格】里，你可以更改網站的主題風格、字體、模板；在【設置】-【域名】里，你可以設置網站域名。你還可以在網站頁腳添加社交媒體圖標，鏈接到自己的微博、抖音、B站等各媒體平臺，吸引更多粉絲。
（演示效果）
上述全部做好并預覽無誤后，點擊左下角“上線”即可。
這樣一個個人網站就做成了。如何讓自己的網站更有特色？如何避免網站千篇一律？可以注意以下這幾點：
（1）多樣化版塊布局
上線了網站的版塊布局是可以修改的，順序也可調整，你可以選擇喜歡的布局，讓網站更加個性化；
（2）個性字體
獨特的字體可以讓你的網站給訪客留下更深刻印象，在編輯器里點擊風格 - 字體，點開任一字體類型，從本地上傳一個字體文件就好。
（3）多圖展現
圖片是體現網站個性和時尚的重要部分?，F在人們越來越傾向于碎片化閱讀，因此你的個人網站也不宜放太多文字內容，盡量多用圖片和視頻，讓網站更有活力。
以上就是如何制作個人網站的教程了，布局版塊、個性設計，全程都非常簡單，基本不費什么腦子。
lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>nw百度首頁</title>
<style>
.w1, .w2, .w3, .w4, .w5, .w6 {
width: auto;
}
.bk {
border: 1px solid red;
width: auto;
}
.w1 {
height: 46px;
}
.w1_1 {
width: 463px;
height: 46px;
float: right;
}
.w1_2 img {
margin-top: 15px;
margin-left: 391px;
}
.w2 {
height: 201px;
}
.w2 img {
margin-top: 90px;
margin-left: 690px;
}
.w3 {
height: 35px;
margin-left: 480px;
}
.w3_2 img {
position: relative;
right: 36px;
top: -5px;
}
.w4 {
height: 337px;
}
.w5 {
height: 64px;
}
.w5_1, .w5_2, .w5_3, .w5_4, .w5_5 {
float: left
}
.w5_1 {
font-size: 12px;
margin-left: 480px;
width: 642px;
}
.w5_2 {
}
.w5_3 p {
width: 93px;
margin-left: 8px;
line-height: 20px;
}
.w5_4 {
}
.w5_5 {
line-height: 22px;
}
.w5_5 p {
width: 93px;
margin-left: 8px;
line-height: 20px;
}
.w5_6{line-height:19px;}
.w5_6_1 span{margin-right:11px;}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
li {
float: left;
margin-right: 20px;
margin-top: 24px;
font-size: 13px;
font-weight: bold;
}
a {
color: #333333
}
</style>
</head>
<body style="margin:0px auto;">
<div class="w1">
<div class="w1_1 ">
<ul>
<li><a href="">糯米</a></li>
<li><a href="">新聞</a></li>
<li><a href="">hao123</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>
<p class="wl_2"><img src="images/111.jpg" alt=""> </p>
</div>
<p></p>
</div>
<div class="w2"><img src="images/222.jpg" alt=""></div>
<div class="w3 ">
<div class="w3_1">
<div class="w3_2">
<input style="width:536px;height:35px;border:1px solid #ccc; position: relative;
top:-13px" type="text">
<img src="images/333.jpg" alt=""> <img src="images/444.jpg" alt="" style="position:relative;left:-33px; top:0px" ;=""></div>
</div>
</div>
<div class="w4"></div>
<div class="w5 ">
<div class="w5_1">
<div class="w5_2" ><img src="images/555.jpg" alt="" style="display:block; float:left" ></div>
<div class="w5_3" >
<p > <b style="color:#666666;">手機百度</b><span style="color:#999999; display:block ">快人一部</span> </p>
</div>
<div class="w5_4 "><img src="images/666.jpg" alt="" style="display:block;" ></div>
<div class="w5_5 ">
<p > <b style="color:#666666; font-weight:bold; ">百度糯米</b><span style="color:#999999; display:block ">一元大餐</span> </p>
</div>
<div class="w5_6">
<div class="w5_6_1"> <span>把百度設為主頁</span> <span>關于百度</span> <span>About Baidu</span> <span>百度推廣</span> </div>
<div class="w5_6_2">?2016 Baidu 使用百度前必讀 意見反饋 京ICP證030173號 </div><img src="images/777.jpg" alt="" style="vertical-align:middle;">
<div class="w5_6_3"><img src="images/888.jpg" alt="" style="vertical-align:middle;">京公網安備11000002000001號</div>
</div>
</div>
</div>
<div class="w6 "></div>
</body>
</html>
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
