利用表格布局頁面   

在制作網(wǎng)頁時，表格是必不可少的，我們不僅利用表格顯示一些有規(guī)律的數(shù)據(jù)，而且還經(jīng)常對表格中的單元格進行調(diào)整，在其中放入文本和圖形，達到對網(wǎng)頁進行布局的目的。
一、創(chuàng)建表格

1.使用“插入表格”工具按鈕.

首先把插入點調(diào)整到要插入表格的位置，單擊“常用”工具欄“插入表格”按鈕，拖動鼠標(biāo)，直到高亮的格子的行列數(shù)與你要插入的表格相同為止。這里我們用3乘4的，也就是3行4列的。

實際上這種方法創(chuàng)建單元格只能將各單元格行高和列寬設(shè)置為一樣的，如果要在創(chuàng)建表格時就對表格進行設(shè)置，可以使用插入表格命令。 

2.使用“表格”菜單：

單擊表格→插入→表格,彈出“插入表格”對話框,在此對話框可以對表格行、列數(shù)，邊框粗細、寬度等進行設(shè)置。當(dāng)邊框粗細設(shè)置為0時，將隱藏表格邊框。

3.手繪表格

單擊表格→手繪表格，彈出表格工具欄，選中按鈕，用拖動鼠標(biāo)的方法畫一個表格。 雙擊鼠標(biāo)退出畫表格狀態(tài)。
如果畫錯了就單擊“擦除”按鈕 ，在要擦除的線條上拖動，這時線條會變紅，放開鼠標(biāo)，線條就被擦除了。
表格工具欄的其他按鈕都與表格菜單的各條命令相對應(yīng)，它們的使用方法也是一樣的。

二、編輯表格

創(chuàng)建好表格后，就可以在表格里輸入文本了，一般情況下直接輸入，當(dāng)達到單元格末尾時文字會自動換行的。要想在沒有達到末尾時就要換行，按SHIFT+ENTER鍵，這樣文本就強制換行了。

單元格里的文本與單元格的對齊方式有時也需要調(diào)整。我們可以用“格式”工具欄的左對齊、居中對齊、右對齊進行設(shè)置。

   1.選定表格對象

    ①選定單元格中的內(nèi)容:可用Tab鍵,選前一個單元格按Shift+Tab鍵

    ②選定部分或全部表格:直接拖動鼠標(biāo)或按Shift鍵可選定連續(xù)的單元格，

                         選擇多個不連續(xù)的單元格：按下Ctrl鍵不放，再單擊其它單元格

   2.移動、復(fù)制、刪除單元格中的內(nèi)容

    移動：選定內(nèi)容拖動鼠標(biāo)到目標(biāo)位置

    復(fù)制：選定內(nèi)容后，按下按Ctrl鍵不放，拖動鼠標(biāo)到目標(biāo)位置

    刪除：選定后按Delete鍵或單擊編輯→刪除

   3.插入與刪除行、列

    插入：定位光標(biāo)單擊表格→插入

    刪除：定位光標(biāo)單擊表格→刪除

   4.合并或拆分單元格

    合并:選定要合并的單元格,單擊表格（或擊右鍵）→合并

    拆分:選定要拆分的單元格,單擊表格（或擊右鍵）→拆分

三、設(shè)置表格屬性

   1.設(shè)置表格屬性

    單擊表格→表格屬性→表格

    ①設(shè)置表格行數(shù)和列數(shù)及對齊

    ②設(shè)置浮動

    浮動:指的是與表格相鄰的文本在表格周圍環(huán)繞.

    ③設(shè)置表格的邊框

    ④設(shè)置表格的寬度和高度

   2.設(shè)置單元格的屬性

    選定要設(shè)置的單元格單擊表格→表格屬性→單元格

   3.設(shè)置單元格大小

    ①自動調(diào)整單元格大小

     將光標(biāo)置于表格內(nèi)任一位置,單擊表格→根據(jù)內(nèi)容調(diào)整表格

    ②調(diào)整各行、各列單元格的尺寸一致

     選定行或列,單擊表格→平均分布各行或列

    ③手動調(diào)整單元格大小

     將鼠標(biāo)放在要調(diào)整的單元格邊框上，按下鼠標(biāo)左鍵拖動。

四、利用表格排版

由“表格屬性”對話框可知，當(dāng)我們將“邊框粗細”設(shè)置為0時，邊框線將隱藏，利用此項功能，
我們可以利用表格來排版頁面。這樣我們就可以把圖片和文字規(guī)規(guī)矩矩的放在指定位置，而在瀏
覽時也沒有表格的痕跡。

對于較為復(fù)雜的網(wǎng)頁，我們可以采用“表格嵌套”的方法來進行排版，以此來形成一個復(fù)雜的版面。

在制作網(wǎng)頁時主要采用的圖形文件有兩種:動態(tài)圖像(GIF)和靜態(tài)圖像(JPEG、GIF、PNG），如果在網(wǎng)頁中使用了其它格式的圖形文件，在保存網(wǎng)頁時FRONTPAGE可以自動進行格式轉(zhuǎn)換。

一、插入圖像

   1.插入剪貼畫

    單擊插入→圖片→剪貼畫,彈出任務(wù)窗格,選剪貼畫后單擊搜索

   2.插入來自文件的圖片

    單擊插入→圖片→來自文件

注：插入圖片后需保存圖片到站點下才能正確預(yù)覽。在默認情況下，F(xiàn)rontPage認為你要插入的圖片  總是放在你建立的站點的目錄或它的子目錄下的。

知識加油站：

·                                 插入外部圖片對象的方法：
事先將圖片復(fù)制到站點文件夾中，再插入圖片。
直接插入外部圖片，保存的時候注意選擇更改保存目錄如images（注意源代碼中文件路徑的變化）。

二、編輯圖像

  1.設(shè)置圖片格式

    法1:在圖像上雙擊鼠標(biāo),利用圖片屬性對話框，對圖像的環(huán)繞、布局和大小設(shè)置

    法2:利用圖片工具欄,設(shè)置圖片的裁剪、透明、立體效果等

      注：打開圖片工具欄:單擊查看→工具欄→圖片

   2.給圖像添加文字

    選定圖像,單擊圖片工具欄上的文本按鈕A

插入媒體和組件

為了讓網(wǎng)頁充滿活力，只有靜態(tài)的圖像是不夠的，我們往往需要在網(wǎng)頁中加入背景音樂、視頻，或加入動畫等。

一、插入音頻（wav、 midi等)

   1.在網(wǎng)頁中插入背景音樂

·                                 在網(wǎng)頁的空白處，單擊右鍵→網(wǎng)頁屬性，彈出“網(wǎng)頁屬性”對話框

·                                 在“背景音樂”欄中加入背景音樂文件，并設(shè)置循環(huán)次數(shù)（循環(huán)播放或限定次數(shù)）。

   2.在網(wǎng)頁中插入音頻插件

    單擊插入→高級→插件，通過“瀏覽”按鈕選擇要插入的音頻文件，擊“確定”。

在普通模式下，為了表示插入音頻的位置，F(xiàn)RONTPAGE就會使用這樣的插頭標(biāo)記?，F(xiàn)在我們切換到預(yù)覽模式，音樂就自動播放了。
插頭就會變成一個播放器。播放器名字叫Active Movie，它是Internet Explorer
瀏覽器自帶的一個媒體播放插件。

二、插入視頻(avi   mov   mpg)

    單擊插入→圖片→視頻

三、插入Flash影片(*.swf)

    方法:定位光標(biāo),單擊插入→高級→插件

四、插入 Web組件

   1.插入滾動字幕

    單擊插入→組件→字幕

    雙擊輸入的字幕可編輯

   2.插入橫幅廣告管理器

    定位光標(biāo),單擊插入→組件→橫幅廣告管理器

   3.插入站點計數(shù)器

    為了了解站點的訪問情況,用戶可在網(wǎng)頁中使用站點計數(shù)器來記錄被訪問期間的次數(shù)

    定位光標(biāo),單擊插入→組件→站點計數(shù)器

五.設(shè)置網(wǎng)頁過渡效果

    單擊格式→網(wǎng)頁過渡

超級鏈接

一、創(chuàng)建同網(wǎng)站內(nèi)的超級鏈接

   法1：選中文本或圖形，單擊插入→超鏈接

   法2：選中文本或圖形，單擊右鍵→超鏈接

二、創(chuàng)建外部超鏈接（文件、網(wǎng)站、電子郵箱）

   鏈接到文件：選中文本或圖形，單擊插入→超鏈接(或單擊右鍵→超鏈接)→單擊瀏覽文件按鈕

   鏈接到網(wǎng)站:選中文本或圖形，單擊插入→超鏈接(或單擊右鍵→超鏈接)→在地址欄輸入網(wǎng)址

   鏈接到郵箱:選中文本或圖形，單擊插入→超鏈接(或單擊右鍵→超鏈接)→單擊左側(cè)電子郵件地址,在電子郵件地址中輸入郵箱名

三、創(chuàng)建同一網(wǎng)頁內(nèi)的超鏈接

   選定文本，單擊插入→書簽，再選擇所要鏈接的文本，單擊插入→超鏈接(或單擊右鍵→超鏈接)，單擊

   左側(cè)本文檔中的位置

四、圖片的熱點鏈接

   選擇圖片，單擊圖片工具欄上的長方形熱點（或圓形、多邊形），再在圖片上拖動鼠標(biāo)

五、設(shè)置超鏈接

   1.字體效果:在網(wǎng)頁的空白處，單擊右鍵→網(wǎng)頁屬性→高級→翻轉(zhuǎn)樣式

   2.字體顏色:在網(wǎng)頁的空白處，單擊右鍵→網(wǎng)頁屬性→格式(使用主題不能必變顏色)

   3.屏幕提示:在網(wǎng)頁的空白處，單擊右鍵→超鏈接→屏幕提示

   4.去掉下劃線:選中帶有下劃線的超鏈接,單擊格式→字體→去掉下劃線

   5.刪除超鏈接:選中,單擊單擊插入→超鏈接(或單擊右鍵→超鏈接)→刪除超鏈接

活動3：

·                                 用表格規(guī)劃自己的網(wǎng)頁。

·                                 插入圖片、視頻、動畫等多種素材。

·                                 設(shè)置網(wǎng)頁的背景音樂。

·                                 設(shè)置網(wǎng)頁間的超鏈接。

框架

框架:簡單理解,就是把一個網(wǎng)頁分成幾份,每一份填充其它網(wǎng)頁,當(dāng)瀏覽者瀏覽這個網(wǎng)頁時,它可調(diào)入其它網(wǎng)頁, 形成一個完整頁,這就是框架?？蚣芙M成:邊框、滾動條、網(wǎng)頁。

注：框架網(wǎng)頁并不是真正意義上的頁面文件，其內(nèi)容是記錄該框架網(wǎng)頁包含了幾個框架及拆分方式等資料，而每一個獨立的框架才是一個真正的頁面文件。

一、創(chuàng)建框架網(wǎng)頁

   1.創(chuàng)建框架網(wǎng)頁

    單擊文件→新建,選擇“框架網(wǎng)頁”選項卡,在“框架網(wǎng)頁”對話框里列出了10種框架布局模板,選擇自己需要的一種,單擊“確定”。

   2.編輯框架內(nèi)容

    每個框架有兩個按鈕,單擊新建網(wǎng)頁按鈕,這些按鈕就是用來讓我們指定在框架里顯示哪個網(wǎng)頁的，或新建一個網(wǎng)頁，或設(shè)置一個已經(jīng)存在的編輯好了的網(wǎng)頁。

   3.保存框架網(wǎng)頁

逐個保存每個框架內(nèi)的新建網(wǎng)頁。

二、改變框架的布局

注：框架的大小及屬性均可通過“框架屬性”對話框來設(shè)置。

“框架屬性”對話框介紹：

·                                 邊距：網(wǎng)頁內(nèi)容與框架邊框之間的距離。

·                                 顯示滾動條：包括3個可選項：即“需要是”、“從不”、“始終”。

·                                 “框架網(wǎng)頁”按鈕：單擊“框架網(wǎng)頁”按鈕，彈出“網(wǎng)頁屬性”對話框的“框架”選項卡，在此項中可以設(shè)置框架之間的距離，若想無框架邊框，只須取消“顯示邊框”復(fù)選框即可。

1.調(diào)整框架的大小

    法1:用鼠標(biāo)拖動
    法2:將光標(biāo)置于要調(diào)整的框架中,單擊右鍵或單擊框架→框架屬性

  2.拆分或刪除框架

   拆分:

      法1:用鼠標(biāo)拖動:按Ctrl鍵不放,用鼠標(biāo)拖動框架的邊框線
      法2:用菜單:將鼠標(biāo)置于要拆分的框架中,單擊框架→拆分框架

    刪除:

      選定要刪除的框架,單擊框架→刪除框架.

三、設(shè)置目標(biāo)框架

目標(biāo)框架是超鏈接目標(biāo)網(wǎng)頁出現(xiàn)的那個框架。例如，在左邊的目錄框架中單擊一個鏈接后，右側(cè)的框架中將出現(xiàn)一個對應(yīng)的網(wǎng)頁。所以右邊框架是左邊框架中所看到的鏈接的目標(biāo)框架。

1、設(shè)置超鏈接的目標(biāo)框架

步驟：選中文字或圖片——擊右鍵選“超鏈接屬性”——在對話框中選擇目標(biāo)網(wǎng)頁——確定

·                                 知識加油站：

在“創(chuàng)建超鏈接”窗口擊“目標(biāo)框架”按鈕，彈出“目標(biāo)框架”對話框，從中選擇“新建窗口”，則被鏈接的網(wǎng)頁會創(chuàng)建一個新的瀏覽器窗口，并在其中顯示。

發(fā)布網(wǎng)站和維護

一、發(fā)布站點應(yīng)具備的條件

1、與Internet相連

2、站點存放空間

要發(fā)布站點必須首先在網(wǎng)上申請一個空間，來存放你的站點，也就是將站點放到一個Web服務(wù)器上。在Internet上有很多地方提供免費的個人主頁存放空間，我們可以在網(wǎng)上搜索，然后注冊申請即可。例：http://www.

3、是否支持Frontpage服務(wù)器擴展程序

4、發(fā)布軟件。如：flash FXP、Cuteget。

二、測試站點

在發(fā)布站點之前，應(yīng)該檢查各個頁面之間的鏈接、網(wǎng)站的外觀和文件的路徑等，測試無誤后，可以發(fā)布網(wǎng)站了。

三、發(fā)布站點

網(wǎng)頁的發(fā)布，就是將制作好的網(wǎng)頁發(fā)布到WWW中的某臺web服務(wù)器上的過程。也就是將用戶創(chuàng)建在本地計算機上的一個站點復(fù)制到服務(wù)器上指定URL的過程。

   方法：單擊文件→發(fā)布網(wǎng)站，彈出對話框，在遠程網(wǎng)站選項卡中選文件系統(tǒng)，在遠程網(wǎng)站位置輸入一個本地計算機中的具體路徑或單擊瀏覽，再單擊發(fā)布網(wǎng)站。

 注:一般來說,圖像和多媒體是影響網(wǎng)頁下載速度最重要的因素,如果網(wǎng)頁的速度已經(jīng)
慢到讓人無法忍受的程度,可適當(dāng)減少圖像與多媒體內(nèi)容的使用量.

 作業(yè)

制作個人教學(xué)網(wǎng)站

　 1.首頁制作要求:

（1）使用表格布置網(wǎng)頁;

（2）網(wǎng)頁上要有文字、圖片及背景圖片；

（3）準(zhǔn)確創(chuàng)建網(wǎng)頁間的超鏈接；

（4）能插入一段背景音樂；

2.其他子網(wǎng)頁可以依照自己需要進行簡單編輯