下面是范文網(wǎng)小編收集的用FrontPage制作網(wǎng)頁課件教程匯總3篇 怎么用frontpage制作網(wǎng)頁，供大家參考。

用FrontPage制作網(wǎng)頁課件教程匯總1

【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進(jìn)行監(jiān)控以更新站點的。

【關(guān)鍵字】Frontpage創(chuàng)建站點、新建頁面、文字、超鏈接

　　現(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 制作多框架，表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進(jìn)行監(jiān)控以更新站點的內(nèi)容。

　　工具準(zhǔn)備好了，可根據(jù)你的個人喜好來選擇一些素材，如圖片、喜歡的文章等?，F(xiàn)在就讓我們從第一步的建立站點來踏上建造網(wǎng)上家園之旅。

　　用FRONTPAGE創(chuàng)建站點是很容易的。首先，我們來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網(wǎng)頁的站點” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點了，我們現(xiàn)在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件，名字叫做“”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進(jìn)入的就是站點的主頁。主頁的名字在一般情況下就叫做“”。就是說我們新建只包含一個網(wǎng)頁的站點時，F(xiàn)RONTPAGE就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內(nèi)容。

　　在文件列表里除了主頁之外，還有文件夾。新建站點時，F(xiàn)RONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片。“private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。

　　盡管每一個站點都要有一個主頁，不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標(biāo)來創(chuàng)建一個空站點?！靶陆ㄕ军c”對話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來創(chuàng)建站點模板或向?qū)АＮ覀儎?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點，都是從頭開始來創(chuàng)建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。

　　同樣的，盡管站點的風(fēng)格千差萬別但是有許多站點的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復(fù)勞動，這時，我們就可以使用模板或向?qū)斫⒄军c。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標(biāo)，用它可以迅速創(chuàng)建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個人站點。個人站點模板已經(jīng)為我們規(guī)劃好了站點的目錄和建立了相關(guān)的頁面?，F(xiàn)在我們點擊一下“文件夾”按鈕，雙擊圖標(biāo)，看，這就是我們的個人站點的主頁。哎，好象有許多文字都不對，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個人站點了。這不僅節(jié)省了許多力氣，同時也給了初學(xué)者一個良好的出發(fā)點。

　　那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時，一步步的用對話框提示我們完成安裝過程的程序就是一個向?qū)?。在FRONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創(chuàng)建過程。

　　現(xiàn)在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，你看，F(xiàn)RONTPAGE提供了兩個向?qū)В汗菊故鞠驅(qū)?、討論站點向?qū)В褂闷饋矶己芊奖?，你有興趣也可以利用向?qū)Ы⒁粋€站點。

　　創(chuàng)建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。

　　如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。然后點確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。

　　網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點綴，在網(wǎng)頁中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。

　　如果有一個圖形，怎么把它放到網(wǎng)頁上呢？

　　首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么 只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時FRONTPAGE會提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動進(jìn)行格式轉(zhuǎn)換。

　　現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。

　　在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的?？梢哉f,站點就是一個目錄。我們把編輯的許多網(wǎng)頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個目錄下。當(dāng)然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。

　　如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個對話框, 因為我們剛才插入的文件不在站點內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點內(nèi)，可是使用什么名字，放在站點的哪個目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時對圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕?；氐健扒度胧轿募贝翱?，再單擊“確定”。這樣，圖形就保存在站點內(nèi)了

　　我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點內(nèi)。

　　您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選

　　擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點目錄下。

　　一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對齊方式很重要。在默認(rèn)情況下，圖形自動與文本的底部對齊。這一個網(wǎng)頁，由于默認(rèn)的對齊效果，頁面出現(xiàn)了大量的空白。這時就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？ 其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面

”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。

　　如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個文本框，輸入：“機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。

　　如果我要修改 單擊一下要修改的文字，這時文字作為一個整體被選中了，再點一下文字，這時文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計算機(jī)硬件”，在頁面其他區(qū)域單擊。文字就修改完成了。

　　怎樣使文字更豐富、活潑呢？一個簡單的就是使用“格式”工具欄。

　　字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計算機(jī)沒有設(shè)置的字體？瀏覽器會用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過，使用常用字體是一個好習(xí)慣。

　　字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了

　　工具欄上的B、I、U圖標(biāo)的作用是：

　　按下B按鈕，被選中的文字就會變?yōu)榇煮w

　　按下I按鈕，被選中的文字就會變?yōu)樾斌w

　　按下u按鈕，被選中的文字就會帶下畫線

　　字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>

　　還可以對字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。“字符間距”選項卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。

“定位”下拉列表：在FRONTPAGE中每一行都有一個底線，定位就是指文字相對于底線的距離。也就是把文字上下移動，現(xiàn)在選擇“上移”，文字就向上移動了。預(yù)覽框中的黑線就是行的底線。

　　設(shè)計好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。

　　方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項卡，在這個預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個瀏覽器，用來檢查網(wǎng)頁的兼容性。

　　那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 為例）單擊“確定”

　　按鈕。就可以看到新建頁面在瀏覽器中的效果了。

　　怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？

　　在網(wǎng)頁里，我們把這種點擊后會進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。

　　首先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。

　　選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁”兩字時鼠標(biāo)變成手形，單擊它，我們就切換到主頁了。

　　那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網(wǎng)頁的，當(dāng)我們在普通模式把鼠標(biāo)指向“主頁”兩字時鼠標(biāo)沒有變成小手狀，因此不能進(jìn)行頁面切換。不過如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。

　　我們也可以將超鏈接指向其他站點的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過Email及時與你聯(lián)系，這是一個網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。我們試一下，切換到預(yù)覽模式，單擊郵件鏈接。

　　這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點發(fā)布前還要對它進(jìn)行檢查工作，包括超鏈接，頁面等。

【】

〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇技術(shù)出版社，2001年7月。

〈2〉李振格。Office入門與提高。清華大學(xué)出版社，2001年2月。

〈3〉王超鋒。網(wǎng)頁制作。人民郵電出版社，2001年10月。

用FrontPage制作網(wǎng)頁課件教程匯總2

　　應(yīng)用frontpage制作網(wǎng)頁

（二）一、網(wǎng)頁美化

　　A、添加網(wǎng)頁背景：即整個網(wǎng)頁的背景。

　　在編輯窗口中選擇“普通”選項卡，在編輯區(qū)單擊右擊選擇“網(wǎng)頁屬性”調(diào)出“網(wǎng)頁屬性”對話框，選擇“背景”選項卡。1． 背景圖片：在“背景圖片”前打上勾，單擊“瀏覽”按鈕，彈出“選擇文件”對話框，選擇要應(yīng)用的背景，單擊“確定”按鈕； 2． 水?。嚎梢栽O(shè)置背景圖片是否采用水印。3． 背景顏色：如果背景中不要添加圖片，只添加顏色，只須在打開“背景”顏色的下拉列表中選擇要應(yīng)用的顏色，按“確定”即可。

　　B、表格屬性設(shè)置：

　　在編輯窗口中選擇“普通”選項卡，在編輯區(qū)單擊右擊選擇“表格屬性”調(diào)出“表格屬性”對話框。

　　1． 布局：

　　即表格相對于整個網(wǎng)頁的布局。

“對齊方式”分別有“默認(rèn)”“左對齊”“右對齊”“水平居中”“兩端對齊”； “浮動”，分別有“默認(rèn)”“左對齊”“右對齊”三個選項；

（當(dāng)“對齊方式”和“浮動”相矛盾時，優(yōu)先選擇“浮動”設(shè)置。）“指定高度”和“指定寬度”：有“象素”和“百分比”兩種方式選擇，分別進(jìn)行絕對或者相對位置的設(shè)置； 2． 邊框：即表格邊框的設(shè)置。

　　粗細(xì)：指表格邊框的線條粗細(xì)，若“粗細(xì)”設(shè)置為“0”，則表格邊框不可見，即隱藏。數(shù)值越高，邊框越粗。

　　顏色：即表格邊框的顏色，可在下拉列表中選擇； “亮邊框”和“暗邊框”：對四面邊框分別進(jìn)行設(shè)置。其中“亮邊框”是指上邊框和左邊框，“暗邊框”是指右邊框和下邊框。

　　3． 背景：即對表格背景進(jìn)行設(shè)置。

　　有“顏色”和“背景圖片”兩個選擇。

　　C、單元格屬性設(shè)置：

　　在編輯窗口中選擇“普通”選項卡，在編輯區(qū)單擊右擊選擇“表格屬性”調(diào)出“單元格屬性”對話框。

“布局”中的對齊方式分為“水平對齊方式”和“垂直對齊方式”兩種，是指單元格中內(nèi)容的對齊方式，包括圖片和文本。

　　單元格的其他屬性設(shè)置與表格屬性設(shè)置基本相似。

　　二、超級鏈接

　　超鏈接是從一個網(wǎng)頁指向另一個目的端的鏈接，例如指向另一個網(wǎng)頁或者相同網(wǎng)頁上的不同位置。這個目的端通常是另一個網(wǎng)頁，也可是一一幅圖片，一個電子郵件地址，一個文件或者一個程序。超鏈接可以是文本或者圖片。

　　Frontpage設(shè)置了四種超鏈接的按鈕：使用web瀏覽器來選擇網(wǎng)頁或文件；制作一個指向本地計算機(jī)上文件的超鏈接；制作發(fā)送電子郵件的超鏈接；創(chuàng)建一個網(wǎng)頁并鏈接到該網(wǎng)頁。

　　A、插入超鏈接

　　1． 鏈接文本或圖片： 前提：有已經(jīng)做好的web頁面或圖像或文本，才可進(jìn)行鏈接；

　　步驟：選中要鏈接的文本或圖片——》單擊工具欄上的“超鏈接”按鈕或者在右鍵快捷菜單種選擇“超鏈接”——》在URL文本框中輸入地址或者利用“制作一個指向本地計算機(jī)上文件的超連接”按鈕來選擇要鏈接的文本或圖片——》確定。

　　2． 創(chuàng)建internet鏈接：打開“超鏈接”對話框，直接在URL文本框中填入要連接的internet地址，單擊確定即可。

　　3． 鏈接電子郵件：選擇要作為超鏈接的文本或者圖片，打開“超鏈接”對話框，單擊“信封”按鈕，輸入需要鏈接的郵箱地址，按“確定”即可。

　　注意：超鏈接的激活——在網(wǎng)頁編輯模式中切換到“預(yù)覽”模式，當(dāng)我們把鼠標(biāo)指向創(chuàng)建超鏈接的文本或圖片時，鼠標(biāo)變成手形，說明該圖像已經(jīng)具有了超鏈接，單擊即可實現(xiàn)切換；在“普通”模式中要激活超鏈接，必須按住ctrl鍵。B、超連接顏色設(shè)置

　　打開網(wǎng)頁屬性對話框“背景”選項卡——》啟用超鏈接翻轉(zhuǎn)效果：當(dāng)選擇該項時，可以對超鏈接效果進(jìn)行設(shè)置，即當(dāng)鼠標(biāo)移到超鏈接文字上時的文字格式?？梢援a(chǎn)生簡單的動態(tài)效果。

　　打開網(wǎng)頁屬性對話框“背景”選項卡——》超鏈接顏色設(shè)置，分為超鏈接、已訪問和當(dāng)前三種顏色設(shè)置。C、取消超鏈接

　　選中要取消超鏈接的文本或圖片，打開“超鏈接”對話框，將URL文本框中的內(nèi)容刪除，按“確定”即可。

　　三、插入多媒體

　　A、如何使用音頻

　　1． 插入音頻

　　利用插入，在播放多媒體時并不依賴插件，只和我們使用的瀏覽器有關(guān)。Internet explorer可以支持插入的音頻的播放。

　　步驟：打開“網(wǎng)頁屬性”對話框，在“常規(guī)”選項卡 “背景音樂”中單擊“瀏覽”按鈕，選擇要插入的音頻文件，單擊“確定”按鈕?？梢栽O(shè)置播放次數(shù)，默認(rèn)情況下時循環(huán)播放。用戶無法控制播放方式。

　　注意：可以插入的音頻文件格式有：wav mid ram ra aif au 2． 嵌入音頻

　　嵌入要使用插件來播放音頻文件，離開了插件，嵌入的文件就不能夠正常的播放。步驟：“插入”菜單——》高級——》插件

　　在打開的“插件”屬性對話框中單擊“數(shù)據(jù)源瀏覽”按鈕，選擇要播放的音頻文件（.），單擊“確定”即可。

　　在普通模式下，為了表示插入音頻的位置，frontpage會使用插頭標(biāo)記，而當(dāng)切換到預(yù)覽模式時，音樂就自動播放了，而且插頭變成了一個播放器。這個播放器的名字叫“active movie”。

　　可以通過右鍵的快捷菜單打開“插件屬性”對話框進(jìn)行有關(guān)設(shè)置，包括“數(shù)據(jù)源”、“瀏覽器不支持插件時顯示的消息”以及插件的大小、布局等，并可設(shè)置插件是否隱藏。

　　3．鏈接音頻 B、如何使用視頻

　　1． 插入視頻：

　　和音頻一樣必須瀏覽器支持才可以正常使用。

　　步驟：設(shè)置插入點——》插入——》圖片——》視頻

　　在打開的“視頻”對話框中選擇要插入的視頻文件，單擊“確定”。切換到預(yù)覽模式，視頻就自動播放了。

　　在插入的視頻上單擊鼠標(biāo)右鍵，選擇“圖片”屬性命令，單擊“視頻”選項卡，可以對插入的視頻進(jìn)行設(shè)置。

　　2． 嵌入視頻

　　步驟：設(shè)置插入電——》插入——》高級——》插件

　　在出現(xiàn)“插件屬性對話框”中單擊“數(shù)據(jù)源瀏覽”按鈕，選擇視頻文件，按“確定”。

　　和音頻文件一樣，嵌入的視頻文件需要使用插件來播放，因此用戶可以方便地控制媒體的播放。3． 鏈接視頻

用FrontPage制作網(wǎng)頁課件教程匯總3

　　用FrontPage制作網(wǎng)頁教程

【教學(xué)目標(biāo)】了解用FrontPage制作課件的優(yōu)勢與不足，學(xué)會用FrontPage制作網(wǎng)頁型課件。【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課件交互性的實現(xiàn)和網(wǎng)頁源代碼的應(yīng)用。

【教學(xué)策略】教師實例演示，學(xué)生上機(jī)操作，教師輔導(dǎo)和點評。

【媒體選擇】主要采用FrontPage示范課件和實際操作講解相結(jié)合，并輔以文字教材、網(wǎng)上學(xué)習(xí)資源和教學(xué)光盤?！窘虒W(xué)內(nèi)容】

　　一、FrontPage 基本操作

　　1.啟動 FrontPage ： 雙擊桌面上的 FrontPage 快捷方式圖標(biāo)； 開始→程序→ Microsoft FrontPage ；右擊一個擴(kuò)展名為 htm 或 html 網(wǎng)頁文件，選“編輯”。2.打開或隱藏視圖欄、文件夾列表和網(wǎng)頁文檔

　　A.點“視圖 → 視圖欄”打開或隱藏視圖欄。點“視圖 → 文件夾列表”打開或隱藏文件夾列表。

　　B.右擊 擴(kuò)展名為 htm 或 html 網(wǎng)頁文件（如 ），選“編輯”，系統(tǒng)默認(rèn)用 FrontPage 打開網(wǎng)頁。

　　C.點“文件 →打開”或點 常用工具欄中的“打開”按鈕，從本地磁盤或網(wǎng)絡(luò)驅(qū)動器中打開網(wǎng)頁文檔，從任意 Web 網(wǎng)站打開網(wǎng)頁，打開最近打開過的網(wǎng)頁文檔。3.在 FrontPage 編輯器中預(yù)覽網(wǎng)頁

　　A.點普通視圖按鈕，觀察剛才打開的 網(wǎng)頁。b.點 HTML 視圖按鈕，觀察 網(wǎng)頁。c.點預(yù)覽視圖按鈕，觀察 網(wǎng)頁。

視圖方式： 網(wǎng)頁視圖，文件夾視圖，報表視圖，導(dǎo)航視圖，超級鏈接接視圖，任務(wù)視圖。

　　5.保存網(wǎng)頁： 點“文件 →保存（另存為）”或點 常用工具欄中的“保存”按鈕，將新建的網(wǎng)頁或從萬維網(wǎng)上打開的網(wǎng)頁保存到本地磁盤，把自己喜歡的網(wǎng)頁作為模板保存。6.關(guān)閉網(wǎng)頁： 點“文件 →關(guān)閉”或文檔窗口 中的“ X ”按鈕，關(guān)閉當(dāng)前網(wǎng)頁。

　　二、網(wǎng)頁課件制作實例 1.創(chuàng)建站點

（1）在本地硬盤（如 D 盤）建一個文件夾 , 用英文或漢語拼音命名 , 如 myweb, 打開它。

（2）啟動 Microsoft FrontPage。

（3）點“文件 → 新建 → 站點” , 選擇“空站點”圖標(biāo)，再在“指定新站點的位置”欄中輸入新建的站點文件夾（D:myweb），或通過單擊“瀏覽”按鈕來指定。點“確定”后片刻，編輯區(qū)出現(xiàn)一個空站點。2.建立框架網(wǎng)頁

（1）點“文件 → 新建網(wǎng)頁”，選框架網(wǎng)頁”選項卡 , 雙擊“橫幅和目錄”。編輯區(qū)被劃分為上框架、左 框架和 右 框架 3 個區(qū)域。

（2）點上框架區(qū)中的“新建網(wǎng)頁”按鈕 , 切換到上框架網(wǎng)頁編輯狀態(tài) , 點“插入 → 組件 → 字幕” , 在“字幕文字”欄中輸入網(wǎng)頁課件的標(biāo)題 , 選“交替”表現(xiàn)方式和“連續(xù)”選項 , 確定。根據(jù)需要插入圖片、gif 動畫或 Flash 動畫。

（3）點左框架區(qū)中的“新建網(wǎng)頁”按鈕 , 切換到左框架網(wǎng)頁編輯狀態(tài) , 輸入表示課件目錄的文本，如“情境導(dǎo)入”、“新課”、“課堂練習(xí)”、“知識擴(kuò)展”、“課堂小結(jié)”、“網(wǎng)上學(xué)習(xí)資源”、“課外探究”等（或插入相應(yīng)的圖片）。（4）點右框架區(qū)中的“新建網(wǎng)頁”按鈕 , 切換到右框架網(wǎng)頁編輯狀態(tài) , 輸入前言文本，插入與課件主題相關(guān)的圖片或動畫。該頁相當(dāng)于課件的封面、前言或首頁。

（5）點常用工具欄上的“保存”按鈕，將彈出保存框架網(wǎng)頁的對話框（共 4 個）。注意框架網(wǎng)頁的命

　　名要與框架一一對應(yīng)起來，即 對應(yīng)上 框架 網(wǎng)頁，left_ 對應(yīng)左 框架 網(wǎng)頁，right_ 對應(yīng)右 框架網(wǎng)頁， 對應(yīng)整個 框架。3.建立內(nèi)容網(wǎng)頁

　　右擊“文件夾”窗格空白處 , 選“新建網(wǎng)頁” , 命名為“ ”。雙擊它，在右邊的編輯區(qū)制作完成“導(dǎo)入”網(wǎng)頁。點 常用工具欄上的 “保存”按鈕。用同樣的方法創(chuàng)建“新課”網(wǎng)頁 、“課堂練習(xí)”網(wǎng)頁 、“知識擴(kuò)展”網(wǎng)頁 、“課堂小結(jié)”網(wǎng)頁 、“網(wǎng)上學(xué)習(xí)資源”網(wǎng)頁 、“課外探究”網(wǎng)頁 。4.制作超鏈接

　　雙擊“文件夾”窗格中的 （主頁）, 在 左 框架網(wǎng)頁目錄區(qū)選中表示 “情境導(dǎo)入”的文本或圖片，右擊它，選“超鏈接”，在彈出的“插入超鏈接”對話框中選中 , 確認(rèn)目標(biāo)框架的默認(rèn)值為 main，點“確定”。用同樣的方法將“新課”與 、“課堂練習(xí)”與 、“知識擴(kuò)展”與 、“課堂小結(jié)”與 、“網(wǎng)上學(xué)習(xí)資源”與 、“課外探究”與 建立超鏈接關(guān)系。

　　點“預(yù)覽”按鈕，點左框架網(wǎng)頁目錄區(qū)的超鏈接，看它所對應(yīng)的網(wǎng)頁是否在右框架區(qū)正確地顯示。．完善課堂練習(xí)網(wǎng)頁

　　雙擊“文件夾”列表中的 ，在右 框架區(qū) 輸入練習(xí)題（例如一道有 A、B、C、D 四個選項的多項選擇題）。

　　右擊“文件夾”窗格空白處 , 選“新建網(wǎng)頁” , 命名為“ ”，該評價網(wǎng)頁存放回答正確的反饋信息。雙擊它，點“插入 → 圖片 → 來自文件” , 點“從計算機(jī)上選擇一個圖片文件”按鈕 , 選中合適的 gif 動畫文件 , 確定。彈出“保存嵌入式圖片”對話框，點“改變文件夾” , 選“ images ”文件夾(默認(rèn)存放站點圖片的文件夾)，點“確定”。在插入的 gif 動畫右側(cè)輸入表示鼓勵、贊賞的文本（如“您真行！”、“您真聰明！”）。點“保存”按鈕。用同樣的方法制作“ ”，該評價網(wǎng)頁存放回答錯誤的反饋信息?；氐秸n堂練習(xí)網(wǎng)頁 , 依次將 A、B、C、D 四個選項鏈接到評價網(wǎng)頁 , 目標(biāo)框架設(shè)“新建窗口”，即在新窗口中打開評價網(wǎng)頁。保存后預(yù)覽。

用FrontPage制作網(wǎng)頁課件教程匯總3篇 怎么用frontpage制作網(wǎng)頁相關(guān)文章：

★ ps網(wǎng)頁設(shè)計教程3篇 PS網(wǎng)頁設(shè)計制作教程

★ FrontPage制作簡單網(wǎng)頁高二公開課教案本站推薦3篇(frontpage制作網(wǎng)頁教程教案)

★ 網(wǎng)頁設(shè)計教程ASP入門教程靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁[模版]3篇(ASP動態(tài)網(wǎng)頁設(shè)計)

★ DreamweaverCS5自學(xué)教程第一課：網(wǎng)頁設(shè)計基礎(chǔ)3篇 dreamweaver網(wǎng)頁設(shè)計入門