FRONTPAGE制作網(wǎng)頁如何制作網(wǎng)頁教程網(wǎng)站制作教程海...

1、frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)怎樣制作網(wǎng)頁-如何制作網(wǎng)頁-網(wǎng)站制作教程|海樂網(wǎng)現(xiàn)在市面上的有許多制作網(wǎng)頁的工具， office 中也有一個專門作網(wǎng)頁的工具frontpage ，其操作與 word 相似，比較容易上手。下面以 frontpage 2000 為例，介紹網(wǎng)頁制作的基本知識。一、如何打開 frontpage 了解主界面單擊任務(wù)欄“開始”按鈕，選擇“程序”選項，單擊 frontpage 就可以進入。進入后你會發(fā)現(xiàn) prontpage 界面和 word 很相似圖一，這是因為編輯 web 頁面和編輯 word 文檔有很多同樣的設(shè)置，這些設(shè)置所用的圖標(biāo)和

2、word 中的是一樣的。圖一prontpage2000 界面frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)視圖中的組框是用來切換視圖的，單擊里面的小圖標(biāo)就可以切換到不同的視圖。frontpage 共有 6 種視圖如左，使用不同的視圖可以從不同的側(cè)面查看設(shè)計的 web 站點。對一個 web 站點而言，不斷更新是很重要的。隨著站點的成長，維護站點的工作量會越來越大。建立站點可能很快，但是如果沒有這 6 種視圖的幫助，維護起來就很困難了。這些視圖的使用不用一下就全部掌握，只要知道有這些視圖就可以了。下面看一看同一個 web 站點在不同視圖中是怎樣顯示的。單擊“網(wǎng)頁”按鈕，切換到

3、網(wǎng)頁視圖，再單擊工具欄上的“文件夾列表”按鈕，窗口中增加了一個文件夾列表框圖一。網(wǎng)頁視圖是用來顯示選中的網(wǎng)頁的，雙擊文件夾列表中的某一個 htm 文件，在最右方的工作區(qū)中就會顯示該網(wǎng)頁的內(nèi)容。圖一網(wǎng)頁視圖frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)注意，此時工作區(qū)的左下角有三個切換顯示模式的選項卡圖二。單擊“普通”選項卡，就切換到了普通模式。在普通模式可以編輯網(wǎng)頁的內(nèi)容以及設(shè)置各種格式。單擊“預(yù)覽”選項卡就到了預(yù)覽模式。如果要看一看當(dāng)前編輯的文件在瀏覽器中的顯示情況，就使用預(yù)覽模式，在預(yù)覽模式下，是不能編輯網(wǎng)頁的。單擊“html”，有的時候，也可以切換到 html 模式

4、直接對網(wǎng)頁對應(yīng)的 html 文本文件進行編輯，從而為網(wǎng)頁作一些特殊的設(shè)置。圖二工作區(qū)的三個切換模式文件夾視圖以列表的形式給出了當(dāng)前 web 站點的文件夾和文件夾里包含的文件圖三。由于一個 web 站點要涉及到許多文件，因此將這些文件分類并分別放到不同的文件夾就很有必要。比如，可以把所有的圖形文件放入 image 文件夾。frontpage 還提供了一個_private 文件夾，用來存放一些對網(wǎng)絡(luò)瀏覽者不可見的信息。下面為當(dāng)前站點再添加一個 sound 文件夾，用來存放 web 站點用到的聲音文件：選中站點的根目錄，然后單擊“文件”菜單的“新建”項，在彈出的子菜單中選擇“文件夾”命令。在輸入so

5、und，新文件夾就建立好了圖四。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)圖三文件列表圖四文件列表其實一個站點實際上就是一個目錄，在這個目錄下可以建立許多子目錄，并將站點的各種文件放在這些目錄里。任務(wù)視圖里放著關(guān)于站點維護的任務(wù)列表，如果站點大到由許多人共同維護，他們就可以通過任務(wù)列表知道工作的進展情況了。報表視圖給出了當(dāng)前站點的一些統(tǒng)計信息。這里可以知道在站點的目錄中哪些文件被鏈接進站點了，哪些沒有。導(dǎo)航視圖可以方便地組織站點中各網(wǎng)頁的層次關(guān)系，在本視圖中，每一個頁框代表一個網(wǎng)頁。如果站點設(shè)置了導(dǎo)航功能，就可以先在這里設(shè)置好各網(wǎng)頁的層次關(guān)系，然后用導(dǎo)航欄把這種層次關(guān)

6、系表現(xiàn)出來。超鏈接視圖是用來察看選中網(wǎng)頁中設(shè)置的超鏈接的。通過它可以方便地知道在網(wǎng)頁中設(shè)置了多少超級鏈接，以及是什么類型的鏈接。任務(wù)視圖里放著關(guān)于站點維護的任務(wù)列表，如果站點大到由許多人共同維護，他們就可以通過任務(wù)列表知道工作的進展情況了。二、創(chuàng)建網(wǎng)頁這一節(jié)我們討論怎樣創(chuàng)建頁面。創(chuàng)建頁面最簡單的方法就是單擊 frontpage“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。默認狀態(tài)下是新建網(wǎng)頁。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“

7、新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到frontpage 提供的許多網(wǎng)頁模板圖一，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。然后點確定。圖一新建網(wǎng)頁對話框使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。三、加入文字frontpage 中對于文字與圖像的處理與 word 很相似，用過 word 的人對于 frontpage中這部分的操作很容易上手的。不過，畢竟是網(wǎng)頁制作軟件，在 web 的

8、基礎(chǔ)上，又增加了很實用的功能，也能做出復(fù)雜而且高級的網(wǎng)頁文字與圖像。frontpage 中對于文字以及圖像的處理基本集中在這三個菜單欄里：編輯、插入、格式。編輯：包括用于處理文字的復(fù)制、粘貼等操作，調(diào)整網(wǎng)頁內(nèi)容（包括文字、圖像、控件等等）的多少以及安排。是最基礎(chǔ)的工具，經(jīng)常使用其對應(yīng)的快捷鍵。插入：用于網(wǎng)頁各種部件及其組成部分的創(chuàng)建，很多選項都能創(chuàng)建既復(fù)雜又實用的部件，這方面較 dreamwaver 更容易被初學(xué)者接受。（圖 2.1）frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)圖 2.1格式：對于文字的處理大多集中在這里，這里的選項是用來協(xié)調(diào)整個網(wǎng)頁以及整個網(wǎng)站的內(nèi)容編

9、制，也是個較常用到的菜單欄。（圖 2.2）圖 2.2frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)（一）創(chuàng)建文字：在 frontpage 中創(chuàng)建文字的方法大致分兩種：輸入和導(dǎo)入。1、新建一個網(wǎng)頁，之后輸入的文字就會在光標(biāo)所在位置出現(xiàn)，根本得不能再根本的方法，說白了就是打字。只要光標(biāo)能到的地方都可以正常輸入文字。2、通過【粘貼】能將之前在任何程序中復(fù)制或者剪切的文字創(chuàng)建到當(dāng)前編輯網(wǎng)頁中，【編輯】菜單欄中的選項與之有關(guān)。還可以通過【插入】中【文件】的形式導(dǎo)入文字，包括 txt、doc、htm 等純文本或者包含文字的文件。（二）處理文字字體：選擇【格式】菜單欄中的【字體】選項，

10、出現(xiàn)字體對話框（如圖 2.3）。圖 2.3frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)字體：框中選擇想應(yīng)用的字體。字體文件都保存在 windows 目錄中的 fonts 子目錄中，可以自行刪改添加。字形：有常規(guī)、傾斜、加粗和加粗傾斜四個選項。一般來說正文選用保持常規(guī)，加粗用于標(biāo)題，傾斜則用于突出正文中的內(nèi)容以及使文字美觀。字號：可以直接在輸入框中輸入想使用的字號，也可以在選項中選取。一般來說在瀏覽器中 9 磅和 10.5 磅看起來最美觀最舒服。字符間距：這個分頁中的選項是用來進行行距設(shè)置以及文字定位的。預(yù)覽：無論在【字體】中進行什么操作，都可以在預(yù)覽框中看到樣品，方便選

11、取合適的搭配。（三）處理文字段落：選擇【格式】菜單欄中的【段落】選項，出現(xiàn)段落對話框（如圖 2.4）圖 2.4frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)對齊方式：設(shè)置整個段落在頁面中的位置。常用的為居中?？s進：調(diào)整段落與左右邊界的距離。首行縮進是用來設(shè)置各段第一行。段落間距：設(shè)置段落與段落之間的距離。對段落的操作和字體一樣，可以在預(yù)覽框中觀察。當(dāng)然，以上這些操作都可以在工具欄中對應(yīng)圖標(biāo)按鈕實現(xiàn)。（如圖 2）圖 2還有【格式】菜單欄中的【項目符號與編號】選項，也可以用來設(shè)置文字段落的排列，基本上文字的一般處理都與 word 相似。（四）處理動態(tài)文字：圖 2.5 選擇【插

12、入】菜單欄中的【web 組件】選項，在出現(xiàn)的對話框中選擇動態(tài)效果中的“字幕”（如圖 2.5）。在出現(xiàn)的對話框中首先在文本框中輸入文字，而后對速度、大小進行frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)調(diào)整。這里值得說明的是左下角的樣式按鈕，點擊之后出現(xiàn)的新窗口中可以進行樣式的調(diào)用等，在新窗口的左下角有一個格式按鈕，在這里可以進行文字格式的一般處理（即上文所述的）。這在以后的文字相關(guān)處理中都用這種按鈕后的按鈕情況。（如圖 2.6）回到字幕對話框后按“確定”，這樣一個網(wǎng)頁中的滾動字幕就制作好了。圖 2.6 選擇【格式】菜單欄中的【動態(tài) html 效果】選項，出現(xiàn)相應(yīng)浮動選項框

13、（如圖 2.7）。只有當(dāng)你在網(wǎng)頁中選擇了文字或者圖像，浮動框中的選項才會啟動。這里我們先在網(wǎng)頁中輸入文字處理一下，把鼠標(biāo)移到文字行，在浮動框中依次選擇“網(wǎng)頁加載”、“逐字放入”。dhtml 效果在 frontpage 中以淡藍色方框表示。（如圖 2.8）圖 2.7圖 2.8（五）創(chuàng)建圖像：在 frontpage 中創(chuàng)建圖像是在【插入】菜單欄里的【圖片】選項。剪貼畫：會啟動剪貼畫尋找器。在這里你可以方便地在本機或者在互聯(lián)網(wǎng)上搜索到剪貼frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)畫用來裝點你的頁面。來自文件：導(dǎo)入本機或者局域網(wǎng)中的圖片，相比較剪貼畫，獲得圖像的質(zhì)量、類型和格

14、式都很豐富，是最常用的導(dǎo)入圖像方式。新建圖片庫：主要用于制作排列眾多圖片的頁面，針對樣品列舉、圖片欣賞等。在打開的對話框中，點擊添加導(dǎo)入所需要的圖片，設(shè)置好縮略圖的大小后，在四種布局中選擇一種適合用戶的（如圖 2.9）。簡單點擊后，按確定，一張布滿圖像的頁面就生成了。圖 2.9繪制新圖形：選擇后在頁面中插入一塊類似畫板的藍色區(qū)域，可以在上面自由作畫。一般不用到。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)自選圖形：在眾多簡單后實用的線圖中選擇插入。圖 2.10藝術(shù)字：用過 word 的人應(yīng)該都很了解這個了，就是方便的創(chuàng)建含有文字特效的圖片文件。知道保存頁面后才會以圖片形

15、式導(dǎo)出。點擊后選擇一種合適的文字藝術(shù)效果，再輸入文字就行了（如圖 2.10）。藝術(shù)字生成后可以修改，有藝術(shù)字浮動框（如圖 2.11）?？梢赃M行藝術(shù)效果的重新選擇，文字內(nèi)容的重新輸入，樣式的調(diào)整等等。圖 2.11（六）處理圖片：在已經(jīng)創(chuàng)建的圖片上點擊左鍵，出現(xiàn)圖片浮動框（如圖 2.12）。這里的所有圖標(biāo)按鈕都可對圖像進行操作處理，從左到右依次是：圖 2.12frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)插入文件中的圖片：插入新圖像替代選中的圖像。文本：在圖像上加入文字，這可是 dreamweaver 很難做到的哦。不過它會幫你自動轉(zhuǎn)換文件格式到 gif。自動縮略圖：十分方便

16、，輕輕一點就可創(chuàng)建縮略圖。以前版本沒有的功能。絕對定位：鎖定圖片在網(wǎng)頁中的位置。上移、下移一層：類似于 fireworks 中的排列，點擊后，圖像可以在網(wǎng)頁中任意拖動確定位置，很好用的功能。翻轉(zhuǎn)：共上下左右四種。對比度以及亮度的處理：這是 dreamweaver 望塵莫及的。在加強了亮度以及對比度的圖片上插入文字，這種安排一定可以大大提高訪問量哦。裁剪、線性、填充色、設(shè)置透明色、顏色、凹凸效果都用于修改圖片的。最后幾個是添加熱區(qū)，也就是圖片上的超鏈接的?？梢钥闯觯琭rontpage 對于圖片的處理能力已經(jīng)遠在 dreamweaver 之上了，只不過比起 dw 和 fw 的配合使用來說，還有一些

17、距離。但它的簡單快捷非常省事省力，適合初學(xué)者。接著我們在圖像上點擊右鍵，選擇圖像屬性。這里常用的就是圖像的環(huán)繞樣式，以及一些其他設(shè)置（如圖 2.13）。圖 2.13frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)（七）處理動態(tài)圖像： 選擇【插入】菜單欄中的【web 組件】選項，在出現(xiàn)的對話框中選擇動態(tài)效果中的“橫幅廣告管理器”（就在上文說到的“字幕”下）。設(shè)置好廣告圖片的長和寬，選擇一種合適的過渡效果，設(shè)置好時間后點擊添加。在完成了所需廣告圖片的添加后，設(shè)置連接頁面。最后點擊確定，這樣一個網(wǎng)頁中的橫幅廣告就制作好了。（如圖 2.14）圖 2.14 選擇【插入】菜單欄中的【w

18、eb 組件】選項，在出現(xiàn)的對話框中選擇動態(tài)效果中的“懸停按鈕”。通過與上文相仿的簡單設(shè)置就可以搞定一個動態(tài)按鈕，簡直可以和辛辛苦苦用 fireworks 做出來的媲美呢。四、如何插入使用表格（一） 創(chuàng)建表格在 frontpage 的諸多功能中，制表功能也是一個很重要的方面。我們不僅利用表格顯示一些有規(guī)律的數(shù)據(jù)，而且還經(jīng)常對表格中的單元格進行調(diào)整，在其中放入文本和圖形，達到對網(wǎng)頁進行布局的目的。我們來看看這個網(wǎng)頁，這是在普通模式里的效果。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)文本被分成左右兩欄了。文本周圍有虛線包圍。這些虛線實際上就是表格的框線，我們利用表格把網(wǎng)頁分

19、為了左右兩欄。我們切換到預(yù)覽模式，框線沒有了。在普通模式看到的虛線可以便于我們編輯。由于表格框線的寬度是 0，所以它在普通模式里是虛線顯示的，而在瀏覽器里它就不顯示出來。也就是說用一個看不見的表格把文字分開。怎樣創(chuàng)建表格呢？首先把插入點調(diào)整到要插入表格的位置，單擊“常用”工具欄“插入表格”按鈕，拖動鼠標(biāo)，直到高亮的格子的行列數(shù)與你要插入的表格相同為止。這里我們用 3 乘 4 的，也就是 3 行 4 列的。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)實際上這種方法創(chuàng)建單元格只能將各單元格行高和列寬設(shè)置為一樣的，如果要在創(chuàng)建表格時對表格進行設(shè)置，可以使用插入表格命令。 設(shè)置

20、好插入點后，選擇“表格”菜單的“插入”命令，單擊“表格”命令，將行數(shù)設(shè)置為 3，列數(shù)設(shè)置為 4，將邊框粗細設(shè)置為 5，將單元格間距設(shè)為 3，確認指定寬度復(fù)選框選中，并選擇單位為百分比， 設(shè)置百分比為 80，使表格寬度為瀏覽器寬度的 80%，單擊“確定”按鈕。新建的表格邊框變粗了。這是因為我們剛才設(shè)置了邊框的粗細為 3，另外單元格之間的分割線也變寬了，這是因為我們設(shè)置了單元格間距的結(jié)果。我們的設(shè)置也自動變?yōu)榱讼乱淮蝿?chuàng)建表格的默認設(shè)置。還有一種創(chuàng)建表格的方法，你可以直接把表格畫出來。選擇“查看”菜單的“工具欄”命令，單擊其中的“表格”選項，這時就會顯示“表格”工具欄。態(tài)。單擊“手繪表格”按鈕，用拖

21、動鼠標(biāo)的方法畫一個表格。 雙擊鼠標(biāo)退出畫表格狀如果畫錯了就單擊“擦除”按鈕，在要擦除的線條上拖動，這時線條會變紅，放開鼠標(biāo)，線條就被擦除了。表格工具欄的其他按鈕都與表格菜單的各條命令相對應(yīng)，它們的使用方法也是一樣的。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)（二） 單元格的控制創(chuàng)建好表格后，就可以在表格里輸入文本了。一般情況下，直接輸入就可以了。當(dāng)達到單元格末尾時文字會自動換行的。 可是在沒有達到末尾時就要換行的話，不是按回車鍵不就可以了，因為這樣做就把文本分成了兩個段落，文本的行距就會變大。這就是使用回車鍵的效果。應(yīng)該這樣來做。按 shift+enter 鍵，這樣文

22、本就強制換行了。我們再輸入換行文字，這時行距就正常了。單元格里的文本與單元格的對齊方式有時也需要調(diào)整。我們可以用“格式”工具欄的左對齊、居中對齊、右對齊進行設(shè)置。在這里還有專門的設(shè)置方式。首先單擊要調(diào)整格式的單元格，單擊鼠標(biāo)右鍵，選擇“單元格屬性”命令，在這里你不僅可以設(shè)置水平對齊方式還可以設(shè)置垂直對齊方式。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)這里我們把水平對齊方式調(diào)整為“水平居中”對齊。 單擊“確定”按鈕，文本就水平居中對齊了。我們還可以把水平和垂直對齊方式組合使用，這樣就可以任意的調(diào)整對齊方式了，也可以同時選中多個單元格，一起設(shè)置對齊方式。首先要知道為什么要

23、選中單元格。有時我們要對單元格進行某種操作，比如要刪除幾個單元格，首先就要把這些單元格先選中?，F(xiàn)在我們來看一看怎么選中單元格：單擊要選中的單元格，插入點就在單元格中了， 選擇“表格”菜單的“選定”子菜單，單擊“單元格”命令，單元格就選中了。我們剛才已經(jīng)選中了一個單元格，按住 ctrl 鍵，單擊其他單元格，這些單元格就選中了。用這種方法可以選中不連續(xù)的單元格。從一個單元連續(xù)拖動鼠標(biāo)可以選中連續(xù)的單元格。選定單元格后就可以對單元格做操作了。我們可以把幾個連續(xù)單元格合成一個單元格：先把單元格一、單元格二選中，執(zhí)行“表格”菜單的“合并單元格”命令，兩個單元格就合并成為一個單元格了。也可以把一個單元格分

24、成幾個單元格：我們把插入點放到要拆分的單元格里，選擇“表格”菜單的“拆分單元格”命令，在“拆分單元格”對話框里你可以設(shè)置是拆分成行還是列，這里我們選擇列，并將列數(shù)設(shè)置為 2，單擊“確定”按鈕，這樣一個單元格就被拆分為兩個單元格了。下面我們看看如何在表格里插入新的單元格：首先在要插入單元格的右側(cè)單元格內(nèi)單擊，使插入點放在右側(cè)單元格內(nèi)，選擇“表格”菜單的“插入”命令，單擊“單元格”選項，一個新的單元格就放在指定位置了。用這種方法也可以插入行和列,方法是一樣的，只要執(zhí)行frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)插入命令時選擇行和列就可以了。在“單元格屬性”對話框里還有一些其

25、他設(shè)置。我們先來看一下設(shè)置背景色：選中兩個單元格，單擊鼠標(biāo)右鍵，選擇“單元格屬性”命令，將背景色改為青色。單元格邊框的顏色也也可以在“單元格屬性”對話框里設(shè)置。你可以使用這些選項來調(diào)整單元格邊框的顏色；你也可以為單元格加一個背景；單元格的寬度和高度也可以指定；選中不換行選項則文本在單元格內(nèi)不會換行，如果文本太長單元格的寬度會自動改變。（三） 行列操作frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)熟悉了單元格的操作，我們現(xiàn)在來學(xué)習(xí)表格的行列操作。對表格的行列操作，除了提高效率之外，還有一些特別的操作。不過我們還是從行列的選擇學(xué)起吧。我們可以用選擇單元格的方法選擇行和列，不過

26、有更簡便的方法：把鼠標(biāo)移到表格的左邊界處，這時鼠標(biāo)光標(biāo)會變?yōu)橄蛴业暮谏^，單擊鼠標(biāo)就可以選中箭頭指向的行。把鼠標(biāo)移到上邊界處就可以選中列。我們在選中一行后，按住 shift 鍵不放，接著選擇其他行，就可以選中連續(xù)的幾行， 如果按住 ctrl 鍵，就可以選中間斷的幾行。也可以在按住 shift 鍵不放的情況下，用鍵盤的上下左右鍵來選擇。這里我們看一下用“選擇”命令選擇：單擊要選擇的行的任何一個單元格，執(zhí)行“表格”菜單的“選定”命令，單擊“行”命令就可以選中該行。當(dāng)然，對列的選擇也是類似的操作方法，選中之后可以把選中行或列刪除。注意：用 delete 鍵刪除只能刪除單元格中的內(nèi)容。只要選擇“表格

27、”菜單的“刪除單元格”就可以了。你看，這一個表格的各列寬度是不同的，現(xiàn)在我們選中各列，選中后我們能對列進行均分。選擇“表格”菜單的“平均分配列寬”命令，這樣各列的寬度就一樣了。（四）表格設(shè)置如果我們把表格看作一個整體，它還有一些特殊的設(shè)置。我們先來看看怎樣把文本轉(zhuǎn)化為表格?？?，這兒有用逗號隔開的數(shù)字 1 到 8，選中frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)它們，選擇“表格”菜單的“轉(zhuǎn)換”子菜單執(zhí)行“文本到表格”命令，選擇分隔符為逗號，單擊“確定”按鈕，這樣，文本就轉(zhuǎn)換為表格了。這樣以后我們就可以先輸入文字再建立表格了。再來看看怎樣為表格加一個標(biāo)題。單擊要插入標(biāo)題的單

28、元格，選擇“表格”菜單的“插入”子菜單，單擊“標(biāo)題”，這時表格上方出現(xiàn)了一個插入點，輸入表格的標(biāo)題文字，標(biāo)題就添加完成了。我們提到過看不見的表格用來排版，這種看不見的表格又怎么設(shè)置呢？我們單擊這個可見的表格，單擊鼠標(biāo)右鍵，選擇“表格屬性”，將邊框粗細設(shè)為 0，frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)單擊“確定”按鈕，切換到預(yù)覽模式。表格不見了。因為邊框的粗細剛才設(shè)為 0 了。當(dāng)然我們也可以設(shè)置表格的背景顏色 ：切換到普通模式，在表格上單擊鼠標(biāo)右鍵，選擇“表格屬性”命令，在背景顏色下拉列表中選擇一種顏色，這里我們選擇綠色。下面還有使用背景的復(fù)選框，我們可以給表格添加背

29、景。 現(xiàn)在我們單擊確定按鈕，整個表格的背景顏色就改變了。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)作出立體效果也很簡單。在表格上單擊鼠標(biāo)右鍵， 仍然選擇“表格屬性”命令， 將邊框粗細設(shè)為 5， 將亮邊框顏色和暗邊框顏色分別設(shè)為銀灰色和灰度，單擊“確定”按鈕。看，表格的邊框變粗了，立體感也加強了。在默認情況下，表格在網(wǎng)頁上是左對齊的，我們也可以改變這種對齊方式。在表格上單擊鼠標(biāo)右鍵，執(zhí)行“表格屬性”命令，將對齊方式設(shè)置為水平居中。這時表格就放在網(wǎng)頁的中間了。這和設(shè)置單元格的對齊方式差不多。不過在默認情況下表格周圍是不能排列文字frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教

30、程-網(wǎng)站制作教程-海樂網(wǎng)的， 為了讓文本與表格融為一體，我們使表格浮動對齊。我們看一個例子：在表格上單擊鼠標(biāo)右鍵，選擇“表格屬性”，把浮動下拉列表設(shè)置為左對齊，單擊“確定”按鈕。你看，這時在表格下面的文本就移上來了。學(xué)習(xí)了這么多內(nèi)容，表格的操作還真不少。其實這些操作并不難，主要是對單元格、表格行列、整個表格三個方面的操作。只要經(jīng)常使用，就會很熟練的。五、建立超級連接網(wǎng)頁的強大之處就在它的超鏈接，在瀏覽器中通過點擊網(wǎng)頁中的超鏈接，可以很方便地打開另外一個網(wǎng)頁，或者是圖片、文件、郵件地址。一個網(wǎng)頁中的鏈接分成兩個部分：鏈接的載體和鏈接的目標(biāo)地址。鏈接的載體就是在網(wǎng)頁中文字和圖片，凡是包含鏈接的文字

31、和圖片都稱為超鏈接。操作設(shè)置文字的超鏈接：打開網(wǎng)頁文件，用鼠標(biāo)反白選擇要超鏈接的文字，然后按鼠標(biāo)右鍵。在彈出菜單中選擇超鏈接。彈出超鏈接設(shè)置窗口，然后在列表中選擇要超連接網(wǎng)頁文件，確定后，就可以看到超級鏈接已建立好了。注意，在網(wǎng)頁編輯窗口，可以按住“ctrl”鍵，點擊超鏈接就可以打開超鏈接指向的網(wǎng)頁。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)操作設(shè)置圖片的超鏈接：鼠標(biāo)右鍵點擊要設(shè)置超鏈接的圖片，在右鍵菜單中選擇超鏈接屬性，然后設(shè)置要鏈接的文件，也可以鏈接圖片、email 地址等。操作管理超鏈接：一個網(wǎng)站的超鏈接就像一張網(wǎng)一樣，網(wǎng)住了網(wǎng)站的所有文件。在“視圖”窗口中點擊

32、“超鏈接”，打開超鏈接的管理窗口，在這個窗口中，我們可以看到各個文件相互間的鏈接情況，文件中鏈接了哪些文件，又被哪些文件鏈接，可以在旁邊的文件夾窗口中選擇該文件，然后即可在鏈接示意窗口中查看了。也可以在超鏈接的示意窗口直接展開某個文件的上、下超鏈接。操作設(shè)置同一頁面中的書簽。選中文字或者圖片，選擇插入里的書簽。輸入書簽名。然后在任何地方插入超鏈接，在選擇屬性框中的左側(cè)的本文檔中的內(nèi)容按鈕。然后選擇欲指向的書簽名即可。還可以進行其他設(shè)置。圖 4.1操作在圖片上添加熱區(qū)。選中圖片，在圖片工具欄中選擇插入熱區(qū)按鈕，可以插入矩形熱區(qū)、圓形熱區(qū)、多邊形熱區(qū)。方法和插入超鏈接類似，不過熱區(qū)比起超鏈接，可以

33、在同一圖片完成多個連接，附圖插入的是圓形熱區(qū)。六、增加網(wǎng)頁的效果（一）使用字幕想把網(wǎng)頁中的文字變得更生動可是又一時不知道如何下手。這種滾動文字我們稱為字幕。它特別醒目，我們經(jīng)常使用它來發(fā)布一些站點的通知或提示信息。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)其實創(chuàng)建字幕很簡單。我們把插入點放到要使用字幕的位置，選擇“插入”菜單的“組件”命令，單擊“字幕”選項，在文本框中輸入要滾動的文字，單擊“確定”按鈕。字幕不動，這是因為我們現(xiàn)在是在普通模式下，我們單擊“預(yù)覽”選項卡切換到預(yù)覽視圖，字幕的滾動效果就呈現(xiàn)出來了。字幕的字體、字號、字顏色是可以調(diào)整的。我們在要調(diào)整字體字體、

34、字號或字顏色的字幕上單擊鼠標(biāo)右鍵，選擇“字體”命令進入“字體”對話框，把字大小改為 5，字顏色改為綠色。當(dāng)然在這里你也可以選擇“字符間距”選項卡改變字符的間距，單擊“確定”按鈕。這時字符的外觀就改變了。其實，對字幕的字符串外觀進行設(shè)置和對普通字符串的設(shè)置是一樣的。只不過字幕字符串是一個整體罷了。除了可以調(diào)整字幕的外觀外，字幕的背景顏色、滾動速度等都是可以調(diào)整的。我們在字幕上單擊鼠標(biāo)右鍵，選擇“字幕屬性”命令，進入“字幕屬性”對話框。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)下面，我一項項給您介紹：“方向”組框用來指定字幕是向哪個方向滾動，現(xiàn)在的設(shè)置表示從右向左滾動；“

35、速度”組框用來調(diào)整字幕滾動的速度；“延遲”表示字幕每滾動一步的時間間隔是多少毫秒；“數(shù)量”表示字幕每滾動一步的距離是多少像素；“表現(xiàn)方式”是調(diào)整字幕滾動的具體效果，你可以自己試試；“重復(fù)”組框用來對滾動效果的循環(huán)次數(shù)進行選擇；“背景顏色”用來調(diào)整字幕的背景顏色；“大小”用來設(shè)置字幕的寬度與高度。你可以使用像素來控制字幕的實際大小，也可以使用百分比來設(shè)置字幕的寬度，這時字幕的實際大小是根據(jù)瀏覽器窗口大小的百分比來計算的；“文本對齊方式”組框是用來調(diào)整字幕和它所在行文字的對齊方式的。里面有三種對齊方式的效果。象字幕效果是動態(tài) html 的一種功能，它是制作網(wǎng)頁的一種標(biāo)準(zhǔn)。不過動態(tài) html并不是所

36、有版本的瀏覽器都支持。比如字幕效果只有在 internet explorer 4.0 與 netscapecommunicator 4.0 以上版本才能看出來，而在低版本的瀏覽器上它們不過是普通文本罷了。（二）動態(tài)效果在網(wǎng)頁中特殊的效果大大加強了網(wǎng)頁的吸引力，用frontpage 是很容易實現(xiàn)的。首先，我們看一下，制作這些特效需要設(shè)置些什么。我們在普通模式下查看剛才的網(wǎng)頁。選擇“格式”菜單的“動態(tài) html 效果”。這時就會彈出“dhtml 效果”工具欄。frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)我們就是用這一個工具欄來設(shè)置動態(tài)效果的?，F(xiàn)在我們按下工具欄上的“突出顯示

37、動態(tài) html 效果”按鈕。網(wǎng)頁中有許多文字被高亮了。這些高亮的地方就是設(shè)置了動態(tài)效果的地方。現(xiàn)在我們單擊“用鼠標(biāo)單擊我，我就飛了！”注意 dhtml 效果工具欄這時就列出了該文字的動態(tài)效果的設(shè)置。在“開啟”下拉列表中顯示的是單擊，這表示在鼠標(biāo)單擊文字時就會產(chǎn)生動態(tài)效果，我們把這種單擊叫做事件。 開啟下拉列表中可以設(shè)置四種事件，它們是：單擊、雙擊、鼠標(biāo)懸停和網(wǎng)頁加載。在這四種事件發(fā)生時我們都可以讓設(shè)置的內(nèi)容產(chǎn)生動態(tài)效果?！笆髽?biāo)懸?！笔录谑髽?biāo)進入設(shè)置的內(nèi)容時發(fā)生，而“網(wǎng)頁加載”是在我們切換到設(shè)置的內(nèi)容所在的網(wǎng)頁時發(fā)生，它們都能夠觸發(fā)動態(tài)效果?，F(xiàn)在我們接著看“應(yīng)用”下拉列表，frontpage

38、制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)這里顯示的是“飛出”，表明在“單擊”事件發(fā)生時，要做一個飛出效果。在應(yīng)用下拉列表中具體的設(shè)置了用的是向右上方飛出。forntpage2000 共提供了八種飛出效果，（對應(yīng)選項下拉）你可以自己一個個試一試。給“靠近我”加動態(tài)邊框又是怎么做的呢？我們打開“應(yīng)用”下拉列表，除了“飛出”類動態(tài)效果外，還有“格式”類效果，現(xiàn)在我們就來做一個格式類效果：選中“制作格式類效果”文字，在“開啟”下拉列表中選擇“鼠標(biāo)懸停”，在“應(yīng)用”下拉列表中選擇“格式”，在“效果”列表框中選取“選擇字體”項，在彈出的“字體”對話框中，設(shè)置斜體字，設(shè)置文字顏色，frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)站制作教程-海樂網(wǎng)單擊“確定”按鈕；在“效果”列表框中選取“選擇邊框”項，彈出“邊框與陰影”對話框，在“邊框”選項卡中選擇“方框”項，給方框設(shè)置合適的顏色，再設(shè)置合適的樣式，單擊“陰影”選項卡，frontpage 制作網(wǎng)頁-如何制作網(wǎng)頁教程-網(wǎng)