整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
有半年之久没有更新新作品了，但这个小小领地我并没有忘记，我会坚持下去，一直在这等你，等你的每次回眸，感恩你的每次驻足，这已经足够成为我坚守的动力和理由，尽管现在有很多不足和不尽人意，也没很多的时间管理，我会尽量让它保持足够的新鲜感，每次的作品都投入足够的用心，否则宁愿选择缺省，当某些东西成为寄托之后，就不能容许随意的成分。
谢谢大家的支持，我会尽力做好每一页的代码，今天和大家分享的主题是《周末の玉玲》，谁的青春没有一个故事，仅以此篇祭祀那些逝去的青春，珍惜当下，毕业不是终点，不要再错过。
该主题包含一张index.html，后面预留了3页，留给你们自己设计，因为每个人的青春都不一样，html5+css3设计，支持手机端。
导语
青涩的时光，情窦初开，那是学生时代，一个男孩心系一个女孩，每到课间休息都会在走廊上等你经过，只为看你一眼，你的一颦一笑，都印记在心里，至今无法抹去，如今的生活常常在梦中遇见你，如若岁月可以回去那一年，我能否向你表明心声和坚持的决心，而不是让懊悔和思念成为了不可逆转的结局。
主题
《周末の玉玲》
图摘
文件目录结构
着个人创业的流行，很多个人也需要一个比较详细的网站来展示自己，开展个人业务，或者积累粉丝等等。那么怎么制作自己的个人网站呢？又该怎么制作得更个性好看？下面就跟大家分享下制作方法。
上线了个人网站案例，禁止转载
一般来说，大部分个人都不懂代码技术，而从头学起又非常浪费时间，因此比较方便的方法是直接使用自助建站系统。现在市面上的自助建站系统很多，新手尽量选择操作简单、零门槛上手、模板设计美观、知名度较高的类型。
有了建站工具后，个人网站制作流程如下：进入「上线了」官网，注册账号后选择【创建网站】，再选择一个“个人”模板。
点击模板进入后台编辑页面，在这里你可以添加各种功能版块。网站页面就是由各种不同版块做成的，如果做个人插画、作品集网站，你可以添加网格、相册、大尺寸媒体、横向布局、纵向布局、联系方式等版块来展示作品，和访客沟通。
如果是做个人简历网站，那么你可以使用个人简介、经历、教育、技能、相册、所参与项目等功能版块，介绍你的工作经历。
如果是做个人博客网站，那么主要就是标题、博客、留言表单等版块。
在左上角【风格】里，你可以更改网站的主题风格、字体、模板；在【设置】-【域名】里，你可以设置网站域名。你还可以在网站页脚添加社交媒体图标，链接到自己的微博、抖音、B站等各媒体平台，吸引更多粉丝。
（演示效果）
上述全部做好并预览无误后，点击左下角“上线”即可。
这样一个个人网站就做成了。如何让自己的网站更有特色？如何避免网站千篇一律？可以注意以下这几点：
（1）多样化版块布局
上线了网站的版块布局是可以修改的，顺序也可调整，你可以选择喜欢的布局，让网站更加个性化；
（2）个性字体
独特的字体可以让你的网站给访客留下更深刻印象，在编辑器里点击风格 - 字体，点开任一字体类型，从本地上传一个字体文件就好。
（3）多图展现
图片是体现网站个性和时尚的重要部分。现在人们越来越倾向于碎片化阅读，因此你的个人网站也不宜放太多文字内容，尽量多用图片和视频，让网站更有活力。
以上就是如何制作个人网站的教程了，布局版块、个性设计，全程都非常简单，基本不费什么脑子。
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小时内与您取得联系。
