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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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