学生个人介绍网页留白扩大设计 设计思路知识点应用网页内容网页HTML代码网页效果网页作品源地址
设计思路
页边距采用留白扩大设计,给人视觉上感觉更安静典雅,更有格调跟品质感。底色为白色,主体内容区宽度为800PX。
知识点应用
采用DIV CSS布局设计,HTML和CSS代码采用学生水平制作,应用视频、表单、超链接、盒子背景图、字体样式等基础知识点。
网页内容
共4个页面,包括个人介绍、个人相册、个人视频、在线留言。
网页里面的图片、视频可自己替换覆盖为自己准备的素材,页面上的个人介绍文字内容可以自己用任何HTML软件或记事本编辑修改。
网页HTML代码 <div class="wrap"><div class="top"><img src="image/topa.jpg" style="width:800px"/></div> <div class="nav"><ul><li><a rel="external nofollow" href="index.html" class="xuan">个人介绍</a></li><li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" href="" >个人相册</a></li><li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" href="" >个人视频</a></li><li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" href="" >在线留言</a></li></ul></div> <div class="content"><p>我是XXX,出生于2002年,就读于XXXX大学</p></div></div> 网页效果
网页作品源地址
stu-works.com/html/geren/359.html