学生简单静态个人主页网页设计作品

• 作品介绍
• • 知识点应用
  • 作品简介绍
• 网页演示
• • 网页首页演示
  • 源码文件展示
  • 网页代码预览
• 作品修改
• 作品地址

作品介绍

知识点应用

背景音乐、背景图片、留言表单、鼠标经过

作品简介绍

学生个人博客主页网页成品由DIV CSS制作，代码简单。模板下载后要把个人介绍及对应图片进行替换，修改方法比较简单，直接参考帮助中心即可。作品首页嵌入了背景音乐，使用CSS制作了背景图，制作了导航鼠标经过效果，有留言表单页面。适合学生个人主页、个人博客、简单个人网站使用。

网页演示

网页首页演示

以下为网页作品首页截图，更多页面效果可查看作品原网页

源码文件展示

网页代码预览

代码说明：为保障作品的原创性，以下仅展示首页部分代码供参考：

<div class="title">我的个人主页</div>
    <div class="menu">
    <ul>
    <li><a href="index.html"><b>个人主页</b></a></li>
    <li><a href="jieshao.html">个人介绍</a></li>
    <li><a href="zuopin.html">我的作品</a></li>
    <li><a href="jineng.html">个人技能</a></li>
	<li><a href="liuyan.html">在线留言</a></li>
    </ul>
	</div>
    <div class="left">
    <p><img src="img/tx.jpg" width="200"></p></div>
    <div class="right">
	<p>姓名：蜡笔小新<br>籍贯：日本<br>电话：********<br>邮箱：********<br>
	本科专业与新媒体相关，经过学习与探索后，已掌握写作，营销，平面设计、图像拍摄剪辑等多项技能。<br>除了技术，本人同时注重自身职业素养的培养。因为要做好新媒体，考验的正是沟通协作与资源整合的能力。<br>如今，大众行为都已迁至线上，新媒体必创造更多价值，我愿为此努力.</p>
	</div>

作品修改

作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD等软件）编辑修改为个人信息。

作品地址

网页作品下载https://www.stu-works/html/geren/286.html