1、實例1  賀卡網1制作目的本例制作一個賀卡網頁，如圖14.1.1所示。在制作過程中，將用到表格、圖片、表單和Flash動畫的插入等內容。圖14.1.1  最終效果圖2操作步驟（1）雙擊桌面上的FrontPage 2003快捷方式圖標。，啟動FrontPage 2003應用程序，然后單擊“常用”工具欄中的“新建普通網頁”按鈕。，新建一個空白網頁。（2）單擊“常用”工具欄中的“插入表格”按鈕。，在打開的表格示例框中拖動鼠標插入一個4行2列的表格。（3）將光標置于第1行第1列的單元格中，輸入文本“賀卡首頁”，“賀卡分類”，“新卡上站”，并且中間用豎線隔開。（4）將光標置于第1行第

2、2列的單元格中，選擇“插入”“表單”“文本框”命令，插入一個文本框表單域。（5）將光標置于文本框表單域前并輸入文本“賀卡查詢：”，然后選中“重置”按鈕，按“Delete”鍵將該按鈕刪除。（6）雙擊“提交”按鈕，彈出如圖14.1.2所示的“按鈕屬性”對話框。圖14.1.2  “按鈕屬性”對話框（7）在“值/標簽”文本框中輸入“查找”，然后單擊“確定”按鈕。1 / 7（8）選中第一行的單元格，然后在該表格中單擊鼠標右鍵，在彈出的快捷菜單中選擇“單元格屬性”命令，彈出如圖14.1.3所示的“單元格屬性”對話框。圖14.1.3  “單元格屬性”對話框 （9）在“背景”選區中的“顏色

3、”下拉列表中選擇一種背景顏色，然后單擊“確定”按鈕。（10）將光標置于第2行第1列的單元格中，選擇“插入”“表單”命令，插入一個表單。（11）在光標所在位置輸入“用戶名：”，然后選擇“插入”“表單”“文本框”命令，插入一個文本框表單域。（12）按回車鍵另起一行，按同樣方法插入“密碼”表單域。（13）按步驟（6）的方法將兩個表單按鈕的值分別設置為“登錄”和“注冊”，設置完成后選中“用戶名：”和“密碼：”表單域，然后單擊“常用”工具欄中的“左對齊”按鈕。，設置后的效果如圖14.1.4所示。圖14.1.4  設置表單效果（14）將光標置于第2行第2列的單元格中，選擇“插入”“圖片”“來自文

4、件”命令，在彈出的“圖片”對話框中選擇所需的圖片，然后單擊“插入”按鈕，插入該圖片。（15）將光標置于該圖片后按回車鍵另起一行，插入一個2行4列的表格，然后在第1行表格中按步驟（14）的方法分別插入4幅圖片，然后在第2行表格中輸入圖片所對應的文字。（16）輸入完成后，選中所有的文字，然后單擊“常用”工具欄中的“居中”按鈕。，使文字居中顯示。（17）選中圖片下方輸有文字的行，然后在該行中單擊鼠標右鍵，在彈出的快捷菜單中選擇“單元格屬性”命令，彈出如圖14.1.5所示的“單元格屬性”對話框。圖14.1.5  “單元格屬性”對話框（18）在“背景”選區中的“顏色”下拉列表中選擇一種背景顏色

5、，然后單擊“確定”按鈕，關閉該對話框。（19）將光標置于該表格中的任意位置，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“表格屬性”命令，彈出如圖14.1.6所示的“表格屬性”對話框。圖14.1.6  “表格屬性”對話框（20）在“邊框”選區中的“粗細”微調框中輸入“0”，然后單擊“確定”按鈕，效果如圖14.1.7所示。圖14.1.7  設置表格屬性效果（21）將光標置于第3行第2列的單元格中，選擇“插入”“交互式按鈕”命令，彈出如圖14.1.8所示的“交互式按鈕”對話框。（22）在“按鈕”列表框中選擇“邊框按鈕9”選項；在“文本”文本框中輸入“推薦賀卡”，然后單擊“確定”按鈕

6、。（23）將光標置于該交互式按鈕后，輸入“更多”，然后另起一行，插入一個2行4列的表格，在第1行單元格中分別插入4幅圖片，在第2行表格中輸入圖片所對應的文字，并將文字居中顯示以及設置表格的背景顏色，最后將表格的邊框設置為“0”。圖14.1.8  “交互式按鈕”對話框（24）按同樣方法在第4行第2列的單元格中插入表格及圖片，設置后的效果如圖14.1.9所示。圖14.1.9  插入表格及圖片效果（25）將光標置于第3行第1列的單元格中，輸入文本“賀卡分類”，然后選中該文本，在該文本中單擊鼠標右鍵，在彈出的快捷菜單中選擇“字體”命令，彈出如圖14.1.10所示的“字體”對話框。圖

7、14.1.10  “字體”對話框（26）在“大小”列表框中選擇“3（12磅）”選項；在“顏色”下拉列表中選擇“紫色”選項，設置完成后單擊“確定”按鈕關閉該對話框。（27）將光標置于該文本后按回車鍵另起一行，插入一個4行3列的表格，并向表格中輸入文本。（28）輸完后選中第一列，然后在該列中單擊鼠標右鍵，在彈出的快捷菜單中選擇“字體”命令，彈出“字體”對話框（見圖14.1.10）。（29）在“字體”列表框中選擇“宋體”選項；在“字形”列表中選擇“加粗”選項；在“顏色”下拉列表中選擇“綠色”選項。（30）設置完成后單擊“確定”按鈕關閉該對話框。（31）選中表格中的“相識卡”文本，在該文本中

8、單擊鼠標右鍵，在彈出的快捷菜單中選擇“超鏈接”命令，彈出如圖14.1.11所示的“插入超鏈接”對話框。圖14.1.11  “插入超鏈接”對話框（32）在“地址”下拉列表框中輸入所鏈接的相識卡網頁，輸入完成后，單擊“確定”按鈕。（33）按同樣方法設置表格中其他賀卡的超鏈接，設置后的效果如圖14.1.12所示。圖14.1.12  設置文本超鏈接效果（34）將光標置于第4行第1列的單元格中，選擇“插入”“圖片”“Flash影片”命令，彈出如圖14.1.13所示的“選擇文件”對話框。圖14.1.13  “選擇文件”對話框（35）在“查找范圍”下拉列表中選擇Flash影片的保存位置，然后選擇所需的Flash影片，單擊“插入”按鈕，即可在該單元格中插入一個Flash影片。（36）雙擊所插入的Flash影片，彈出如圖14.1.14所示的“Flash影片屬性”對話框。圖14.1.14  “Flash影片屬性”對話框（37）在“大小”選區中的“寬度”和“高度”微調框中根據情況設置影片的大小。（