Dreamweaver 中的文本格式設(shè)置與使用

1、1. Dreamweaver 中的文本格式中的文本格式設(shè)置與使用設(shè)置與使用第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架 由由5.3節(jié)我們已經(jīng)學(xué)到，框架即多窗口頁(yè)面，也稱為節(jié)我們已經(jīng)學(xué)到，框架即多窗口頁(yè)面，也稱為“幀幀”，是將一個(gè)瀏覽器窗口分成多個(gè)小頁(yè)面，每個(gè)頁(yè)，是將一個(gè)瀏覽器窗口分成多個(gè)小頁(yè)面，每個(gè)頁(yè)面顯示一定的內(nèi)容。它是頁(yè)面排版的重要表現(xiàn)方式。本面顯示一定的內(nèi)容。它是頁(yè)面排版的重要表現(xiàn)方式。本實(shí)訓(xùn)中，需要把頁(yè)面分成左右兩部分，左邊部分為菜單實(shí)訓(xùn)中，需要把頁(yè)面分成左右兩部分，左邊部分為菜單列表，右邊部分為主顯示頁(yè)面。列表，右邊部分為主顯示頁(yè)面。 打開(kāi)打開(kāi)Dreamwaver 200

2、4，新建一個(gè)空白頁(yè)面，然后運(yùn)行菜，新建一個(gè)空白頁(yè)面，然后運(yùn)行菜單單“插入插入HTML框架框架左方左方”，頁(yè)面就會(huì)被，頁(yè)面就會(huì)被分割成左右兩個(gè)部分，如圖分割成左右兩個(gè)部分，如圖1所示。所示。圖圖1 框架效果圖框架效果圖 第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架插入框架后，設(shè)置框架的屬性，我們需要框架的邊框?yàn)椴迦肟蚣芎螅O(shè)置框架的屬性，我們需要框架的邊框?yàn)? 2，顏色為紅色，左邊寬度為顏色為紅色，左邊寬度為110110像素，所以框架的屬性面板像素，所以框架的屬性面板如圖如圖2 2所示。所示。圖圖2 2 框架屬性面板框架屬性面板第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架

3、設(shè)置完后的框架頁(yè)面如圖設(shè)置完后的框架頁(yè)面如圖3 3所示。所示。圖圖3 3 設(shè)置完成后的框架效果圖設(shè)置完成后的框架效果圖第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架現(xiàn)在我們已經(jīng)按照需要設(shè)置了框架屬性，其現(xiàn)在我們已經(jīng)按照需要設(shè)置了框架屬性，其HTMLHTML代碼如圖代碼如圖4 4所示。所示。圖圖4 4 框架框架HTMLHTML代碼代碼第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架在這個(gè)框架頁(yè)面上，其實(shí)包含了三個(gè)頁(yè)面：框架在這個(gè)框架頁(yè)面上，其實(shí)包含了三個(gè)頁(yè)面：框架頁(yè)面、左邊子頁(yè)面、右邊子頁(yè)面，頁(yè)面、左邊子頁(yè)面、右邊子頁(yè)面，

4、Dreamwaver Dreamwaver 2 0 0 42 0 0 4 給 這 三 個(gè) 文 件 分 別 命 名 為 ：給 這 三 個(gè) 文 件 分 別 命 名 為 ：UntitledFrameset-1.htmUntitledFrameset-1.htm、UntitledFrame-1.htmUntitledFrame-1.htm、Untitled-1.htmUntitled-1.htm。所以在保存的時(shí)候，選擇。所以在保存的時(shí)候，選擇“文文件件保存全部保存全部”，Dreamwaver 2004Dreamwaver 2004會(huì)順序彈出會(huì)順序彈出三個(gè)窗口，來(lái)分別保存上面的三個(gè)文件，如圖三個(gè)窗口，來(lái)

5、分別保存上面的三個(gè)文件，如圖55圖圖7 7所示。所示。圖圖5 框架保存窗口框架保存窗口 第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架圖圖6 右邊子頁(yè)面保存窗口右邊子頁(yè)面保存窗口 第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架圖圖7 左邊子頁(yè)面保存窗口左邊子頁(yè)面保存窗口 第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架在本實(shí)訓(xùn)中，上面三個(gè)文件，分別采用文件名在本實(shí)訓(xùn)中，上面三個(gè)文件，分別采用文件名index.htm，woaiwojia.htm，left.htm。左邊窗口的名字為。左邊窗口的名字為leftFram

6、e，右邊窗口的名字為右邊窗口的名字為mainFrame。我們可以隨意更改這兩。我們可以隨意更改這兩個(gè)名字，對(duì)顯示效果沒(méi)什么影響，在個(gè)名字，對(duì)顯示效果沒(méi)什么影響，在javascript編程中才編程中才會(huì)用到，在后面我們?cè)O(shè)置左邊子窗口中的超級(jí)鏈接的時(shí)會(huì)用到，在后面我們?cè)O(shè)置左邊子窗口中的超級(jí)鏈接的時(shí)候也能用到。候也能用到。 到此為止，框架頁(yè)面已經(jīng)做完了，通過(guò)到此為止，框架頁(yè)面已經(jīng)做完了，通過(guò)Dreamwaver Dreamwaver 20042004中的中的“文件文件在瀏覽器中預(yù)覽在瀏覽器中預(yù)覽iexploreiexplore”，就可以看到框架的效果如圖就可以看到框架的效果如圖8 8所示。所示。圖圖

7、8 8 框架最終顯示效果圖框架最終顯示效果圖第一步：采用框架設(shè)計(jì)整體框架第一步：采用框架設(shè)計(jì)整體框架本網(wǎng)站是斐斐的個(gè)人網(wǎng)站，所以最好在醒目的位置標(biāo)示本網(wǎng)站是斐斐的個(gè)人網(wǎng)站，所以最好在醒目的位置標(biāo)示這個(gè)信息，這個(gè)信息，left.htmleft.htm頁(yè)面頂端就是最合適的位置，在本頁(yè)面頂端就是最合適的位置，在本實(shí)訓(xùn)中，采用紅色的大字體實(shí)訓(xùn)中，采用紅色的大字體“斐斐小屋斐斐小屋”來(lái)說(shuō)明，如果來(lái)說(shuō)明，如果您喜歡，也可以在這兒放置一個(gè)合適的圖片。在您喜歡，也可以在這兒放置一個(gè)合適的圖片。在“斐斐斐斐小屋小屋”的下面，依次插入四行字：的下面，依次插入四行字：“我愛(ài)我家我愛(ài)我家”，“青青春寄語(yǔ)春寄語(yǔ)”，“攝

8、影欣賞攝影欣賞”，“友情鏈接友情鏈接”，然后設(shè)置這，然后設(shè)置這四行字的鏈接如圖四行字的鏈接如圖9 9圖圖1212所示。所示。圖圖9 9 “我愛(ài)我家我愛(ài)我家”鏈接設(shè)置鏈接設(shè)置圖圖10 10 “青春寄語(yǔ)青春寄語(yǔ)”鏈接設(shè)置鏈接設(shè)置圖圖11 11 “攝影欣賞攝影欣賞”鏈接設(shè)置鏈接設(shè)置圖圖12 “友情鏈接友情鏈接”鏈接設(shè)置鏈接設(shè)置 左邊頁(yè)面得最終效果如圖左邊頁(yè)面得最終效果如圖1313所示。所示。圖圖13 left.htm頁(yè)面效果圖頁(yè)面效果圖 該頁(yè)面用來(lái)顯示斐斐的小狗該頁(yè)面用來(lái)顯示斐斐的小狗“笨笨笨笨”的一組圖片，為了排的一組圖片，為了排列圖片，所以需要使用表格進(jìn)行排版。由列圖片，所以需要使用表格進(jìn)行排版

9、。由5.25.2我們可知，我們可知，表格可以用來(lái)清晰地顯示列表的數(shù)據(jù)。實(shí)際上表格的作用表格可以用來(lái)清晰地顯示列表的數(shù)據(jù)。實(shí)際上表格的作用遠(yuǎn)遠(yuǎn)不止顯示數(shù)據(jù)，它在網(wǎng)頁(yè)定位上一直起著重要的作用。遠(yuǎn)遠(yuǎn)不止顯示數(shù)據(jù)，它在網(wǎng)頁(yè)定位上一直起著重要的作用。首先運(yùn)行首先運(yùn)行“插入插入表格表格” ” 或者點(diǎn)工具欄上的或者點(diǎn)工具欄上的 ，彈出表格屬性設(shè)置對(duì)話框，如圖彈出表格屬性設(shè)置對(duì)話框，如圖1414所示。所示。圖圖14 14 表格插入對(duì)話框表格插入對(duì)話框表格插入后，如圖表格插入后，如圖15所示。虛線為表格的邊框，表格下所示。虛線為表格的邊框，表格下面的綠線是表格的標(biāo)尺，顯示表格的寬度和每列的寬度，面的綠線是表格的

10、標(biāo)尺，顯示表格的寬度和每列的寬度，如果點(diǎn)擊每列對(duì)應(yīng)的標(biāo)尺中間的小箭頭，就會(huì)彈出一個(gè)如果點(diǎn)擊每列對(duì)應(yīng)的標(biāo)尺中間的小箭頭，就會(huì)彈出一個(gè)有關(guān)列操作的快捷菜單，有關(guān)列操作的快捷菜單，這也是這也是2004新增加的功能新增加的功能。當(dāng)。當(dāng)把鼠標(biāo)移動(dòng)到虛線上時(shí)，鼠標(biāo)就會(huì)變成水平或者垂直拖把鼠標(biāo)移動(dòng)到虛線上時(shí)，鼠標(biāo)就會(huì)變成水平或者垂直拖動(dòng)的圖標(biāo)，這個(gè)時(shí)候可以按下鼠標(biāo)左鍵，并進(jìn)行拖動(dòng)來(lái)動(dòng)的圖標(biāo)，這個(gè)時(shí)候可以按下鼠標(biāo)左鍵，并進(jìn)行拖動(dòng)來(lái)改變表格的大小，這就是改變表格的大小，這就是“所見(jiàn)即所得所見(jiàn)即所得”的設(shè)計(jì)方式。的設(shè)計(jì)方式。 圖圖15 15 插入后的表格插入后的表格 如果點(diǎn)擊表格的虛線部分，是表格處在選中狀態(tài)，在

11、如果點(diǎn)擊表格的虛線部分，是表格處在選中狀態(tài)，在Dreamweaver MX 2004Dreamweaver MX 2004編輯區(qū)域的下方屬性顯示區(qū)域，就編輯區(qū)域的下方屬性顯示區(qū)域，就會(huì)出現(xiàn)表格的屬性，如圖會(huì)出現(xiàn)表格的屬性，如圖1616，通過(guò)該窗口，可是設(shè)置表，通過(guò)該窗口，可是設(shè)置表格的各種屬性，包括大小，對(duì)齊方式，背景顏色等，在格的各種屬性，包括大小，對(duì)齊方式，背景顏色等，在本實(shí)訓(xùn)中，表格對(duì)齊方式為居中對(duì)齊，寬為本實(shí)訓(xùn)中，表格對(duì)齊方式為居中對(duì)齊，寬為564564像素，高像素，高為為356356像素。像素。圖圖16 表格屬性設(shè)置窗口表格屬性設(shè)置窗口 根據(jù)需要，拖拉表格到合適的大小，如圖根據(jù)需要，

12、拖拉表格到合適的大小，如圖1717所示。所示。圖圖17 17 調(diào)整后的表格調(diào)整后的表格 然后設(shè)置單元格的屬性，四個(gè)大的單元格的水平對(duì)然后設(shè)置單元格的屬性，四個(gè)大的單元格的水平對(duì)齊方式和垂直對(duì)齊方式都設(shè)為居中對(duì)齊，單元格屬性齊方式和垂直對(duì)齊方式都設(shè)為居中對(duì)齊，單元格屬性設(shè)置如圖設(shè)置如圖1818所示：所示：圖圖18 單元格屬性設(shè)置單元格屬性設(shè)置 表格調(diào)整好后，就可以在四個(gè)大的單元格中插入圖片表格調(diào)整好后，就可以在四個(gè)大的單元格中插入圖片了，運(yùn)行了，運(yùn)行 “插入插入圖片圖片”，依次插入圖片，依次插入圖片“小狗小狗- -2.png2.png”，“小狗小狗-6.png-6.png”，“小狗小狗-8.pn

13、g-8.png”，“小狗小狗- -9.png9.png”，當(dāng)然您也可以插入您自己喜歡的圖片。圖片，當(dāng)然您也可以插入您自己喜歡的圖片。圖片屬性設(shè)置如圖屬性設(shè)置如圖1919所示。所示。在您將圖像插入在您將圖像插入 Dreamweaver Dreamweaver 文檔時(shí)，文檔時(shí)，Dreamweaver Dreamweaver 自動(dòng)在自動(dòng)在 HTML HTML 源代碼中生成對(duì)該圖像文件的引用。為了源代碼中生成對(duì)該圖像文件的引用。為了確保此引用的正確性，該圖像文件必須位于當(dāng)前站點(diǎn)中確保此引用的正確性，該圖像文件必須位于當(dāng)前站點(diǎn)中。如果圖像文件不在當(dāng)前站點(diǎn)中，。如果圖像文件不在當(dāng)前站點(diǎn)中，Dreamwea

14、ver Dreamweaver 會(huì)詢問(wèn)會(huì)詢問(wèn)您是否要將此文件復(fù)制到當(dāng)前站點(diǎn)中。您是否要將此文件復(fù)制到當(dāng)前站點(diǎn)中。圖圖19 圖片屬性設(shè)置圖片屬性設(shè)置 最后最后woaiwojia.htmwoaiwojia.htm的效果如圖的效果如圖2020所示。所示。圖圖20 woaiwojia.htm效果圖效果圖 該頁(yè)面包含一首詩(shī)歌，但是為了方便排版，需要把該頁(yè)面包含一首詩(shī)歌，但是為了方便排版，需要把該詩(shī)放在表格中，因此，首先運(yùn)行該詩(shī)放在表格中，因此，首先運(yùn)行“插入插入表格表格” ” 或者點(diǎn)工具欄上的或者點(diǎn)工具欄上的 ，彈出表格屬性設(shè)置對(duì)話框，彈出表格屬性設(shè)置對(duì)話框，如圖如圖2121所示。所示。 圖圖21 21

15、 插入表格示意圖插入表格示意圖設(shè)置表格的寬度和高度分別為設(shè)置表格的寬度和高度分別為280280，212212，對(duì)齊方式為居，對(duì)齊方式為居中對(duì)齊，單元格的水平對(duì)齊方式為左對(duì)齊，垂直對(duì)齊方中對(duì)齊，單元格的水平對(duì)齊方式為左對(duì)齊，垂直對(duì)齊方式為頂端對(duì)齊。其屬性設(shè)置面板如圖式為頂端對(duì)齊。其屬性設(shè)置面板如圖2222，圖，圖2323所示。所示。圖圖22 表格屬性設(shè)置面板表格屬性設(shè)置面板 圖圖23 單元格屬性設(shè)置面板單元格屬性設(shè)置面板 然后，在單元格中輸入這首詩(shī)：然后，在單元格中輸入這首詩(shī)： 云彩還在天空徘徊 青春之花卻毫不猶豫地 粲然開(kāi)放了 有人說(shuō) 珍藏在人生冊(cè)頁(yè)中的青春花瓣 或許只是 一雙永不能忘的雙眸

16、一個(gè)令人心動(dòng)的微笑 我想說(shuō) 青春的光芒 在冉冉升起時(shí)會(huì)很明亮 青春的花朵 在經(jīng)歷過(guò)風(fēng)霜雪雨后會(huì)熠熠生輝 青春的歷程 在不斷搏擊后才能譜寫壯麗篇章Macromedia Dreamweaver MX 2004 Macromedia Dreamweaver MX 2004 提供了多種向提供了多種向文檔中添加文本和設(shè)置文本格式的方法。您可以插文檔中添加文本和設(shè)置文本格式的方法。您可以插入文本、設(shè)置字體類型、大小、顏色和對(duì)齊屬性，入文本、設(shè)置字體類型、大小、顏色和對(duì)齊屬性，以及使用層疊樣式表以及使用層疊樣式表 ( (CSS) CSS) 樣式創(chuàng)建和應(yīng)用您自樣式創(chuàng)建和應(yīng)用您自己的自定義樣式。己的自定義樣式。

17、Dreamweaver Dreamweaver 允許您通過(guò)以下方式在允許您通過(guò)以下方式在 Web Web 頁(yè)中添加文頁(yè)中添加文本：直接將文本鍵入頁(yè)中，從其他文檔復(fù)制和粘貼文本：直接將文本鍵入頁(yè)中，從其他文檔復(fù)制和粘貼文本，或從其他應(yīng)用程序拖放文本。能夠合并到本，或從其他應(yīng)用程序拖放文本。能夠合并到 Web Web 頁(yè)頁(yè)的文本內(nèi)容的常見(jiàn)文檔類型有的文本內(nèi)容的常見(jiàn)文檔類型有 ASCII ASCII 文本文件、文本文件、RTF RTF 文件和文件和 MS Office MS Office 文檔。文檔。Dreamweaver Dreamweaver 使您可以從這使您可以從這些文檔類型中的任何一種取出文

18、本，然后將文本并入些文檔類型中的任何一種取出文本，然后將文本并入 Web Web 頁(yè)中。頁(yè)中。Dreamweaver Dreamweaver 中的文本格式設(shè)置與使用標(biāo)準(zhǔn)字處理程中的文本格式設(shè)置與使用標(biāo)準(zhǔn)字處理程序類似。您可以為文本塊設(shè)置默認(rèn)格式化樣式（段落、序類似。您可以為文本塊設(shè)置默認(rèn)格式化樣式（段落、標(biāo)題標(biāo)題 1 1、標(biāo)題、標(biāo)題 2 2 等）、更改所選文本的字體、大小、等）、更改所選文本的字體、大小、顏色和對(duì)齊方式，或者應(yīng)用文本樣式（如粗體、斜體顏色和對(duì)齊方式，或者應(yīng)用文本樣式（如粗體、斜體和下劃線）。在該實(shí)訓(xùn)中，詩(shī)歌字體屬性設(shè)置如圖和下劃線）。在該實(shí)訓(xùn)中，詩(shī)歌字體屬性設(shè)置如圖2424所示

19、。所示。圖圖24 文字格式屬性設(shè)置文字格式屬性設(shè)置 青春寄語(yǔ)效果圖圖青春寄語(yǔ)效果圖圖25所示。所示。 圖圖25 qingchunjiyu.htm效果圖效果圖 第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)在攝影欣賞頁(yè)面上，有兩組圖片，人體藝術(shù)圖片和風(fēng)景在攝影欣賞頁(yè)面上，有兩組圖片，人體藝術(shù)圖片和風(fēng)景圖片，與我愛(ài)我家頁(yè)面相似，也需要表格來(lái)進(jìn)行排版和圖片，與我愛(ài)我家頁(yè)面相似，也需要表格來(lái)進(jìn)行排版和定位。定位。首先運(yùn)行首先運(yùn)行“插入插入表格表格” ” 或者點(diǎn)工具欄上的或者點(diǎn)工具欄上的，彈出表格屬性設(shè)置對(duì)話框，如圖，彈出表格屬性設(shè)置對(duì)話框，

20、如圖2626所示。所示。第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)圖圖26 26 表格插入對(duì)話框表格插入對(duì)話框第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)插入后的表格如圖插入后的表格如圖27所示。所示。 圖圖27 27 插入后的表格插入后的表格設(shè)置表格的對(duì)齊方式為居中對(duì)齊，表格屬性面板如設(shè)置表格的對(duì)齊方式為居中對(duì)齊，表格屬性面板如圖圖28所示。所示。 圖圖28 28 表格屬性設(shè)置面板表格屬性設(shè)置面板第五步：第五步：sheyingxinshang.htmsheying

21、xinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)然后，合并左上角兩個(gè)單元格，用鼠標(biāo)在左上角單元格然后，合并左上角兩個(gè)單元格，用鼠標(biāo)在左上角單元格中點(diǎn)擊一下，然后按住鼠標(biāo)左鍵，向下拖動(dòng)鼠標(biāo)，直到中點(diǎn)擊一下，然后按住鼠標(biāo)左鍵，向下拖動(dòng)鼠標(biāo)，直到進(jìn)入第二個(gè)單元格，這時(shí)候，左上角兩個(gè)單元格處于選進(jìn)入第二個(gè)單元格，這時(shí)候，左上角兩個(gè)單元格處于選中狀態(tài)，如圖中狀態(tài)，如圖29所示。所示。 圖圖29 29 選中單元格示意圖選中單元格示意圖第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)松開(kāi)鼠標(biāo)左鍵，點(diǎn)擊右鍵，運(yùn)行松開(kāi)鼠標(biāo)左鍵，點(diǎn)擊右鍵，運(yùn)行“表格表格合并單元

22、格合并單元格”命令，兩個(gè)單元格就合并成一個(gè)了，如圖命令，兩個(gè)單元格就合并成一個(gè)了，如圖3030所示。所示。圖圖30 合并單元格后的表格合并單元格后的表格 第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)按照同樣的步驟，合并左下角兩個(gè)單元格，合并后的表格按照同樣的步驟，合并左下角兩個(gè)單元格，合并后的表格如圖如圖31所示。所示。 圖圖31 合并單元格后的表格合并單元格后的表格 第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)然后，通過(guò)拖動(dòng)表格，調(diào)整表格到合適大小，所有單元然后，通

23、過(guò)拖動(dòng)表格，調(diào)整表格到合適大小，所有單元格的對(duì)齊方式設(shè)置為水平和垂直均為居中對(duì)齊，單元格格的對(duì)齊方式設(shè)置為水平和垂直均為居中對(duì)齊，單元格的屬性面板如圖的屬性面板如圖32所示。所示。 圖圖32 單元格屬性設(shè)置面板單元格屬性設(shè)置面板 第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)下面為了敘述方便，用單元格（下面為了敘述方便，用單元格（x,yx,y）表示第）表示第x x行，第行，第y y列的單元格。在單元格（列的單元格。在單元格（1 1，2 2），（），（1 1，3 3），（），（2 2，2 2），（），（2 2，3 3）中插入人體藝術(shù)圖

24、片）中插入人體藝術(shù)圖片7_1286.jpg7_1286.jpg，7_1289.jpg7_1289.jpg，7_1311.jpg7_1311.jpg，7_1287.jpg7_1287.jpg。在單元格（。在單元格（4 4，2 2），（），（4 4，3 3），（），（5 5，2 2），（），（5 5，3 3）中插入風(fēng)景圖片）中插入風(fēng)景圖片12.jpg12.jpg，20.jpg20.jpg，04.jpg04.jpg，11.jpg11.jpg。左上角單元格中。左上角單元格中輸入輸入“人體藝術(shù)欣賞人體藝術(shù)欣賞”，左下角單元格中輸入，左下角單元格中輸入“風(fēng)景風(fēng)景圖片欣賞圖片欣賞”，都是每行一個(gè)字。最后攝影

25、欣賞頁(yè)面的，都是每行一個(gè)字。最后攝影欣賞頁(yè)面的效果如圖效果如圖3333所示。所示。第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)圖圖33 sheyingxinshang.htm33 sheyingxinshang.htm效果圖效果圖第五步：第五步：sheyingxinshang.htmsheyingxinshang.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)第六步：第六步：youqinglianjie.htmyouqinglianjie.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)該頁(yè)面包含斐斐收集的一些有用的鏈接，幫助瀏該頁(yè)面包含斐斐收集的一些有用的鏈接，幫助瀏覽用戶根據(jù)

26、需要，進(jìn)入合適的網(wǎng)站，為了使鏈接排覽用戶根據(jù)需要，進(jìn)入合適的網(wǎng)站，為了使鏈接排列整齊，查找方便，仍然需要借用表格進(jìn)行排版和列整齊，查找方便，仍然需要借用表格進(jìn)行排版和定位。定位。首先運(yùn)行首先運(yùn)行“插入插入表格表格” ” 或者點(diǎn)工具欄上的或者點(diǎn)工具欄上的 彈出表格屬性設(shè)置對(duì)話框，如圖彈出表格屬性設(shè)置對(duì)話框，如圖3434所示。所示。圖圖34 34 表格插入對(duì)話框表格插入對(duì)話框第六步：第六步：youqinglianjie.htmyouqinglianjie.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)表格插入后，如圖表格插入后，如圖3535所示。所示。圖圖35 插入后的表格插入后的表格 設(shè)置表格對(duì)齊方式為居中對(duì)齊，邊框?yàn)?/p>

27、設(shè)置表格對(duì)齊方式為居中對(duì)齊，邊框?yàn)? 2，表格屬性面板如圖，表格屬性面板如圖3636所示。所示。圖圖36 36 表格屬性設(shè)置面板表格屬性設(shè)置面板第六步：第六步：youqinglianjie.htmyouqinglianjie.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)如同攝影欣賞中合并單元格的步驟，合并單元格（如同攝影欣賞中合并單元格的步驟，合并單元格（1 1，1 1），單元格（），單元格（2 2，1 1），單元格（），單元格（3 3，1 1）為一個(gè)單元格，）為一個(gè)單元格，合并單元格（合并單元格（4 4，1 1），單元格（），單元格（5 5，1 1），單元格（），單元格（6 6，1 1）為一個(gè)單元格，合并單元格（

28、）為一個(gè)單元格，合并單元格（7 7，1 1），單元格（），單元格（8 8，1 1），單元格（），單元格（9 9，1 1）為一個(gè)單元格。用鼠標(biāo)拖動(dòng)表格）為一個(gè)單元格。用鼠標(biāo)拖動(dòng)表格到合適大小，如圖到合適大小，如圖3737所示。所示。第六步：第六步：youqinglianjie.htmyouqinglianjie.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)圖圖37 37 合并單元格后的表格合并單元格后的表格第六步：第六步：youqinglianjie.htmyouqinglianjie.htm頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)在左上角單元格中輸入在左上角單元格中輸入“門戶網(wǎng)站門戶網(wǎng)站”，左邊中間單元格中輸入，左邊中間單元格中輸入“專業(yè)

29、網(wǎng)站專業(yè)網(wǎng)站”，左下角單元格中輸入，左下角單元格中輸入“其他其他”，每字一行，單，每字一行，單元格水平和垂直對(duì)齊方式均為居中對(duì)齊；在單元格（元格水平和垂直對(duì)齊方式均為居中對(duì)齊；在單元格（1 1，2 2），），單元格（單元格（2 2，2 2），單元格（），單元格（3 3，2 2），單元格（），單元格（4 4，2 2），單元格），單元格（5 5，2 2），單元格（），單元格（6 6，2 2），單元格（），單元格（7 7，2 2），單元格（），單元格（8 8，2 2），單元格（），單元格（9 9，2 2）中分別輸入文字）中分別輸入文字“新浪網(wǎng)新浪網(wǎng)”，“網(wǎng)易網(wǎng)易”，“搜狐搜狐”，“中國(guó)設(shè)計(jì)網(wǎng)中國(guó)設(shè)計(jì)網(wǎng)”，“設(shè)計(jì)在線設(shè)計(jì)在線”，“視覺(jué)中國(guó)視覺(jué)中國(guó)”，“天涯論壇天涯論壇”，“網(wǎng)易郵箱網(wǎng)易郵箱”，“CSDNCSDN論壇論壇”，單元格水平對(duì)，單元格水平對(duì)齊 方 式 均 為 左 對(duì) 齊 ， 相 應(yīng) 的 鏈 接 分 別 為齊 方 式 均 為 左 對(duì) 齊 ， 相 應(yīng) 的 鏈 接 分 別 為http:/ 通過(guò)通過(guò)“插入插入布局對(duì)象布局對(duì)象層層”命令在命令在“新浪網(wǎng)新浪網(wǎng)”鏈接旁邊添加一個(gè)層，并且輸入鏈接旁邊添加一個(gè)層，并且輸入需要顯示的話，在本例中，需要輸入的說(shuō)明需要顯示的話，在本例中，需要輸入的說(shuō)明性文字可以是性文字可以是