静态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
更多推荐
个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品
发布评论