Lesson 6: Frontpage 2003 (II)   Return to Multimedia Production
　

6.6 Insert Table (表格)

• 在網頁插入表格
  
  1. 點選插入表格鈕。從拉出的選單中拖曳滑鼠設定表格大小。
  
  　

  
  Note: 網也可從功能表列依序選擇表格 -->插入-->表格，在插入表格視窗中設定欄列數。

  2. 出現表格後，把游標移到要插入圖片的儲存格，點選從檔案插入圖片鈕。
  3. 跳出圖片視窗後，選擇要插入的圖片，點選插入鈕。
  4. 圖片插入儲存格後，可點選置中紐，將圖片置中對齊。
  　

• 設定表格大小與框線粗細
  
  1. 到功能表列選擇表格。選單中選擇表格內容，子選單中選表格。
  2. 跳出表格內容視窗後，從對齊方式選單選擇置中。選指定寬度。選依百分比。空格裡輸入表格寬度。
  3. 從框線區的色彩選單中選擇框線顏色。調整大小欄中的數字，設定表格框線的線條粗細。
  
  Note: 指定表格寬度時，依像素代表固定大小，依百分比則設定表格依視窗大小而相對調整。
  　
• 為表格套上背景圖
  
  1. 按滑鼠右鍵，選擇表格內容。
  2. 跳出表格內容視窗後，勾選使用背景圖片。點選瀏覽。
  3. 選取背景圖片。
  　　
  
• 編輯表格中的儲存格
  
  1. 合併: 拖曳滑鼠選取要合併的儲存格。選好儲存格後，到功能表列選擇表格。從選單中選擇合併儲存格。
  
  　

  2. 調整欄寬或列高: 於儲存格內容視窗裡調整寬度。
  
  3.  刪除與插入表格中的欄或列: 表格 --> 刪除列或插入/列或欄
  
  4. 調整儲存格文字的垂直對齊方式: 檢視 --> 工具列 --> 表格 --> 靠上對齊、垂直置中、靠下對齊。
  　

6.7  分割框架

• 建立分割框架
  
  1. 到工具列點選建立新的網頁鈕，從拉出的選單中選擇網頁。
  2. 出現網頁範本視窗後，選擇框架頁標籤。從清單中選擇內容。按確定。
  
  
  
  3. 點選左框架中的新增網頁鈕，開啟一個空白網頁。先不要存檔，繼續下面操作。
  
  
  
  Note: 此例一共需要3個網頁檔案，一個是左邊內容的HTML檔，一個是右邊內容的HTML檔，另一個則是定義畫面分割方式的框架網頁。
  
  　
• 指定框架初始網頁
  
  1. 在尚未設定的框架中點選 設定初始網頁鈕。
  2. 跳出插入超連接視窗後，從清單中選擇要設定為框架初始網頁的檔案。
  　
• 儲存分割框架
  
  1. 到工具列點選儲存檔案鈕。
  2. 跳出另存新檔視窗後，右側會指示要儲存的是分割框架的哪一個部分，點選變更標題鈕設定網頁標題。
  3. 跳出 設定網頁標題視窗後，在網頁標題欄輸入標題名稱。
  4. 跳回另存新檔視窗後，在檔案名稱欄輸入網頁檔名，按儲存。
  5. 存完檔案後，會繼續下一個儲存對象，若框框包住整個網頁，表示要儲存的是分割框網頁，點選變更標題 (Change Title...)鈕設定網頁標題。
  
  
  
  6. 跳回另存新檔視窗後，在檔案名稱欄輸入框架頁檔名，按儲存。
  　
• 分割新框架
  
  功能表選框架 --> 跳出分割框架視窗後，選擇分割為列。
  
  
  　
• 刪除分割框線
  
  將游標停在要刪除的框架，到功能表列選擇框架，從選單中選擇刪除框架。
  　
• 隱藏框架間的分隔線
  
  1. 將游標停在框架內，到功能表列選擇框架，從選單中選擇框架內容。
  2. 跳出框架內容視窗後，選擇框架標籤，取消勾選顯示框線，按確定。
  　
• 讓框架內的捲動軸永遠不出現
  
  1. 選擇要取消捲動軸的框架。到功能表列選擇框架。從選單中選擇框架內容。
  2. 跳出框架內容視窗後，從顯示捲動軸選單中選擇永遠不檢查。
  
  Note: 永遠不檢查表示不出現捲動軸；要檢查表示一定顯示捲動軸；如果需要則視網頁內容是否超出框架來決定是否顯示捲動軸。
  　
• 調整框架大小
  
  1. 選擇要調整的框架，到功能表列選擇框架，選框架內容。
  2. 跳出框架內容視窗後，從框架大小區的寬度選單中選擇比例，輸入比例值。
  3. 選擇另一個框架，做同樣的步驟。
  
  　
• 分割框架中的超連接
  
  1. 為框架命名: 將選擇要命名的框架，到功能表列選擇框架，從選單中選擇框架內容。跳出框架內容視窗後，在名稱欄輸入框架名稱。
  
  2. 連接到指定的框架:
  
  --> 選取要設成超連接的文字，選插入超連接鈕。
  --> 跳出插入超連結視窗後，選擇要連接的檔案，按目標框架鈕。
  --> 從目前的框架頁區選擇連接檔案要顯示的框架。
  --> 回插入超連結視窗後，按確定。
  
  3. 開新視窗來顯示連接網頁: 同上，並從常用的目標框架選擇開新視窗，回插入超連結視窗後，在網址欄輸入連接網址。
  
  　

6.8  建立表單

• 插入表單 (Form)
  
  1. 移到要插入表單的位置，功能表選擇插入，選單中選擇表單，從子選單中選擇表單。如下圖
  
  　

  Submit (送出); Reset (重新設定)
  
  2. 顯示表單後，在鍵盤上按下 Enter 鍵，加大表單編輯範圍。
  　

• 加入核取方塊 (Check Box)
  
  * 此方塊主要應用於可以複選的問題。
  
  1. 從功能表選擇插入 --> 表單 --> 核取方塊。
  2. 同樣的步驟加入其他選項。
  　
• 加入選項按鈕 (Option Button)
  
  * 適用於多選一的問題

  1. 從功能表選擇插入 --> 表單 --> 選項按鈕。
  　

• 加入下拉式清單方塊
  
  1. 從功能表選擇插入 --> 表單 --> 下拉式清單方塊。
  2. 按兩下下拉式清單方塊，跳出視窗後，點選新增鈕增加選項內容。
  3. 跳出視窗後，在選項欄輸入項目名稱。按確定。
  4. 重複上述步驟新增選項項目。
  　
• 加入文字方塊: 從功能表選擇插入 --> 表單 --> 文字方塊。
  　
• 加入文字區域:  從功能表選擇插入 --> 表單 --> 文字區域。
  
  　

  1. 您最想去淡水的哪一個地方? (可複選)     紅毛城    淡水老街    漁人碼頭    沙崙海水浴場 2. 您對淡水風景的評分為: (單選)     1顆星    2顆星    3顆星 3. 除了本網站介紹的資訊，您還想獲得哪一個地區的旅遊資訊?     關渡 八里 北投 士林   4. 您的大名是:     5. Email:    留言:

  　

• 完成後，按滑鼠右鍵，選表單內容，設定傳送到其他。
• 移到程式碼，找 form 標籤，action 後面改為 action="mailto: whoever@nkfust.edu.tw?subject=留言" enctype="text/plain">

Exercise:

• 建立一個分割框架頁，分割框架網頁設為 frameset.htm，左框架起始網頁為 left.htm，右框架起始網頁為 main.htm，左右兩框架大小比例為 1:3。
• 設定左框架的名稱為 left，右框架的名稱為 right。
• 兩框架中間的分格線為永遠不檢查。
• 為左框架網頁的每一個網頁名稱(至少三個)設定超連接，其中一個連接須設定開啟在新視窗。
• 每個網頁須有背景圖，把表格，表單，音訊，視訊應用在網頁上。
  
  　
• Dreamweaver 8: 彈出式選單 exercise file
  　

Reference:

1. 精彩 Frontpage 2003。網奕資訊, 2004。 
2. 多媒體應用。網奕資訊, 2004。 
3. 多媒體網頁設計。松崗
4. Microsoft Frontpage 2003 魔法書。旗標出版。

Last Updated: 4/2009