学生简单个人博客网页

• 网页介绍
• 网页演示
• 代码演示
• 网页下载

网页介绍

HTML静态个人博客网页个人主页作品采用DIV布局制作，共5个页面，未使用任何特殊技术，代码布局简单，整体使用CSS制作了页面背景图片，排版布局使用float基础标签制作，简单制作了导航鼠标经过和选中效果。适合dreamweaver学生网页作业制作个人主页博客使用，需要修改个人信息及相关图片。

网页演示

以下为网页作品首页截图

代码演示

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

<div class="daohang">
    <ul>
    <li><a style="color: #fff"><b>我的主页</b></a></li>
    <li><a href="zuopin.html">我的作品</a></li>
    <li><a href="aihao.html">兴趣爱好</a></li>
    <li><a href="zhaopian.html">照片相册</a></li>
	<li><a href="lianxi.html">联系方式</a></li>
    </ul>
	</div>
    <div class="datu"><img src="images/datu.jpg" width="1000"></div>
	<div class="left">
    <p><img src="images/tx.jpg" width="200" ></p></div>
    <div class="right">
	<p>姓名：刘德华<br>籍贯：北京<br>电话：18899998888<br>邮箱：123123123@163.com<br>
	本科专业与新媒体相关，经过学习与探索后，已掌握写作，营销，平面设计、图像拍摄剪辑等多项技能。<br>除了技术，本人同时注重自身职业素养的培养。因为要做好新媒体，考验的正是沟通协作与资源整合的能力。<br>如今，大众行为都已迁至线上，新媒体必创造更多价值，我愿为此努力.</p>
	</div>

网页下载

学生简单个人博客网页DW模板下载
stu-works/html/geren/243.html