学生个人网页制作html_个人网页简单模板

静态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.com/html/geren/336.html

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/184044.html原文链接：https://javaforall.cn