大學生個人靜態網頁模板

• 網頁難度
• 網頁內容
• 網頁介紹
• 網頁效果
• 代碼示例
• 網頁修改

網頁難度

網頁設計DIV CSS學生水平，代碼簡單。

網頁內容

單頁面頁內跳轉類型網頁，頁面內容主要包括關于、技能、照片、留言。

網頁介紹

網頁采用DIV布局制作，網頁中的頂部導航使用CSS制作了鼠標經過變色及下劃線效果。使用CSS設置了背景圖片。頂部導航點擊會跳轉到頁面內對應的錨點定位。頁面插入了網頁背景音樂。頁面底部插入了留言表單。

網頁效果

代碼示例

為保證作品的原創性，此處僅展示局部HTML代碼。完整作品可前往 stu-works.com 查看

<div class="top"><div class="topr"><ul><li><a href="">首頁<br/><span>HOME</span></a></li><li><a href="#about">關于<br/><span>ABOUT</span></a></li><li><a href="#skill">技能<br/><span>SKILL</span></a></li><li><a href="#photo">照片<br/><span>PHOTO</span></a></li><li><a href="#message">留言<br/><span>MESSAGE</span></a></li></ul></div> </div> <div class="title" id="about">關于 / ABOUT</div> <div class="con2"><div class="con2s"><div class="con2s_pic"><img src="images/tx.jpg" width="100%" /></div></div><div class="con2x"><div class="con2xs"><ul><li style="width:320px;">姓名：XXX<br/>學校：XXXXXXXX<br/>專業：XXXXXXX</li><li>年齡：XXXXX<br/>郵箱：XXXXXXXXXX<br/>家鄉：XXXXXXXXXX</li></ul></div><div class="con2xc">愛好：</div><div class="con2xx">XXXXXXXXXXXXXXXXXXXX<br/>XXXXXXXXXXXXXXXXXXXXXXXXXX<br/>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div> </div>

網頁修改

作品下載后可自行修改文字、替換圖片、音樂等內容。文字內容可以直接使用Dreamweaver、HBuilder、NotePAD等軟件編輯修改為個人信息，圖片可直接在源文件中替換。

總結

以上是生活随笔為你收集整理的dreamweaver网页设计作业制作 学生个人网页单页 WEB静态网页作业模板 大学生个人主页博客网页代码 dw个人网页作业成品的全部內容，希望文章能夠幫你解決所遇到的問題。

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