HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

文章目录

HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

二、文件目录

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>黑色Html5响应式个人博客模板——主题《如影随形》</title>
<meta name="keywords" content="个人博客模板,博客模板,响应式" />
<meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<div class="ibody"><header><h1>如影随形</h1><h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2><div class="logo"><a href="/"></a></div><nav id="topnav"><a href="index.html">首页</a><a href="about.html">关于我</a><a href="newlist.html">慢生活</a><a href="share.html">模板分享</a><a href="new.html">模板主题</a></nav></header><article><div class="banner"><ul class="texts"><p>The best life is use of willing attitude, a happy-go-lucky life. </p><p>最好的生活是用心甘情愿的态度，过随遇而安的生活。</p></ul></div><div class="bloglist"><h2><p><span>推荐</span>文章</p></h2><div class="blogs"><h3><a href="/">犯错了怎么办？</a></h3><figure><img src="data:images/01.jpg" ></figure><ul><p>看到昔日好友发了一篇日志《咎由自取》他说他是一个悲观者，感觉社会抛弃了他，脾气、性格在6年的时间里变化很大，很难适应这个社会。人生其实就是不断犯错的过程，在这个过程中不断的犯错，不断的吸取教训，不断的成长。也许日子里的惊涛骇浪，不过是人生中的水花摇晃，别用显微镜放大你的悲伤。</p><a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></ul><p class="autor"><span>作者：徐昊</span><span>分类：【<a href="/">日记</a>】</span><span>浏览（<a href="/">459</a>）</span><span>评论（<a href="/">30</a>）</span></p><div class="dateview">2014-04-08</div></div><div class="blogs"><h3><a href="/">个人博客模板（2014草根寻梦）</a></h3><figure><img src="data:images/02.jpg" ></figure><ul><p>2014第一版《草根寻梦》个人博客模板简单、优雅、稳重、大气、低调。专为年轻有志向却又低调的草根站长设计。模板采用html5+css3设计，nav导航实现鼠标悬停渐变显示英文标题的效果。banner部分，选择大图作为背景，利用css3中animation属性结合文字图片实现文字从左到右的渐变效果</p><a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></ul><p class="autor"><span>作者：徐昊</span><span>分类：【<a href="/">个人博客模板</a>】</span><span>浏览（<a href="/">459</a>）</span><span>评论（<a href="/">30</a>）</span></p><div class="dateview">2014-02-19</div></div><div class="blogs"><h3><a href="/">我的个人博客之——阿里云空间选择</a></h3><figure><img src="data:images/03.png" ></figure><ul><p>之前服务器放在电信机房， 联通用户访问速度很不稳定，经常出现访问速度慢的问题，换到阿里云解决了之前的问题。很多人都问我的博客选得什么空间，一年的费用得多少钱，今天我列个表出来，供大家参考。</p><a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></ul><p class="autor"><span>作者：徐昊</span><span>分类：【<a href="/">网站建设</a>】</span><span>浏览（<a href="/">459</a>）</span><span>评论（<a href="/">30</a>）</span></p><div class="dateview">2014-01-18</div></div><div class="blogs"><h3><a href="/">从摄影作品中获取网页颜色搭配技巧</a></h3><figure><img src="data:images/04.jpg" ></figure><ul><p>作为一个优秀、专业的网页设计师，首先要了解各种颜色的象征，以及不同类型网站常用的色彩搭配。色彩搭配看似复杂,但并不神秘。一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。</p><a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></ul><p class="autor"><span>作者：徐昊</span><span>分类：【<a href="/">心得笔记</a>】</span><span>浏览（<a href="/">459</a>）</span><span>评论（<a href="/">30</a>）</span></p><div class="dateview">2014-01-09</div></div><div class="blogs"><h3><a href="/">css3制作的一个魔方</a></h3><figure><img src="data:images/04.png" ></figure><ul>本应用由CSS3代码实现，无图片和flash，请使用Chrome等webkit内核浏览器或Firefox打开。破解攻略和大家分享下：首先，破解魔方，我们就要先了解它的结构，魔方共6色6面，每面又分为中央块（最中间的块6个）、角块（4角的块8个）和边块（4条边中间的块12个）...</p><a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></ul><p class="autor"><span>作者：徐昊</span><span>分类：【<a href="/">css3</a>】</span><span>浏览（<a href="/">459</a>）</span><span>评论（<a href="/">30</a>）</span></p><div class="dateview">2013-09-05</div></div></div></article><aside><div class="avatar"><a href="about.html"><span>关于杨青</span></a></div><div class="topspaceinfo"><h1>执子之手，与子偕老</h1><p>于千万人之中，我遇见了我所遇见的人....</p></div><div class="about_c"><p>网名：无心山人 </p><p>职业：JAVA程序员 </p><p>籍贯：山东-济南</p><p>电话：1325668****</p><p>邮箱：357197332@qq.com</p></div><div class="bdsharebuttonbox"><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more" data-cmd="more"></a></div><div class="tj_news"><h2><p class="tj_t1">最新文章</p></h2><ul><li><a href="/">犯错了怎么办？</a></li><li><a href="/">两只蜗牛艰难又浪漫的一吻</a></li><li><a href="/">春暖花开-走走停停-发现美</a></li><li><a href="/">琰智国际-Nativ for Life官方网站</a></li><li><a href="/">个人博客模板（2014草根寻梦）</a></li><li><a href="/">简单手工纸玫瑰</a></li><li><a href="/">响应式个人博客模板（蓝色清新）</a></li><li><a href="/">蓝色政府（卫生计划生育局）网站</a></li></ul><h2><p class="tj_t2">推荐文章</p></h2><ul><li><a href="/">犯错了怎么办？</a></li><li><a href="/">两只蜗牛艰难又浪漫的一吻</a></li><li><a href="/">春暖花开-走走停停-发现美</a></li><li><a href="/">琰智国际-Nativ for Life官方网站</a></li><li><a href="/">个人博客模板（2014草根寻梦）</a></li><li><a href="/">简单手工纸玫瑰</a></li><li><a href="/">响应式个人博客模板（蓝色清新）</a></li><li><a href="/">蓝色政府（卫生计划生育局）网站</a></li></ul></div><div class="links"><h2><p>友情链接</p></h2><ul><li><a href="/">徐昊个人博客</a></li><li><a href="/">3DST技术社区</a></li></ul></div><div class="copyright"><ul><p> Design by <a href="/">DanceSmile</a></p><p>蜀ICP备11002373号-1</p></p></ul></div></aside><script src="js/silder.js"></script><div class="clear"></div><!-- 清除浮动 -->
</div>
</body>
</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !

五、学习资料

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

六、更多源码

PC电脑端关注我们

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

学生网页设计与制作成品 HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页相关推荐

HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页
HTML5+CSS大作业--黑色主题个人博客(5页) 网页设计期末作业个人主页常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. ...
网页制作期末大作业成品 HTML5+CSS大作业——简约个性高逼格博客(5页) web网页制作期末大作业模板
HTML5+CSS大作业--简约个性高逼格博客(5页) web网页制作期末大作业模板常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞 ...
html网页制作期末大作业成品HTML5+CSS大作业——武打明星人物介绍-李小龙(9页)
HTML5+CSS大作业--武打明星人物介绍-李小龙(9页) 常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服 ...
节日网页作业成品HTML5+CSS大作业——传统节日--中秋节(5页)
HTML5+CSS大作业--传统节日–中秋节(5页) 常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体 ...
大学生个人网页模板简单网页制作作业成品极简风格个人介绍HTML(个人博客 4页)
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客设计 ...
用html5看板娘,HEXO+icarus主题给博客添加看板娘(Live2D)
最近在很多博客左下角或者右下角有看到小人(看板娘),折腾了一番搜到的都没有达到预期的效果,并且大多数教程都是基于Next来做的,本人使用的主题是Icarus,跟Next有细微的区别.后面找到了大神的作 ...
Web大学生网页作业成品：黑色主题个人博客网站设计与实现(HTML+CSS+JavaScript)
web前端大作业--黑色电影资讯博客网页设计（电影主题-HTML+CSS+JavaScript）
HTML5+CSS期末大作业：运动体育网站设计主题——体育铅球(5页)带注册期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

学生网页设计与制作成品 HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页