FrontPage2003教程

1、FrontPage2003教程一、新建網(wǎng)站 （提示：如果圖片覺(jué)得小，將鼠標(biāo)移到圖片上，向上滾動(dòng)鼠標(biāo)滾輪，圖片會(huì)放大） 打開(kāi)FrontPage2003 點(diǎn)擊新建菜單命令會(huì)彈出一個(gè)對(duì)話框，有不同的模板供選擇。選擇你想要的一個(gè)，然后確定，會(huì)自動(dòng)生成一個(gè)網(wǎng)站。 此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：二、新建一個(gè)空白網(wǎng)頁(yè) 你也可選擇新建空白網(wǎng)頁(yè)，或點(diǎn)新建工具按鈕。當(dāng)然，這上面的內(nèi)容你要自己編輯。 三、打開(kāi)一個(gè)網(wǎng)站 點(diǎn)擊打開(kāi)網(wǎng)站 此主題相關(guān)圖片如下：四、瀏覽網(wǎng)頁(yè) “文件”“瀏覽”有幾個(gè)選項(xiàng)（不同分辨率） 此主題相關(guān)圖片如下：五、編輯方式 有“設(shè)計(jì)”“拆分”“代碼”“瀏覽” 此主題相關(guān)圖片如下：此主題相關(guān)

2、圖片如下：此主題相關(guān)圖片如下：六、插入WEB組件 WEB組件中有很多常用的功能，你自己去試各項(xiàng)。 此主題相關(guān)圖片如下：七、插入圖片 有兩種情況:1、插單個(gè)圖片，可在菜單上直接用；2、插入圖片庫(kù)，也可插入WEB組件中，可插隊(duì)入圖片庫(kù)。有三種形式（自己試一下，因?yàn)橛蓄A(yù)瀏）。 此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：八、插入“互動(dòng)按鈕”，互動(dòng)按鈕可以有三種形式，鼠標(biāo)經(jīng)過(guò)，按過(guò)，沒(méi)按。 可選形式，在文本的文本框中將按鈕文本換成你要的文本。如：首頁(yè) 此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：還可改變文本的屬性，字體顏色，等。有初始顏色，經(jīng)過(guò)顏色，按下顏色。 此主題相關(guān)圖片如下：九、在網(wǎng)頁(yè)中插入已有的網(wǎng)頁(yè)

3、如果新建的網(wǎng)頁(yè)，內(nèi)容想用現(xiàn)存的，只須插入已有的網(wǎng)頁(yè)就行了。比較簡(jiǎn)便。 此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：十、書(shū)簽鏈接 有時(shí)的鏈接，不是和另一個(gè)網(wǎng)頁(yè)鏈接，而是和頁(yè)面中某一段鏈接，或另一頁(yè)面的一段鏈接。這種方法用在“標(biāo)題和內(nèi)容”之間鏈接最方便。 1、選擇：菜單、插入、書(shū)簽（被鏈接的內(nèi)容）（一般自動(dòng)生成名字，你也可以自己指定名字）此主題相關(guān)圖片如下：2、制作到書(shū)簽的鏈接（標(biāo)題）此主題相關(guān)圖片如下：3、選擇右邊的“書(shū)簽”此主題相關(guān)圖片如下：4、找到書(shū)簽名此主題相關(guān)圖片如下：十一、創(chuàng)建一個(gè)超鏈接1、選中要建立超鏈接的文字或圖片。 2、右鍵，彈出菜單，點(diǎn)擊“超鏈接” 此主題相關(guān)圖片如下：3、在彈出的

4、對(duì)話框中選中被鏈接的網(wǎng)頁(yè)或圖片或其他（注：如是下載軟件選中它） 此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：4、當(dāng)然，最后是點(diǎn)擊“確定”十二、插入表格 1、點(diǎn)擊菜單中“表格”再“插入”再移到“表格”單擊“表格”此主題相關(guān)圖片如下：2、在彈出的對(duì)話框中有幾項(xiàng)值是要注意的： a、表格的“行數(shù)”和“列數(shù)” b、“指定寬度”和“指定高度”如果是用固定寬和高填寫數(shù)字，如果是頁(yè)面隨屏幕變化的選100% c、“使用背景圖片”點(diǎn)擊“瀏覽”找到圖片 d、“對(duì)齊方式”用“默認(rèn)” e、“浮動(dòng)”方式用“默認(rèn)” f、“邊框”是表格寬度如果選“零”則不顯示表格否則顯示你選或填的數(shù)字的寬度。 g、“單元格間

5、距”是表格線本身的襯距，如：3時(shí)，表格線兩根之間距為3。 h、“單元格間距”是表格中文字到框的距離。 i、當(dāng)然還有顏色。此主題相關(guān)圖片如下： 十三、建立網(wǎng)站鏈接這個(gè)功能和共享邊框一起使用。 1、在編輯區(qū)下方有一個(gè)選項(xiàng)“鏈接”點(diǎn)擊它。此主題相關(guān)圖片如下：進(jìn)入建立鏈接面頁(yè) 2、修改“新建網(wǎng)頁(yè)”為“主頁(yè)” 此主題相關(guān)圖片如下：3、添加“新建網(wǎng)頁(yè)”新建一個(gè)網(wǎng)頁(yè)或“已有的網(wǎng)頁(yè)”已存在的網(wǎng)頁(yè)，點(diǎn)擊找到被鏈接的網(wǎng)頁(yè)。 此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：還可修改新建網(wǎng)頁(yè)為你想要的中文名。十四、新建自定義鏈接 默認(rèn)鏈接有時(shí)不夠用，可以建自定義鏈接，獨(dú)立于默

6、認(rèn)。在插入鏈接時(shí)有兩個(gè)選項(xiàng)：一個(gè)是默認(rèn)，另一個(gè)是自定義鏈接。 自定義鏈接可以放在主頁(yè)下面，也可以放在獨(dú)立的地方。下圖一中的“娛樂(lè)”就是放在主頁(yè)下的。圖二中的新建成鏈接欄是獨(dú)立的。 此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：當(dāng)然你還可以在自定義下面添加下層鏈接。 十五、共享邊框 1、啟用 “工具”“網(wǎng)頁(yè)選項(xiàng)”“創(chuàng)作”選中“共享邊框” 此主題相關(guān)圖片如下：2、“格式”中選中“共享邊框”在對(duì)話框中（注：若想損事，選：所有網(wǎng)頁(yè)）設(shè)置選項(xiàng)“上、左、右、下”（可以自定） 此主題相關(guān)圖片如下：3、在自動(dòng)出現(xiàn)的共享邊框中編輯鏈接欄屬性此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：4、最后的效果 此

7、主題相關(guān)圖片如下：5、和上一講的鏈接欄配合使用，當(dāng)你每添加一個(gè)網(wǎng)頁(yè)在鏈接欄中會(huì)自動(dòng)生成上面的效果十六、在網(wǎng)頁(yè)中插入“鏈接欄” 1、光標(biāo)在要插入鏈接欄的地方或選中共享邊框 2、點(diǎn)擊“插入”（或是編輯“鏈接欄”屬性），Web組件，找到“鏈接欄”，有兩個(gè)選項(xiàng)：基于導(dǎo)航結(jié)構(gòu)的鏈接欄；自定義鏈接欄 此主題相關(guān)圖片如下：3、點(diǎn)下一步此主題相關(guān)圖片如下：4、選擇“樣式”，有多種，自定。此主題相關(guān)圖片如下：可以選中“使用鮮艷顏色”和“使用動(dòng)態(tài)圖形” 此主題相關(guān)圖片如下：5、再選擇“橫向”或“縱向”此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：6、點(diǎn)“完成”進(jìn)入“屬性”可以選中“主頁(yè)”最后點(diǎn)確定。此主題相關(guān)圖片如下：7、最后效果 此主題相關(guān)圖片如下：8、請(qǐng)注意：鏈接欄的屬性文件夾在_borders中，下面的幾個(gè)文件就是，你還可以對(duì)不滿意的重新進(jìn)行編輯。top.htm是頂上的，left.htm是左邊的，bottom.htm是下面的，right.htm上右邊的 此主題相關(guān)圖片如下：十七、插入“動(dòng)態(tài)文字” 1、WEB組件中此主題相關(guān)圖片如下：2、在文字欄中寫入你的文本此主題相關(guān)圖片如下：3、還可以修改“樣式”此主題相關(guān)圖片如下：十八、插