靜態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.com/html/geren/336.html

總結

以上是生活随笔為你收集整理的个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。