青春驛站網(wǎng)頁(yè)設(shè)計(jì)范例

1、網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt第第10章章 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例 n10.1 10.1 設(shè)計(jì)站點(diǎn)設(shè)計(jì)站點(diǎn)n10.2 10.2 n10.3 制作主頁(yè)n10.4 n10.5 n10.6 n10.7 n10.8 測(cè)試和上傳站點(diǎn)網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt 主要內(nèi)容主要內(nèi)容 本章我們將通過(guò)詳細(xì)描述一個(gè)網(wǎng)本章我們將通過(guò)詳細(xì)描述一個(gè)網(wǎng)站站 “ “青春驛站青春驛站”的建設(shè)過(guò)程，學(xué)的建設(shè)過(guò)程，學(xué)習(xí)用習(xí)用Dreamweaver mx 2004Dreamweaver mx 2004制作一個(gè)制作一個(gè)完整的站點(diǎn)的步驟與關(guān)鍵技術(shù)。完整的站點(diǎn)的步驟與關(guān)鍵技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt本章重點(diǎn)本章重

2、點(diǎn) n網(wǎng)站建設(shè)過(guò)程網(wǎng)站建設(shè)過(guò)程n網(wǎng)頁(yè)設(shè)計(jì)常用技術(shù)網(wǎng)頁(yè)設(shè)計(jì)常用技術(shù) 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt 通過(guò)本章的學(xué)習(xí)，熟悉網(wǎng)站建設(shè)的全通過(guò)本章的學(xué)習(xí)，熟悉網(wǎng)站建設(shè)的全過(guò)程，掌握網(wǎng)頁(yè)設(shè)計(jì)常用技術(shù)。過(guò)程，掌握網(wǎng)頁(yè)設(shè)計(jì)常用技術(shù)。 教學(xué)目標(biāo)教學(xué)目標(biāo) 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt “青春驛站青春驛站”是一個(gè)流溢著青春氣息的網(wǎng)站，是一個(gè)流溢著青春氣息的網(wǎng)站，網(wǎng)頁(yè)的內(nèi)容圍繞著年青人喜歡的主題展開(kāi)。網(wǎng)頁(yè)的內(nèi)容圍繞著年青人喜歡的主題展開(kāi)。10.1 設(shè)計(jì)站點(diǎn)設(shè)計(jì)站點(diǎn)網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt 10.1.1 網(wǎng)站的總體結(jié)構(gòu)網(wǎng)站的總體結(jié)構(gòu) 進(jìn)入頁(yè)面主頁(yè)時(shí)尚話題心情文章熱點(diǎn)討論驛站留言頭發(fā)的時(shí)尚城市的性格

3、服裝百年圖10.1 站點(diǎn)總體結(jié)構(gòu)圖 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.1.2 建立站點(diǎn)建立站點(diǎn) 本例是在本例是在E盤盤book文件夾下建立一個(gè)名為文件夾下建立一個(gè)名為youngsite的的站點(diǎn)。制作步驟如下：站點(diǎn)。制作步驟如下：（1）先在）先在E盤盤book文件夾下建立一個(gè)名為文件夾下建立一個(gè)名為youngsite的的文件夾，用來(lái)存放創(chuàng)建的網(wǎng)頁(yè)；在文件夾，用來(lái)存放創(chuàng)建的網(wǎng)頁(yè)；在youngsite文件夾下文件夾下建立一個(gè)名為建立一個(gè)名為images的文件夾，用以存放站點(diǎn)中的圖像，的文件夾，用以存放站點(diǎn)中的圖像，可以把要用的圖片先放入該文件夾中?？梢园岩玫膱D片先放入該文件夾中。（2）選擇）

4、選擇【站點(diǎn)站點(diǎn)】|【管理站點(diǎn)管理站點(diǎn)】，打開(kāi)，打開(kāi)【管理站點(diǎn)管理站點(diǎn)】對(duì)話框，單擊對(duì)話框，單擊【新建新建】按鈕，在彈出的下拉菜單中選擇按鈕，在彈出的下拉菜單中選擇【站點(diǎn)站點(diǎn)】命令，在打開(kāi)的命令，在打開(kāi)的【站點(diǎn)定義站點(diǎn)定義】對(duì)話框中做如圖對(duì)話框中做如圖10.2所示的設(shè)置。此時(shí)站點(diǎn)管理面板如圖所示的設(shè)置。此時(shí)站點(diǎn)管理面板如圖10.3所示。所示。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt圖10.2 站點(diǎn)定義對(duì)話框網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt圖10.3 站點(diǎn)管理面板網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.1.3 生成網(wǎng)頁(yè)生成網(wǎng)頁(yè)1. 生成進(jìn)站頁(yè)面生成進(jìn)站頁(yè)面(1) 選擇菜單選擇菜單【文件文件】|【新建

5、新建】，則彈出，則彈出【新建文檔新建文檔】對(duì)話框，在該對(duì)話框中選擇對(duì)話框，在該對(duì)話框中選擇【常規(guī)常規(guī)】選項(xiàng)卡，在選項(xiàng)卡，在【類類別別】選項(xiàng)中選擇選項(xiàng)中選擇【基本頁(yè)基本頁(yè)】，然后在，然后在【基本頁(yè)基本頁(yè)】列表列表框中選擇框中選擇HTML，單擊，單擊【創(chuàng)建創(chuàng)建】按鈕即創(chuàng)建一個(gè)按鈕即創(chuàng)建一個(gè)HTML頁(yè)面文檔。頁(yè)面文檔。(2) 在文檔工具欄的標(biāo)題欄中，輸入網(wǎng)頁(yè)標(biāo)題在文檔工具欄的標(biāo)題欄中，輸入網(wǎng)頁(yè)標(biāo)題“進(jìn)站頁(yè)進(jìn)站頁(yè)面面”。(3) 選擇菜單選擇菜單【文件文件】|【保存保存】，則彈出，則彈出【另存為另存為】對(duì)對(duì)話框，則將該頁(yè)面以話框，則將該頁(yè)面以index.htm的名字保存在的名字保存在E:bookyoun

6、gsite中。中。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt2生成主頁(yè)及其它頁(yè)面生成主頁(yè)及其它頁(yè)面以相同方法生成以相同方法生成主頁(yè)及其它頁(yè)面，主頁(yè)及其它頁(yè)面，各個(gè)頁(yè)面的名稱各個(gè)頁(yè)面的名稱及存儲(chǔ)位置見(jiàn)圖及存儲(chǔ)位置見(jiàn)圖10.4所示。所示。服裝百年城市的性格頭發(fā)的時(shí)尚熱點(diǎn)討論心情文章時(shí)尚話題主頁(yè)圖10.4 主頁(yè)及其它頁(yè)面網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.2 制作進(jìn)站頁(yè)面制作進(jìn)站頁(yè)面打開(kāi)進(jìn)站頁(yè)面文檔打開(kāi)進(jìn)站頁(yè)面文檔index.htm，進(jìn)行設(shè)計(jì)。，進(jìn)行設(shè)計(jì)。1用表格進(jìn)行整體布局用表格進(jìn)行整體布局選擇菜單選擇菜單【插入插入】|【表格表格】或在插入工具欄中的或在插入工具欄中的【布局布局】類中選擇表格按鈕，則會(huì)

7、出現(xiàn)類中選擇表格按鈕，則會(huì)出現(xiàn)【表格表格】設(shè)置對(duì)話框，設(shè)置對(duì)話框，插入一個(gè)插入一個(gè)4行行1列寬度為列寬度為800個(gè)像素的表格。個(gè)像素的表格。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt2添加網(wǎng)頁(yè)元素添加網(wǎng)頁(yè)元素 (1) 在表格中的第在表格中的第1行，輸入行，輸入“青春驛站青春驛站”四個(gè)字，選擇四個(gè)字，選擇這四個(gè)字，在屬性面板中進(jìn)行設(shè)置，字體為這四個(gè)字，在屬性面板中進(jìn)行設(shè)置，字體為“華文行華文行楷楷”，大小為，大小為20。單元格對(duì)齊方式為水平。單元格對(duì)齊方式為水平“居中對(duì)居中對(duì)齊齊”，垂直，垂直“居中居中”。(2) 在表格中的第在表格中的第2行和第行和第4行，分別輸入如圖行，分別輸入如圖10.5所示所示

8、的第的第2行文字行文字“青春的美麗青春的美麗”和最后一行文字和最后一行文字“歡歡迎你的到來(lái)迎你的到來(lái)”。選擇這些文字，在屬性面板中進(jìn)行。選擇這些文字，在屬性面板中進(jìn)行設(shè)置，字體和大小都為設(shè)置，字體和大小都為“默認(rèn)默認(rèn)”。單元格對(duì)齊方式為。單元格對(duì)齊方式為水平水平“居中對(duì)齊居中對(duì)齊”，垂直，垂直“居中居中”。(3) 選擇菜單選擇菜單【插入插入】|【圖像圖像】在表格中的第在表格中的第3行，插行，插入圖像入圖像43.jpg。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt3頁(yè)面屬性的設(shè)置頁(yè)面屬性的設(shè)置選擇菜單選擇菜單【修改修改】|【頁(yè)面屬性頁(yè)面屬性】，在打開(kāi)的，在打開(kāi)的頁(yè)面屬性對(duì)話框中進(jìn)行設(shè)置，將背景顏色設(shè)頁(yè)面屬

9、性對(duì)話框中進(jìn)行設(shè)置，將背景顏色設(shè)為綠色為綠色(#99CC33)，文本顏色設(shè)為白色，文本顏色設(shè)為白色(#FFFFFF)。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.3 制作主頁(yè)制作主頁(yè)網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.3.1 整體效果設(shè)計(jì)整體效果設(shè)計(jì)主頁(yè)采用主頁(yè)采用T形布局，頁(yè)面上部為橫幅及網(wǎng)站標(biāo)志，下形布局，頁(yè)面上部為橫幅及網(wǎng)站標(biāo)志，下方左半部分為導(dǎo)航區(qū)，右半部分為網(wǎng)頁(yè)主體顯示內(nèi)容的方左半部分為導(dǎo)航區(qū)，右半部分為網(wǎng)頁(yè)主體顯示內(nèi)容的布局。布局。主頁(yè)的色彩以藍(lán)綠色為主，給人以青春、旺盛的感覺(jué)。主頁(yè)的色彩以藍(lán)綠色為主，給人以青春、旺盛的感覺(jué)。整個(gè)頁(yè)面共插入了六幅整個(gè)頁(yè)面共插入了六幅gif圖像，其中

10、四幅靜態(tài)圖像分圖像，其中四幅靜態(tài)圖像分別作為網(wǎng)頁(yè)橫幅部分、網(wǎng)頁(yè)標(biāo)志、表格單元格的背景，別作為網(wǎng)頁(yè)橫幅部分、網(wǎng)頁(yè)標(biāo)志、表格單元格的背景，給頁(yè)面添加了美感，容易使人產(chǎn)生聯(lián)想；而在左下半部給頁(yè)面添加了美感，容易使人產(chǎn)生聯(lián)想；而在左下半部分的主菜單上方及作為網(wǎng)頁(yè)主頁(yè)部分的背景的動(dòng)態(tài)分的主菜單上方及作為網(wǎng)頁(yè)主頁(yè)部分的背景的動(dòng)態(tài)gif圖圖像的插入，賦予整個(gè)頁(yè)面以動(dòng)感，給人以明快的感覺(jué)。像的插入，賦予整個(gè)頁(yè)面以動(dòng)感，給人以明快的感覺(jué)。主頁(yè)中的文字采用的是瀏覽器的默認(rèn)字體，即中文宋主頁(yè)中的文字采用的是瀏覽器的默認(rèn)字體，即中文宋體和英文體和英文Times New Roman字體，顯得整齊有序。字體，顯得整齊有序

11、。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.3.2 用表格進(jìn)行整體布局并設(shè)置用表格進(jìn)行整體布局并設(shè)置(1)插入一個(gè)插入一個(gè)3行行1列，寬度為列，寬度為800個(gè)像素，邊框粗細(xì)、單個(gè)像素，邊框粗細(xì)、單元格邊距及單元格間距均為元格邊距及單元格間距均為0的表格。的表格。(2) 將光標(biāo)置于表格第將光標(biāo)置于表格第1行，選擇行，選擇【修改修改】|【表格表格】|【拆分單元格拆分單元格】，將單元格拆分成，將單元格拆分成2列。拖動(dòng)兩列中間列。拖動(dòng)兩列中間的框線，使左側(cè)寬度大約在的框線，使左側(cè)寬度大約在150像素。像素。(3) 將光標(biāo)置于表格第將光標(biāo)置于表格第1行中第行中第1個(gè)單元格，選擇個(gè)單元格，選擇【修改修改】|

12、【表格表格】|【拆分單元格拆分單元格】，將單元格拆分成，將單元格拆分成2行。行。(4) 將光標(biāo)置于表格第將光標(biāo)置于表格第2行，選擇行，選擇【修改修改】|【表格表格】|【拆分單元格拆分單元格】，將單元格拆分成，將單元格拆分成2列。列。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.3.3 網(wǎng)頁(yè)橫幅及標(biāo)志部分的設(shè)計(jì)網(wǎng)頁(yè)橫幅及標(biāo)志部分的設(shè)計(jì) (1) 將光標(biāo)置于第將光標(biāo)置于第1行第行第2列單元格中，選擇菜單列單元格中，選擇菜單【插入插入】|【圖像圖像】，插入圖像，插入圖像5.gif，調(diào)整大小到適當(dāng)寬度。，調(diào)整大小到適當(dāng)寬度。(2) 將光標(biāo)置于第將光標(biāo)置于第1行第行第1列上面的單元格中，選擇菜單列上面的單元格中

13、，選擇菜單【插入插入】|【圖像圖像】，插入圖像，插入圖像text.gif。在屬性面板。在屬性面板上，設(shè)置圖像居中，其余默認(rèn)。上，設(shè)置圖像居中，其余默認(rèn)。(3) 將光標(biāo)置于表格的第將光標(biāo)置于表格的第3行，輸入文字：行，輸入文字：Copyright 2005 ，All Rights Reserved 青春驛站。在屬性面青春驛站。在屬性面板上，設(shè)置文字居中，其余默認(rèn)。板上，設(shè)置文字居中，其余默認(rèn)。 (4) 橫幅部分的當(dāng)前日期，是通過(guò)在代碼中插入一段橫幅部分的當(dāng)前日期，是通過(guò)在代碼中插入一段JavaScript代碼來(lái)實(shí)現(xiàn)的。代碼來(lái)實(shí)現(xiàn)的。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.3.4 導(dǎo)航區(qū)的設(shè)計(jì)導(dǎo)航

14、區(qū)的設(shè)計(jì)(1) 將光標(biāo)置于左下方單元格中，選擇菜單將光標(biāo)置于左下方單元格中，選擇菜單【插入插入】|【圖像圖像】，在該單元格上方插入圖像，在該單元格上方插入圖像ai01.gif，調(diào)整，調(diào)整圖像大小以適應(yīng)單元格。圖像大小以適應(yīng)單元格。(2) 將光標(biāo)置于所插入圖像的下方，選擇菜單將光標(biāo)置于所插入圖像的下方，選擇菜單【插入插入】|【表格表格】，插入一個(gè)，插入一個(gè)5行行1列，寬度為列，寬度為140像素，邊框像素，邊框粗細(xì)、單元格邊距為粗細(xì)、單元格邊距為0，單元格間距為，單元格間距為20的表格。的表格。(3) 在表格的各行分別輸入文字：在表格的各行分別輸入文字：“驛站首頁(yè)驛站首頁(yè)”，“時(shí)尚時(shí)尚話題話題”，

15、“心情文章心情文章”，“熱點(diǎn)討論熱點(diǎn)討論”和和“驛站留驛站留言言”。在屬性面板上設(shè)置文字字體為默認(rèn)字體，大小。在屬性面板上設(shè)置文字字體為默認(rèn)字體，大小為為14，居中。，居中。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt (4) 建立超級(jí)鏈接。選擇建立超級(jí)鏈接。選擇“驛站首頁(yè)驛站首頁(yè)”四個(gè)字，在四個(gè)字，在屬性面板的屬性面板的【鏈接鏈接】框中選擇框中選擇index1.htm（即本主（即本主頁(yè)）。同理，設(shè)置頁(yè)）。同理，設(shè)置“時(shí)尚話題時(shí)尚話題” 鏈接到網(wǎng)頁(yè)文件鏈接到網(wǎng)頁(yè)文件shishanghuati.htm；設(shè)置；設(shè)置“心情文章心情文章” 鏈接到網(wǎng)鏈接到網(wǎng)頁(yè)文件頁(yè)文件xinqingwenzhang.htm；設(shè)置

16、；設(shè)置“熱點(diǎn)討論熱點(diǎn)討論” 鏈接到網(wǎng)頁(yè)文件鏈接到網(wǎng)頁(yè)文件rediantaolun.htm；在；在“驛站留言驛站留言” 鏈接框中寫入如下腳本：鏈接框中寫入如下腳本：mailto:，即當(dāng)單擊該鏈接，即當(dāng)單擊該鏈接時(shí)，。時(shí)，。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.3.5 主體部分的設(shè)計(jì)主體部分的設(shè)計(jì) 在主體部分包含導(dǎo)航區(qū)主菜單中對(duì)應(yīng)在主體部分包含導(dǎo)航區(qū)主菜單中對(duì)應(yīng)選項(xiàng)中的主要內(nèi)容，可以從這里快速點(diǎn)擊選項(xiàng)中的主要內(nèi)容，可以從這里快速點(diǎn)擊進(jìn)入瀏覽。進(jìn)入瀏覽。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt1利用表格布局利用表格布局(1) 將光標(biāo)置于主體區(qū)單元格中，即導(dǎo)航區(qū)右側(cè)單元格，將光標(biāo)置于主體區(qū)單元格中，即導(dǎo)航

17、區(qū)右側(cè)單元格，選擇菜單選擇菜單【插入插入】|【表格表格】，插入一個(gè)，插入一個(gè)4行行2列，寬列，寬度為度為650像素，邊框粗細(xì)為像素，邊框粗細(xì)為2，單元格邊距及單元格間，單元格邊距及單元格間距為距為0，其余各項(xiàng)為默認(rèn)的表格。調(diào)整表格各行到合適，其余各項(xiàng)為默認(rèn)的表格。調(diào)整表格各行到合適高度。高度。(2) 將光標(biāo)置于上述表格的第將光標(biāo)置于上述表格的第2行第行第1列對(duì)應(yīng)的單元格，列對(duì)應(yīng)的單元格，選擇菜單選擇菜單【插入插入】|【表格表格】，插入一個(gè)，插入一個(gè)6行行1列，寬列，寬度為度為300像素，高為像素，高為180像素，邊框粗細(xì)、單元格邊像素，邊框粗細(xì)、單元格邊距及單元格間距均為距及單元格間距均為0，

18、居中對(duì)齊，其余各項(xiàng)為默認(rèn)的，居中對(duì)齊，其余各項(xiàng)為默認(rèn)的表格。表格。(3) 將上一步制作的表格拷貝下來(lái)。分別粘貼到第將上一步制作的表格拷貝下來(lái)。分別粘貼到第2行第行第2列及第列及第4行第行第1列對(duì)應(yīng)的單元格中。列對(duì)應(yīng)的單元格中。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt(4) 將光標(biāo)置于第將光標(biāo)置于第4行第行第2列對(duì)應(yīng)的單元格中，選擇列對(duì)應(yīng)的單元格中，選擇菜單菜單【插入插入】|【表格表格】，插入一個(gè)，插入一個(gè)2行行2列，寬列，寬度為度為320像素，邊框粗細(xì)、單元格邊距及單元格像素，邊框粗細(xì)、單元格邊距及單元格間距均為間距均為0，居中對(duì)齊，其余各項(xiàng)為默認(rèn)的表格。，居中對(duì)齊，其余各項(xiàng)為默認(rèn)的表格。選擇菜單

19、選擇菜單【修改修改】|【表格表格】將該表格第將該表格第1行兩個(gè)行兩個(gè)單元格合并。單元格合并。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt2添加網(wǎng)頁(yè)元素添加網(wǎng)頁(yè)元素(1) 添加單元格背景。將主體部分大表格的第添加單元格背景。將主體部分大表格的第1行行及第及第3行加入背景圖片行加入背景圖片3rd_middle_left_bg1.gif(2) 添加圖片。在主體部分大表格的第添加圖片。在主體部分大表格的第1行及第行及第3行行的單元格左側(cè)插入圖片的單元格左側(cè)插入圖片heart_s.gif。(3) 輸入文字。在各單元格中輸入對(duì)應(yīng)文字，字體輸入文字。在各單元格中輸入對(duì)應(yīng)文字，字體為默認(rèn)字體，大小為為默認(rèn)字體，大小為

20、14。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt(4) 設(shè)置超級(jí)鏈接。將設(shè)置超級(jí)鏈接。將“時(shí)尚話題時(shí)尚話題”下的下的“頭發(fā)的頭發(fā)的時(shí)尚時(shí)尚”、“城市的性格城市的性格”和和“服裝百年服裝百年”分別鏈分別鏈接到接到toufashishang.htm，chengshidexingge.htm和和fuzhuangbainian.htm；將；將“熱點(diǎn)討論熱點(diǎn)討論”下的下的“大學(xué)生校外租房調(diào)查大學(xué)生校外租房調(diào)查”鏈接到鏈接到rediantaolun.htm；將；將“心情文章心情文章”下所有的下所有的各項(xiàng)均鏈接到各項(xiàng)均鏈接到xinqingwenzhang.htm。(5) 將主體部分的表格加入背景圖片。在表格屬性將主

21、體部分的表格加入背景圖片。在表格屬性面板的面板的【背景背景】框中選擇框中選擇xmasbg4.gif。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.3.6 添加頁(yè)面動(dòng)態(tài)效果添加頁(yè)面動(dòng)態(tài)效果為了增強(qiáng)頁(yè)面的顯示效果及功能，可以在頁(yè)面上適當(dāng)為了增強(qiáng)頁(yè)面的顯示效果及功能，可以在頁(yè)面上適當(dāng)?shù)靥砑有┑靥砑有㎎avaScript腳本。腳本。在頁(yè)面中添加在頁(yè)面中添加JavaScript腳本，可以有兩種方法，腳本，可以有兩種方法，一種是使用一種是使用Dreamweaver MX提供的行為功能，另一提供的行為功能，另一種是直接在網(wǎng)頁(yè)種是直接在網(wǎng)頁(yè)HTML代碼中使用代碼中使用標(biāo)志直接寫標(biāo)志直接寫入入JavaScript腳本

22、。腳本。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt1設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本 (1) 選中當(dāng)前主頁(yè)文檔選中當(dāng)前主頁(yè)文檔index1.htm下部的標(biāo)簽選擇器中下部的標(biāo)簽選擇器中的的標(biāo)簽。標(biāo)簽。(2) 選擇菜單選擇菜單【窗口窗口】|【行為行為】，打開(kāi)行為面板。，打開(kāi)行為面板。(3) 單擊面板中的按鈕，從彈出菜單中選擇單擊面板中的按鈕，從彈出菜單中選擇【設(shè)置文本設(shè)置文本】|【設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本】，。打開(kāi)，。打開(kāi)【設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本】對(duì)對(duì)話框。在該對(duì)話框中的文本框中輸入文字話框。在該對(duì)話框中的文本框中輸入文字“歡迎你的歡迎你的到來(lái)到來(lái),光臨屬于你的、我的、大家的青春驛站光臨屬于你的、我

23、的、大家的青春驛站!”，單擊，單擊 【確定確定】按鈕返回。按鈕返回。 (4) 存盤預(yù)覽，則可以看見(jiàn)在頁(yè)面狀態(tài)欄中顯示的文字。存盤預(yù)覽，則可以看見(jiàn)在頁(yè)面狀態(tài)欄中顯示的文字。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt2顯示當(dāng)前日期顯示當(dāng)前日期(1) 在在【設(shè)計(jì)設(shè)計(jì)】視圖中，將光標(biāo)置于欲顯示日期的視圖中，將光標(biāo)置于欲顯示日期的單元格中。單元格中。(2) 切換到切換到【代碼代碼】視圖中，在光標(biāo)所在位置輸入視圖中，在光標(biāo)所在位置輸入如下代碼：如下代碼：網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.4 制作制作“時(shí)尚話題時(shí)尚話題”頁(yè)面頁(yè)面10.4.1 網(wǎng)頁(yè)橫幅的制作網(wǎng)頁(yè)橫幅的制作1表格布局表格布局插入一個(gè)插入一個(gè)1行

24、行2列寬度為列寬度為800個(gè)像素的表格。個(gè)像素的表格。2插入圖像插入圖像在上述左側(cè)單元格中插入圖像在上述左側(cè)單元格中插入圖像text.gif，在右側(cè)單元格，在右側(cè)單元格中插入圖像中插入圖像4.gif。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.4.2 主體部分制作主體部分制作1表格布局表格布局(1) 將光標(biāo)置于橫幅下面，插入一個(gè)將光標(biāo)置于橫幅下面，插入一個(gè)3行行2列寬度為列寬度為800像像素的表格。素的表格。(2) 選中第選中第3行兩個(gè)單元格，選擇菜單行兩個(gè)單元格，選擇菜單【修改修改】|【表格表格】|【合并單元格合并單元格】。2第第1行第行第1列對(duì)應(yīng)的單元格的設(shè)計(jì)列對(duì)應(yīng)的單元格的設(shè)計(jì)(1) 在該單

25、元格中插入一個(gè)在該單元格中插入一個(gè)2行行2列的表格。列的表格。(2) 在該表格的四個(gè)單元格中，順次插入四個(gè)圖像：在該表格的四個(gè)單元格中，順次插入四個(gè)圖像：fashion_left_1.jpg，fashion_left_2.jpg，fashion_left_3.jpg和和fashion_left_4.jpg，構(gòu)成一個(gè)完整，構(gòu)成一個(gè)完整的畫面。的畫面。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt3第第1行第行第2列對(duì)應(yīng)的單元格的設(shè)計(jì)列對(duì)應(yīng)的單元格的設(shè)計(jì)(1) 在該單元格中插入一個(gè)在該單元格中插入一個(gè)9行行3列的表格。列的表格。(2) 合并第合并第1行行3個(gè)單元格個(gè)單元格,在合并后的單元格中插入圖像在合并后的

26、單元格中插入圖像fashion_titleright01.gif。(3) 適當(dāng)?shù)恼{(diào)整下面適當(dāng)?shù)恼{(diào)整下面8行各列的寬度。行各列的寬度。(4) 分別在第分別在第2行、第行、第4行和第行和第6行的第行的第1列單元格中插入圖像列單元格中插入圖像index_image15_1.gif，index_image15_2.gif和和index_image15_3.gif。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt(5) 在其余單元格中輸入文本。字體為默認(rèn)字體，在其余單元格中輸入文本。字體為默認(rèn)字體，3個(gè)標(biāo)題的字體大小為個(gè)標(biāo)題的字體大小為14，其余大小默認(rèn)。，其余大小默認(rèn)。(6) 設(shè)置設(shè)置3個(gè)標(biāo)題的超鏈接：個(gè)標(biāo)題的超鏈

27、接：“頭發(fā)的時(shí)尚頭發(fā)的時(shí)尚”鏈鏈接至接至toufashishang.htm；“城市的性格城市的性格”鏈鏈接至接至chengshidexingge.htm；“服裝百年服裝百年”鏈鏈接至接至fuzhuangbainian.htm。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt4第第2行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)(1) 在左側(cè)單元格中插入圖像在左側(cè)單元格中插入圖像linker.gif。(2) 在右側(cè)單元格中輸入文本在右側(cè)單元格中輸入文本“【返回主頁(yè)返回主頁(yè)】”。(3) 將將“返回主頁(yè)返回主頁(yè)”鏈接至主頁(yè)鏈接至主頁(yè)index1.htm。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt5第第3行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)在該單元

28、格中插入圖像在該單元格中插入圖像xjtu_05.jpg，并調(diào)整，并調(diào)整該圖像的大小，使之占滿整個(gè)單元格。該圖像的大小，使之占滿整個(gè)單元格。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.5 制作制作“頭發(fā)的時(shí)尚頭發(fā)的時(shí)尚”、“城市的性格城市的性格”及及“服裝百年服裝百年”頁(yè)面頁(yè)面“頭發(fā)的時(shí)尚頭發(fā)的時(shí)尚”、“城市的性格城市的性格”及及“服裝百年服裝百年”這三個(gè)頁(yè)面同屬這三個(gè)頁(yè)面同屬“時(shí)尚話題時(shí)尚話題”的下級(jí)頁(yè)面，整體風(fēng)的下級(jí)頁(yè)面，整體風(fēng)格一致，故利用模板來(lái)創(chuàng)建。格一致，故利用模板來(lái)創(chuàng)建。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.5.1 創(chuàng)建創(chuàng)建“時(shí)尚話題模板時(shí)尚話題模板”模板頁(yè)模板頁(yè)1新建新建HTML模

29、板文檔模板文檔 選擇菜單選擇菜單【文件文件】|【新建新建】，則彈出，則彈出【新建文新建文檔檔】對(duì)話框。在該對(duì)話框中選擇對(duì)話框。在該對(duì)話框中選擇【常規(guī)常規(guī)】選項(xiàng)卡，選項(xiàng)卡，在在【類別類別】選項(xiàng)中選擇選項(xiàng)中選擇【模板頁(yè)模板頁(yè)】，然后在，然后在【模板模板頁(yè)頁(yè)】列表框中選擇列表框中選擇【HTML模板模板】，單擊，單擊【創(chuàng)建創(chuàng)建】按鈕即創(chuàng)建一個(gè)按鈕即創(chuàng)建一個(gè)HTML模板頁(yè)文檔。模板頁(yè)文檔。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt2定義頁(yè)標(biāo)題定義頁(yè)標(biāo)題在文檔工具欄的標(biāo)題欄中，輸入網(wǎng)頁(yè)標(biāo)在文檔工具欄的標(biāo)題欄中，輸入網(wǎng)頁(yè)標(biāo)題題“時(shí)尚話題模板時(shí)尚話題模板” 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt3網(wǎng)頁(yè)橫幅的制作網(wǎng)頁(yè)橫幅的

30、制作(1) 表格布局表格布局插入一個(gè)插入一個(gè)1行行2列寬度為列寬度為800個(gè)像素的表格。個(gè)像素的表格。(2) 插入圖像插入圖像選擇菜單選擇菜單【插入插入】|【圖像圖像】，在上述左側(cè)單元格中插入，在上述左側(cè)單元格中插入圖像圖像text.gif，在右側(cè)單元格中插入圖像，在右側(cè)單元格中插入圖像4.gif。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt4主體部分制作主體部分制作(1) 表格布局表格布局 光標(biāo)置于橫幅下面，插入一個(gè)光標(biāo)置于橫幅下面，插入一個(gè)3行行2列寬度為列寬度為800像素像素的表格，并適當(dāng)調(diào)整表格中間的框線，使左側(cè)列的寬的表格，并適當(dāng)調(diào)整表格中間的框線，使左側(cè)列的寬度大約為度大約為330像素。像素

31、。 選中第選中第3行兩個(gè)單元格，選擇菜單行兩個(gè)單元格，選擇菜單【修改修改】|【表格表格】|【合并單元格合并單元格】。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt(2) 第第1行第行第1列對(duì)應(yīng)的單元格的設(shè)計(jì)列對(duì)應(yīng)的單元格的設(shè)計(jì) 在該單元格中插入一個(gè)在該單元格中插入一個(gè)2行行1列的表格。列的表格。 在該表格的第在該表格的第1行單元格中，插入圖像行單元格中，插入圖像fashion_titleright01.gif。 在該表格的第在該表格的第2行單元格中，插入一個(gè)行單元格中，插入一個(gè)3行行1列，寬度列，寬度為為300像素，間距為像素，間距為10像素的表格。在表格的三個(gè)單像素的表格。在表格的三個(gè)單元格中分別輸入：

32、元格中分別輸入：“頭發(fā)的時(shí)尚頭發(fā)的時(shí)尚”，“城市的性格城市的性格”和和“服裝百年服裝百年”。并設(shè)置它們分別鏈接到網(wǎng)頁(yè)：。并設(shè)置它們分別鏈接到網(wǎng)頁(yè)：toufashishang.htm，chengshidexingge.htm和和fuzhuangbainian.htm。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt(3) 第第1行第行第2列對(duì)應(yīng)的單元格的設(shè)計(jì)列對(duì)應(yīng)的單元格的設(shè)計(jì)在該單元格中插入一個(gè)在該單元格中插入一個(gè)1行，行，1列的表格，準(zhǔn)備作為文本列的表格，準(zhǔn)備作為文本的輸入?yún)^(qū)域。的輸入?yún)^(qū)域。(4) 第第2行單元格的設(shè)計(jì)行單元格的設(shè)計(jì) 在左側(cè)單元格中插入圖像在左側(cè)單元格中插入圖像linker.gif。 在右

33、側(cè)單元格中輸入文本在右側(cè)單元格中輸入文本“【返回主頁(yè)返回主頁(yè)】”。 將將“返回主頁(yè)返回主頁(yè)”鏈接至主頁(yè)鏈接至主頁(yè)index1.htm。(5) 第第3行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)在該單元格中插入圖像在該單元格中插入圖像xjtu_05.jpg，并調(diào)整該圖像的，并調(diào)整該圖像的大小，使之占滿整個(gè)單元格大小，使之占滿整個(gè)單元格 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt5定義模板的可編輯區(qū)域定義模板的可編輯區(qū)域(1) 頁(yè)面標(biāo)題部分是默認(rèn)的可編輯區(qū)域，不用加以設(shè)置。頁(yè)面標(biāo)題部分是默認(rèn)的可編輯區(qū)域，不用加以設(shè)置。(2) 定義主體部分輸入文本區(qū)域?yàn)榭删庉媴^(qū)域定義主體部分輸入文本區(qū)域?yàn)榭删庉媴^(qū)域 選中主體部分第選中主體

34、部分第1行第行第2列插入的準(zhǔn)備輸入文本區(qū)域的列插入的準(zhǔn)備輸入文本區(qū)域的表格表格 選擇菜單選擇菜單【插入插入】|【模板對(duì)象模板對(duì)象】|【可編輯區(qū)域可編輯區(qū)域】，打開(kāi)打開(kāi)【新建可編輯區(qū)域新建可編輯區(qū)域】對(duì)話框，在對(duì)話框，在【名稱名稱】欄中輸欄中輸入入“EditRegion1”。 單擊單擊【確定確定】按鈕，關(guān)閉按鈕，關(guān)閉【新建可編輯區(qū)域新建可編輯區(qū)域】對(duì)話框。對(duì)話框。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt6保存模板文檔保存模板文檔將當(dāng)前模板文檔保存為將當(dāng)前模板文檔保存為shishangsample.dwt。此時(shí)，在當(dāng)前的此時(shí)，在當(dāng)前的youngsite站點(diǎn)的根目錄中自動(dòng)增加站點(diǎn)的根目錄中自動(dòng)增加一個(gè)文

35、件夾一個(gè)文件夾Templates，新保存的模板就在該文件夾，新保存的模板就在該文件夾中。中。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.5.2 使用使用“時(shí)尚話題模板時(shí)尚話題模板”創(chuàng)建文檔創(chuàng)建文檔1創(chuàng)建創(chuàng)建“頭發(fā)的時(shí)尚頭發(fā)的時(shí)尚”頁(yè)面頁(yè)面(1) 選擇菜單選擇菜單【文件文件】|【新建新建】，則彈出，則彈出【新建文檔新建文檔】對(duì)話框，在該對(duì)話框中選擇對(duì)話框，在該對(duì)話框中選擇【模板模板】選項(xiàng)卡。選項(xiàng)卡。(2) 選中選中【當(dāng)模板改變時(shí)更新頁(yè)面當(dāng)模板改變時(shí)更新頁(yè)面】選項(xiàng)，單擊選項(xiàng)，單擊【創(chuàng)建創(chuàng)建】按鈕，進(jìn)入新文檔設(shè)計(jì)視圖。在該視圖中，光標(biāo)只能按鈕，進(jìn)入新文檔設(shè)計(jì)視圖。在該視圖中，光標(biāo)只能移動(dòng)到可編輯區(qū)域。移

36、動(dòng)到可編輯區(qū)域。(3) 改變文檔標(biāo)題為改變文檔標(biāo)題為“頭發(fā)的時(shí)尚頭發(fā)的時(shí)尚”。(4) 將光標(biāo)移到將光標(biāo)移到EditRegion1，輸入對(duì)應(yīng)文字。，輸入對(duì)應(yīng)文字。(5) 保存文檔為保存文檔為toufashishang.htm。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt2創(chuàng)建創(chuàng)建“城市的性格城市的性格” 和和“服裝百年服裝百年”頁(yè)面頁(yè)面 按照按照 “1創(chuàng)建創(chuàng)建頭發(fā)的時(shí)尚頭發(fā)的時(shí)尚頁(yè)面頁(yè)面”的方法，的方法，來(lái)創(chuàng)建來(lái)創(chuàng)建“城市的性格城市的性格” 和和“服裝百年服裝百年”頁(yè)面，頁(yè)面，只需將文檔標(biāo)題分別改變?yōu)橹恍鑼⑽臋n標(biāo)題分別改變?yōu)椤俺鞘械男愿癯鞘械男愿瘛焙秃汀胺b百年服裝百年”；將文檔分別保存為；將文檔分別保

37、存為chengshidexingge.htm和和fuzhuangbainian.htm。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.6 制作制作“心情文章心情文章”頁(yè)面頁(yè)面10.6.1 網(wǎng)頁(yè)橫幅的制作網(wǎng)頁(yè)橫幅的制作1表格布局表格布局插入一個(gè)插入一個(gè)1行行2列寬度為列寬度為800個(gè)像素的表格。個(gè)像素的表格。2插入圖像插入圖像在上述左側(cè)單元格中插入圖像在上述左側(cè)單元格中插入圖像text.gif，在右側(cè)單元格中，在右側(cè)單元格中插入圖像插入圖像5.gif。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.6.2 主體部分制作主體部分制作1表格布局表格布局將光標(biāo)置于橫幅下面，插入一個(gè)將光標(biāo)置于橫幅下面，插入一個(gè)3行

38、行1列寬度為列寬度為800個(gè)像素個(gè)像素的表格。的表格。2第第1行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)(1) 在該單元格中插入一個(gè)在該單元格中插入一個(gè)4行行3列，寬為列，寬為795，邊框粗細(xì)，邊框粗細(xì)為為2的表格。的表格。(2) 在該表格第在該表格第1行第行第1列、第列、第2行第行第3列、第列、第3行第行第1列及第列及第4行第行第3列對(duì)應(yīng)的單元格內(nèi)，各插入一個(gè)列對(duì)應(yīng)的單元格內(nèi)，各插入一個(gè)2行行1列，寬度列，寬度為為250像素的表格。在表格的第像素的表格。在表格的第1行輸入文字標(biāo)題，第行輸入文字標(biāo)題，第2行輸入對(duì)應(yīng)正文行輸入對(duì)應(yīng)正文 。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt(3) 在該表格第在該表格第1行第行第

39、3列、第列、第2行第行第2列、第列、第3行第行第3列及第列及第4行第行第2列對(duì)應(yīng)的單元格內(nèi)，依次插入四個(gè)圖像：列對(duì)應(yīng)的單元格內(nèi)，依次插入四個(gè)圖像：489.jpg，472.jpg，fullimage.jpg和和phot065.jpg。 (4) 在第在第1行第行第2列對(duì)應(yīng)的單元格內(nèi)輸入文字列對(duì)應(yīng)的單元格內(nèi)輸入文字“心情文章心情文章”，字體為字體為“華文行楷華文行楷”，大小為，大小為7，顏色為藍(lán)色，顏色為藍(lán)色（#0099FF），居中。），居中。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt3第第2行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)在該單元格中輸入文本在該單元格中輸入文本“【返回主頁(yè)返回主頁(yè)】”，居中。將，居中。將“返

40、回主頁(yè)返回主頁(yè)”鏈接至主頁(yè)鏈接至主頁(yè)index1.htm4第第3行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)在該單元格中插入圖像在該單元格中插入圖像huabian01.gif，居中。，居中。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.7 制作制作“熱點(diǎn)討論熱點(diǎn)討論”頁(yè)面頁(yè)面10.7.1 網(wǎng)頁(yè)橫幅的制作網(wǎng)頁(yè)橫幅的制作1表格布局表格布局插入一個(gè)插入一個(gè)1行行2列寬度為列寬度為800個(gè)像素的表格。個(gè)像素的表格。2插入圖像插入圖像在上述左側(cè)單元格中插入圖像在上述左側(cè)單元格中插入圖像text.gif，在右側(cè)單元格中，在右側(cè)單元格中插入圖像插入圖像6.gif。網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt(3) 左側(cè)單元格的設(shè)計(jì)左側(cè)單元

41、格的設(shè)計(jì)在該單元格插入一個(gè)在該單元格插入一個(gè)9行行1列的表格，分別在第列的表格，分別在第1、3、5、7、9行輸入文字及插入圖像行輸入文字及插入圖像soap1.jpg、ashtray1.jpg、soap2.jpg和和ashtray2.jpg，在插入的過(guò)程中適當(dāng)調(diào)整表格，在插入的過(guò)程中適當(dāng)調(diào)整表格邊線的位置，達(dá)到美觀的效果。邊線的位置，達(dá)到美觀的效果。3第第2行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)在該單元格中輸入文本在該單元格中輸入文本“【返回主頁(yè)返回主頁(yè)】”，居中。將，居中。將“返回主頁(yè)返回主頁(yè)”鏈接至主頁(yè)鏈接至主頁(yè)index1.htm。 網(wǎng)頁(yè)設(shè)計(jì)范例網(wǎng)頁(yè)設(shè)計(jì)范例編輯ppt10.7.2 主體部分制作主體部

42、分制作1表格布局表格布局將光標(biāo)置于橫幅下面，插入一個(gè)將光標(biāo)置于橫幅下面，插入一個(gè)2行行1列寬度為列寬度為800個(gè)個(gè)像素的表格。像素的表格。2第第1行單元格的設(shè)計(jì)行單元格的設(shè)計(jì)(1) 將該單元格中拆分成將該單元格中拆分成2列。將第列。將第1列的寬度調(diào)整為列的寬度調(diào)整為大約大約136像素。像素。(2) 右側(cè)單元格的設(shè)計(jì)右側(cè)單元格的設(shè)計(jì)在該單元格插入一個(gè)在該單元格插入一個(gè)6行行1列邊框?yàn)榱羞吙驗(yàn)?的表格。在表格的表格。在表格的第的第1行輸入討論的標(biāo)題：行輸入討論的標(biāo)題：“冰與火冰與火 大學(xué)生校外租房調(diào)大學(xué)生校外租房調(diào)查查”；在以下各行分別插入圖像；在以下各行分別插入圖像04062801c.jpg，04062801d.jpg，04062801e.jp