大學(xué)生個人靜態(tài)網(wǎng)頁模板

• 網(wǎng)頁難度
• 網(wǎng)頁內(nèi)容
• 網(wǎng)頁介紹
• 網(wǎng)頁效果
• 代碼示例
• 網(wǎng)頁修改

網(wǎng)頁難度

網(wǎng)頁設(shè)計(jì)DIV CSS學(xué)生水平，代碼簡單。

網(wǎng)頁內(nèi)容

單頁面頁內(nèi)跳轉(zhuǎn)類型網(wǎng)頁，頁面內(nèi)容主要包括關(guān)于、技能、照片、留言。

網(wǎng)頁介紹

網(wǎng)頁采用DIV布局制作，網(wǎng)頁中的頂部導(dǎo)航使用CSS制作了鼠標(biāo)經(jīng)過變色及下劃線效果。使用CSS設(shè)置了背景圖片。頂部導(dǎo)航點(diǎn)擊會跳轉(zhuǎn)到頁面內(nèi)對應(yīng)的錨點(diǎn)定位。頁面插入了網(wǎng)頁背景音樂。頁面底部插入了留言表單。

網(wǎng)頁效果

代碼示例

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

<div class="top"><div class="topr"><ul><li><a href="">首頁<br/><span>HOME</span></a></li><li><a href="#about">關(guān)于<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">關(guān)于 / 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/>學(xué)校：XXXXXXXX<br/>專業(yè)：XXXXXXX</li><li>年齡：XXXXX<br/>郵箱：XXXXXXXXXX<br/>家鄉(xiāng)：XXXXXXXXXX</li></ul></div><div class="con2xc">愛好：</div><div class="con2xx">XXXXXXXXXXXXXXXXXXXX<br/>XXXXXXXXXXXXXXXXXXXXXXXXXX<br/>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div> </div>

網(wǎng)頁修改

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。