1、FrontPage2003 教程 輕松布局網(wǎng)頁用FrontPage2003的“布局表格和單元格”功能布局網(wǎng)頁時(shí)，需要通過兩部分來完成。首先通過“布局表格”功能來為網(wǎng)頁布局創(chuàng)建一個(gè)框架，然后通過“布局單元格”功能為該框架填充包含有網(wǎng)頁內(nèi)容（包括文本、圖像、Web部件和其他元素）的區(qū)域，也就是單元格。下面我們就以設(shè)置一個(gè)單位網(wǎng)站首頁為例來了解一下用布局表格給網(wǎng)頁布局的過程。 一、創(chuàng)建布局表格 1.創(chuàng)建布局表格 打開一個(gè)空白網(wǎng)頁，并切換到“設(shè)計(jì)”視圖下，單擊“表格”菜單中的“布局表格和單元格”命令，隨后在右側(cè)彈出一個(gè)任務(wù)窗口（圖1），在該任務(wù)窗口下面程序提供了多種表格布局模板，在此單擊其中需要的模板

2、即可將該模板添加到網(wǎng)頁中。2.繪制布局表格 如果你對模板中提供的布局表格不太滿意，還可以用手工繪制的方法創(chuàng)建一個(gè)布局表格。創(chuàng)建時(shí)首先在“新建表格和單元格”項(xiàng)中單擊“繪制布局表格”，隨后將指針移到操作窗口最下。3.設(shè)置表格屬性 插入表格后，還需對表格屬性進(jìn)行設(shè)置。在“表格屬性”項(xiàng)中設(shè)置該表格所需的屬性。 提示：在設(shè)置表格時(shí)，如果要想覆蓋網(wǎng)頁的默認(rèn)邊距，并讓布局表格跨到文檔窗口的邊緣，可以將表格中的各個(gè)邊距的屬性都設(shè)置為0。 在設(shè)計(jì)框架時(shí)經(jīng)常需要調(diào)整某一行或列的屬性，這時(shí)可以通過表格中列寬和行高的標(biāo)簽來完成。在操作窗口中單擊布局表格需要調(diào)整的邊框，每一側(cè)都會(huì)出現(xiàn)顯示列寬和行高的標(biāo)簽。每個(gè)標(biāo)簽都包括

3、一個(gè)下拉箭頭，如更改行高度時(shí)，單擊此下拉箭頭彈出一個(gè)下拉菜單，選擇“更改行高”命令，在彈出的“行屬性”對話框中重新輸入該行高度值即可。FrontPage2003還提供了一個(gè)表格自動(dòng)功能，它可以按照比例自動(dòng)伸縮，調(diào)整表格的寬度和高度，使用時(shí)在邊距標(biāo)簽下拉菜單中選擇“自動(dòng)伸縮”命令即可快速地對表格的尺寸進(jìn)行調(diào)整，非常方便。二、單元格的添加和設(shè)置 1.添加單元格 布局表格創(chuàng)建了網(wǎng)頁框架后，還要向表格中添加單元格。添加時(shí)單擊“新建表格和單元格”項(xiàng)下的“繪制布局單元格”，隨后按照繪制表格的方式來繪制單元格。如果我們需要繪制連續(xù)的單元格時(shí)，單擊“繪制布局單元格”后，按住Ctrl鍵同時(shí)拖動(dòng)鼠標(biāo)即可。 2.設(shè)

4、置單元格 由于首頁中需要添加的鏈接和按鈕較多，因此該頁面中的單元格比較復(fù)雜。為了美觀，在該頁面中還需要對單元格進(jìn)行相關(guān)的設(shè)置。 （1）單元格屬性設(shè)置 在“單元格屬性設(shè)置”任務(wù)窗口中單擊“單元格屬性和邊框”命令，隨后可以對選中單元格的高度、寬度、背景顏色、邊框、邊距等項(xiàng)進(jìn)行相應(yīng)的設(shè)置。設(shè)置方法與表格的設(shè)置相似。 （2）設(shè)置單元格角部屬性 為了美觀，在制作網(wǎng)頁時(shí)還需要添加一些圓角圖片來修飾網(wǎng)頁，如導(dǎo)航工具條邊緣等。以前在網(wǎng)頁中添加這些圖片非常麻煩，而在FrontPage2003中我們可以通過對單元格角部屬性的設(shè)置輕松解決這一問題。首先在“單元格格式”窗口中單擊“單元格角部和陰影”，隨后在下面出現(xiàn)了

5、“角部”和“陰影”的設(shè)置窗口。在“角部”項(xiàng)中點(diǎn)選“使用默認(rèn)圖像”選項(xiàng)，隨后設(shè)置好該角部的寬度和高度，并在下面的顏色中設(shè)置好該角部的顏色。設(shè)置后在“應(yīng)用”中選擇一種角部樣式，即可將該角部添加到單元格中。此外，我們可以通過“使用自定義圖像”來添加一個(gè)自制的圖片樣式（圖2）。 （3）設(shè)置單元格的陰影屬性 在“陰影”項(xiàng)中首先對陰影的寬度進(jìn)行設(shè)置，隨后在“柔和度”框中鍵入所需的值。單擊“顏色”下拉菜單可以為該陰影選擇一種顏色，在“應(yīng)用”項(xiàng)中輸入一種陰影樣式，即可將設(shè)置好的陰影添加到網(wǎng)頁單元格中。FrontPage2003 教程（設(shè)計(jì)網(wǎng)站部分） 1. “拆分”視圖2.改進(jìn)的圖形支持3.多編輯器配置4.Ma

6、cromedia Flash 支持5.行為（右圖所示）6.交互式按鈕7.快速標(biāo)記工具8.智能感知9.鍵入幫助10.代碼段11.經(jīng)過改進(jìn)的工作環(huán)境和更大的設(shè)計(jì)區(qū)域。12.布局表格和單元格布局表格工具位于可以方便訪問的任務(wù)窗格中?？梢允褂眠@些工具應(yīng)用附加格式，如圓角、邊框、自動(dòng)伸縮和其他視覺效果。 自動(dòng)伸縮：圓角： 陰影：邊框：實(shí)例中是一條豎線。 表頭和表尾： “表格布局”模板：13.圖像描摹 14.動(dòng)態(tài) Web 模板可以在網(wǎng)站中使用任何數(shù)目的動(dòng)態(tài) Web 模板，并且可以將動(dòng)態(tài) Web 模板添加到任意數(shù)目的網(wǎng)頁中。還可以將動(dòng)態(tài) Web 模板 (.dwt) 文件保存到任意位置。15.網(wǎng)頁標(biāo)尺和布局網(wǎng)

7、格16.設(shè)計(jì)階段層。17.遠(yuǎn)程網(wǎng)站視圖Microsoft Office FrontPage 2003 中的遠(yuǎn)程網(wǎng)站視圖可以幫助您將整個(gè)網(wǎng)站和單獨(dú)的文件和文件夾發(fā)布到任何位置：擴(kuò)展的 Web 服務(wù)器、支持文件傳輸協(xié)議 (FTP) 或基于 Web 的分布式創(chuàng)作和版本控制 (WebDAV) 的 Web 服務(wù)器、或文件系統(tǒng)中的某個(gè)位置。 遠(yuǎn)程網(wǎng)站視圖同時(shí)顯示本地網(wǎng)站和遠(yuǎn)程網(wǎng)站中的文件。圖標(biāo)和說明性文本會(huì)指示文件和文件夾的狀態(tài)，同步功能有助于確保不會(huì)意外地覆蓋任何文件或文件夾。18.連接到遠(yuǎn)程網(wǎng)站通過新的遠(yuǎn)程網(wǎng)站對話框可以指定連接設(shè)置，并有助于您管理連接類型和協(xié)議 包括安全套接字層 (SSL) 或被動(dòng) FTP。19.優(yōu)化HTML在本地網(wǎng)站上或?qū)⒕W(wǎng)頁發(fā)布到遠(yuǎn)程網(wǎng)站時(shí)，可以在文件和文件夾中生成干凈的 HTML 代碼。