15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页

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

时间:2023-09-28 18:24:01 | 来源:网站运营

时间:2023-09-28 18:24:01 来源:网站运营

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

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

获取更多源码

*PC电脑端关注我们***

作者主页-更多源码

HTML期末大作业文章专栏

@TOC

一、作品展示







二、文件目录







三、代码实现

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



关键词:作业,设计,主题

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭