个人网页制作大学生个人网页设计个人网站模板简单静态HTML个人网页作品制作介绍内容修改作品演示代码演示作品源地址

89 阅读 0 评论 59 点赞

我是靠谱客的博主难过板凳，这篇文章主要介绍个人网页制作大学生个人网页设计个人网站模板简单静态HTML个人网页作品制作介绍内容修改作品演示代码演示作品源地址，现在分享给大家，希望可以做个参考。

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

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

制作介绍

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

内容修改

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

作品演示

个人网页作品
个人主页模板
个人网站模板
个人主页成品

代码演示

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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>