静态HTML个人主页网页作品制作

• 制作介绍
• 内容修改
• 作品演示
• 代码演示
• 作品源地址

制作介绍

网页设计个人主页网站模板采用DIV CSS布局制作，网页作品共4个页面，包括个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，左侧导航区域每个导航背景色不同，导航四个背景色与页面背景呼应。

内容修改

网页代码采用基础水平DIV 布局制作，可使用Dreamweaver、HBuilder、Notepad++等任意HTML软件编辑修改内容。

作品演示

代码演示

代码说明：以下仅展示首页部分代码供参考

<div class="menu">
    <ul>
    <li class="menua"><a href="index.html">个人介绍</a></li>
    <li class="menub"><a href="work.html">我的作品</a></li>
    <li class="menuc"><a href="skill.html">个人技能</a></li>
	<li class="menud"><a href="message.html">在线留言</a></li>
    </ul>
	</div>
    <div class="right">
	<p> 
		<strong>关于</strong><br>
		姓名：<br>
		籍贯：<br>
		邮箱：<br>
		寻找自我，树立自我，相信自我。迷茫时不必祈求神灵，忧愁时不必寄情于深邃的夜空，最好的依靠自我。
	</p>
	</div>

作品源地址

stu-works/html/geren/336.html