个人网页制作大学生个人网页设计个人网站模板简单静态HTML个人网页作品

置顶 STU网页设计

于 2020-11-18 16:33:45 发布

阅读量7w

点赞数 97

CC 4.0 BY-SA版权

分类专栏：个人网页 / 校园班级文章标签： html css 网页设计 dreamweaver

本文链接：https://blog.youkuaiyun.com/LILIXING_COM/article/details/109698249

个人网页 / 校园班级专栏收录该内容

12 篇文章

订阅专栏

这是一个关于静态HTML个人主页网页制作的介绍，包含4个页面：个人介绍、我的作品、个人技能和在线留言。网页采用DIV+CSS布局，左右结构，背景图片和导航背景色相协调。代码编辑器如Dreamweaver、HBuilder、Notepad++可用于修改内容。提供的代码示例展示了菜单部分。作品源代码可在指定地址找到。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

制作介绍

网页设计个人主页网站模板采用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>