1、div+css布局,内容区宽度960px,共6个页面
2、该作品含psd,psd在一个文件中,分为不同栏目的文件夹图层,并非6个psd文件。
页面效果图
部分代码如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>首页</title>
</head>
<body>
<header>
<nav class="ar clearfix">
<div class="logo fl">岳岳的主页</div>
<span><a href="index.html">首页<br>
Home</a></span> <span><a href="about.html">关于<br>
About</a></span> <span><a href="works.html">作品<br>
Works</a></span> <span><a href="hobby.html">喜好<br>
Hobby</a></span> <span><a href="contact.html">联系<br>
Contact</a></span> <span><a href="achievement.html">成就<br>
Achievement</a></span> </nav>
</header>
<div class="content">
<div class="top clearfix">
<div class="me fl ac"><img src="images/me.png" width="188" height="188"></div>
<div class="txt">
<p>人生如白驹过隙,激情在平静里消逝。虽然很多人说平淡才是生活的模样,但麻木活着的人生是不是在浪费生命,当然是因人而异,只要内心欢喜快乐满足,大概就是幸福的生活。</p>
<P>艺术是个很抽象的词语,但无处不在。人类艺术的起源是无法考证的迷(音乐、文字、绘画、电影、戏剧......)。有模仿自然之说、有劳动之说、有表现之说……就其现实意义,生活中需要情感表现,这或许就是艺术的功能和动因,为了把自己体验的情感传达给别人。</P>
</div>
</div>
<div><img src="images/pic_01.jpg" width="100%"></div>
</div>
<footer><small>Copy right 2020 yueyue.all right reserved</small></footer>
</body>
</html>
仅展示部分效果图,获取完整源码及效果图请联系博主。
仅展示部分效果图,获取完整源码及效果图请联系博主。
仅展示部分效果图,获取完整源码及效果图请联系博主。