《個(gè)人網(wǎng)站設(shè)計(jì)論文13641926》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、緒論隨著Internet在中國的迅速發(fā)展，人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項(xiàng)新的技術(shù)來為自己的工作和學(xué)習(xí)服務(wù)。由于WEB頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動，而且使信息的瀏覽更為方便，同時(shí)WEB頁能實(shí)現(xiàn)網(wǎng)上交易平臺、客戶信息反饋方便了企業(yè)與客戶之間信息交流，因此許多企業(yè)紛紛建設(shè)具有自己獨(dú)特風(fēng)格的網(wǎng)站以增強(qiáng)企業(yè)知名度。本文主要利用Dreamweaver頁面設(shè)計(jì)軟件和WebMatrix軟件設(shè)計(jì)了一個(gè)積聚個(gè)人風(fēng)格的個(gè)人網(wǎng)站，雖然還有一些不足之處，但頁面整體比較美觀大方，具

2、有個(gè)人風(fēng)格，效果良好。14一、任務(wù)分析我的個(gè)人網(wǎng)站的主旨在于從各個(gè)方面全面的介紹我自己，展示自己。為此，所建網(wǎng)頁中須包括個(gè)人基本信息頁面，包括自己的姓名、生日、住址、聯(lián)系方式、相冊等內(nèi)容。除此之外，可以適當(dāng)添加自己家鄉(xiāng)的風(fēng)光、就讀的大學(xué)、留言板等頁面。二、方案設(shè)計(jì)為了通過個(gè)人網(wǎng)站從各個(gè)方面全面的介紹自己，展示自己，系統(tǒng)加入了個(gè)人信息模塊、個(gè)人家鄉(xiāng)風(fēng)光模塊、個(gè)人所讀大學(xué)校園模塊及來訪好友留言模塊等。網(wǎng)站里的每一個(gè)網(wǎng)頁都有統(tǒng)一的風(fēng)格，讓瀏覽者通過個(gè)人信息、家鄉(xiāng)、學(xué)校、好友留言全面了解自己。所有頁面均附有導(dǎo)航菜單，無

3、論瀏覽者在那個(gè)頁面均可通過導(dǎo)航連接到其他頁面。1、系統(tǒng)框圖個(gè)人網(wǎng)站留言板大學(xué)校園首頁個(gè)人信息家鄉(xiāng)風(fēng)光個(gè)人資料及生活感悟相冊好友留言管理員登錄編輯留言系統(tǒng)框圖如圖所示，系統(tǒng)主要有首頁、個(gè)人信息、家鄉(xiāng)風(fēng)光、大學(xué)校園以及留言板五個(gè)模塊。個(gè)人信息包括個(gè)人基本資料、生活感悟以及個(gè)人相冊部分。留言板設(shè)計(jì)為兩個(gè)頁面，一個(gè)是好友留言的頁面，好友可直接留言。另外一個(gè)是管理員管理頁面，管理員可通賬號（“111”）密碼（“111”）登錄，對好友留言進(jìn)行回復(fù)及刪除等操作。2、內(nèi)容規(guī)劃首頁主要是為了連接其他模塊，所以比較簡單，包括連接到

4、其他模塊的的導(dǎo)航菜單，14用一幅荷花圖片作為背景，并未其配上了音樂，首頁的右上角是一個(gè)單選按鈕的鏈接，可以進(jìn)行中英文切換。按首頁的個(gè)人信息可鏈接到個(gè)人信息模塊，這個(gè)模塊主要有人基本資料、個(gè)人生活感言等。此頁面還有一個(gè)“我的相冊”的鏈接，點(diǎn)擊可以連接到個(gè)人相冊，更加深刻的了解此人。按首頁的家鄉(xiāng)風(fēng)光可鏈接到家鄉(xiāng)風(fēng)光模塊，這個(gè)模塊主要是通過文字圖片對家鄉(xiāng)法門寺從舍利塔到法門塔再到地宮進(jìn)行一個(gè)相近的介紹與圖片展示。按首頁的大學(xué)校園可鏈接到大學(xué)校園模塊，這個(gè)模塊是介紹個(gè)人所讀大學(xué)的情況，滾動的圖片展示了個(gè)人所讀大學(xué)——西

5、安理工大學(xué)的學(xué)校建筑和校園風(fēng)景，并為其配上學(xué)校的文字簡介。按首頁的留言板可鏈接到留言板模塊，在留言板上設(shè)計(jì)來訪好友留言區(qū)域，好友填寫自己姓名便可給主人留言并可看到所有留言。此頁面上也設(shè)計(jì)了管理員登陸部分，進(jìn)入留言板管理頁面，此頁面可以對好友留言進(jìn)行編輯。所有頁面均附有導(dǎo)航菜單，無論瀏覽者在那個(gè)頁面均可通過導(dǎo)航連接到其他頁面。1、技術(shù)路線整個(gè)網(wǎng)站總共有九個(gè)網(wǎng)頁，包括七個(gè)html靜態(tài)頁面和兩個(gè)aspx動態(tài)頁面。對于靜態(tài)的頁面主要使用Dreamweaver網(wǎng)頁設(shè)計(jì)軟件進(jìn)行設(shè)計(jì)，并配合Photoshop圖像處理軟件美化

6、頁面插圖。對于動態(tài)頁面主要采用WebMatrix軟件和Dreamweaver設(shè)計(jì)軟件設(shè)計(jì)，由于WebMatrix軟件對頁面美化功能較弱，所以通過Dreamweaver設(shè)計(jì)軟件先將頁面進(jìn)行布局安排圖片插入等操作，然后將頁面保存為aspx格式在WebMatrix軟件中進(jìn)行與數(shù)據(jù)庫鏈接等功能的實(shí)現(xiàn)。一個(gè)整齊、美觀的頁面離不開表格的控制，通常處理好表格的安排對頁面布局安排有重要作用。在Dreamweaver中通過“插入—>表格”即可在頁面加入表格。然后頁面布局則以表格外沿為標(biāo)準(zhǔn)進(jìn)行安排。在頁面加入圖片后，如果還想在圖片

7、上加入文字，就得用到