第一篇：個(gè)人網(wǎng)頁設(shè)計(jì)說明。doc
網(wǎng)頁設(shè)計(jì)說明
網(wǎng)站主題是：個(gè)人網(wǎng)站《我做的游戲網(wǎng)站》
整個(gè)網(wǎng)站分為一個(gè)主頁，3個(gè)超級(jí)鏈接。包括：最新新聞，相冊(cè)，玩家視頻，分享視頻，登陸，注冊(cè).一、表格定位
1，根據(jù)要求建立站點(diǎn)
2，把要用到材料放在站點(diǎn)文件夾中
3，建立主頁，建立空白頁后，點(diǎn)”插入“菜單，選擇”表格“選項(xiàng)。選擇相關(guān)參數(shù)：8行3列 最后，調(diào)整表格寬度1024，邊框粗細(xì)0.并在”屬性“欄設(shè)置為“居中”。
4，頁面屬性，分類-外觀，插入背景圖片素材，設(shè)置相應(yīng)大小，字體顏色，字體大小。5，按住CTRL鍵，點(diǎn)擊第一列第二行和第三行這兩個(gè)單元格，點(diǎn)擊鼠標(biāo)右鍵，表格-合并單元格。
6，將主頁制作完畢之后保存為模板。
二、超級(jí)鏈接，在模板中使用可編輯區(qū)域制作子頁。
1，在主頁上插入模板可編輯區(qū)域來制作子頁，用于超級(jí)鏈接的目的頁。2，在主頁要建立超級(jí)鏈接的位置輸入文字。如“相冊(cè)”，然后選中“相冊(cè)”在屬性欄中的”鏈接“框中輸入相關(guān)文件全名。
3，把超級(jí)鏈接的字體顏色改為黑色，并把字體大小設(shè)為14，再在頁面的”頁面屬性“中把下劃線樣式設(shè)為“僅在變換圖像時(shí)顯示下劃線”。
4，插入一張用于超級(jí)鏈接的導(dǎo)航圖片素材，鏈接中，用 指向文件選擇要鏈接的子頁。這樣點(diǎn)擊鏈接圖片即可進(jìn)入子頁。
三，表單
1，建立一個(gè)新網(wǎng)頁“留言板”。
（1）在”插入“菜單中選中”表單，插入文本字段、文本區(qū)域、單選框、復(fù)選框、按鈕等相關(guān)部件
（2）在“屬性”欄中設(shè)置好每個(gè)部件的屬性。再將主頁中的留言板的超級(jí)鏈接圖片與這個(gè)新網(wǎng)頁鏈接。
2，在主頁，設(shè)計(jì)一個(gè)登錄的表單。第一列第二行插入表單，插入文本域（用戶名，密碼），插入菜單按鈕，將提交改為登錄。3，（1）在登錄表單上插入一個(gè)注冊(cè)的超級(jí)鏈接圖片，建立一個(gè)新的注冊(cè)網(wǎng)頁，插入文本域，單選按鈕組，列表菜單等，設(shè)置用戶名，密碼，密碼找回提問設(shè)置，性別選擇等。（2）插入表單 按鈕，“立即登錄”。保存。
（3）然后將注冊(cè)超級(jí)鏈接圖片 用指向文件鏈接到新保存的注冊(cè)網(wǎng)頁，再保存即可。
四、插入Flash、背景音樂 1，（1）把需要插入的Flash文件準(zhǔn)備好
（2）建立新網(wǎng)頁，在要插入的位置，點(diǎn)擊“插入”菜單選“媒體”里面的“Flash文件”打開對(duì)話框添加到相應(yīng)的位置
（3）調(diào)整位置和設(shè)置相關(guān)參數(shù)。
2，在第一列第三行插入背景音樂。點(diǎn)擊“插入”菜單選“媒體”里面的“SHACKWAVE”文件，打開準(zhǔn)備好的音樂素材。將播放器調(diào)整合適的大小。
五、CSS樣式
這里以設(shè)置瀏覽器中的文字大小為例： 1，打開網(wǎng)頁文檔“個(gè)人簡(jiǎn)介.htm”
2，在“文本”菜單中選中“CSS樣式”點(diǎn)擊“新建”按鈕，彈出對(duì)話框。相關(guān)選項(xiàng)如圖 3，在“標(biāo)簽選擇器”上選定
標(biāo)簽，然后在標(biāo)簽上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選中【設(shè)置類】設(shè)置為“字體”。保存。4，在CSS樣式中，分類-擴(kuò)展，濾鏡中選擇 shadow（color=60，Direction=90），保存。
六，滾動(dòng)圖片和去下劃線
1，在主頁第四行第二列插入三張生活照素材。2，點(diǎn)擊第一張圖像，切換到拆分視圖，在相應(yīng)位置輸入以下代碼：
3，選中最后一張圖像，在相應(yīng)的位置上輸入。
4，在頁面屬性中去掉下劃線，超級(jí)鏈接設(shè)置為變化圖像時(shí)現(xiàn)實(shí)下劃線。保存。
七，填充空白，使主頁更完善。1，在第三行第二列插入動(dòng)感圖片。2，在第三行第三列插入“分享大全”，和兩個(gè)超級(jí)鏈接文章。3，在第7行居中位置插入四幅圖像。
4，在第8行居中位置輸入超級(jí)鏈接圖片（留言板）。設(shè)置超級(jí)鏈接圖片高160，寬20.郅勉
第二篇：個(gè)人網(wǎng)頁設(shè)計(jì)說明文檔
個(gè)人網(wǎng)頁設(shè)計(jì)說明文檔
我的個(gè)人網(wǎng)頁包括了一個(gè)主網(wǎng)頁“index.html”以及6個(gè)與主網(wǎng)頁相鏈接的網(wǎng)頁，再向其中鑲嵌一系列的圖像以及背景音樂來使得個(gè)人網(wǎng)頁增色不少，充分運(yùn)用了HTML技術(shù)進(jìn)行頁面結(jié)構(gòu)設(shè)計(jì)、CSS技術(shù)進(jìn)行頁面樣式展示以及通過JavaScript控制動(dòng)態(tài)行為來完成規(guī)范的網(wǎng)頁制作。主題內(nèi)容以“個(gè)人的簡(jiǎn)單的信息、個(gè)人的對(duì)大學(xué)的規(guī)劃以及音樂”，主題內(nèi)容積極健康，生機(jī)勃勃，表現(xiàn)出大學(xué)生的活力與激情！
我的主網(wǎng)頁“index.html”以CSS/DIV來對(duì)網(wǎng)頁頁面進(jìn)行布局,充分運(yùn)用DIV對(duì)各DIV層進(jìn)行定義，全局則通過CSS進(jìn)行定義，對(duì)頁面的布局進(jìn)行分割，將整個(gè)頁面分為頭部(top)、導(dǎo)航(banner)、內(nèi)容(content)、底部(bottom)4個(gè)區(qū)域。除了內(nèi)容區(qū)域外，其它4個(gè)部分都屬于相對(duì)固定的區(qū)域。
首先，主頁面的頭部是一個(gè)“光良宣傳”的圖片，體現(xiàn)了我愛音樂、喜愛光良。接下來的是個(gè)人的信息導(dǎo)航，介紹個(gè)人的姓名、學(xué)號(hào)、人生規(guī)劃以及簡(jiǎn)單介紹了下自己，并且大學(xué)規(guī)劃和我資料處還設(shè)置了超鏈接，分別鏈接到“大學(xué)規(guī)劃.html”“個(gè)人簡(jiǎn)歷.html”兩個(gè)鏈接網(wǎng)頁；接下來的是兩張新穎的圖片的恰當(dāng)?shù)那度耄⑶移渲幸粡垐D片中還引入了三個(gè)超鏈接，介紹“光良”、“軟件會(huì)計(jì)”、“德智體美”，各個(gè)方面描述。。。
其次，在主網(wǎng)頁內(nèi)容上面層次非常清晰，內(nèi)容主要是介紹自己對(duì)大學(xué)生活的感悟以及對(duì)大學(xué)生活的希冀，用表單中的多行文本輸入框?qū)ξ恼聝?nèi)容進(jìn)行編輯和創(chuàng)作，用