您好,現(xiàn)在漢格來為大家解答以上的問題。初識frontpage，frontpage教程相信很多小伙伴還不知道,現(xiàn)在讓我們一起來看看吧！
1、現(xiàn)在進入FrontPage。
2、單擊任務(wù)欄“開始”按鈕，選擇“程序”選項，單擊“Microsoft FrontPage”選項就可以了。
3、 可能你會發(fā)現(xiàn)FrontPage界面和Word很相似[圖2-1]，這是因為編輯WEB頁面和編輯Word文檔有很多同樣的設(shè)置，這些設(shè)置所用的圖標(biāo)和Word中的是一樣的。
4、 [圖2-1]FrontPage2000 界面 視圖中的組框是用來切換視圖的，單擊里面的小圖標(biāo)就可以切換到不同的視圖。
5、FrontPage共有6種視圖[如圖2-1左]，使用不同的視圖可以從不同的側(cè)面查看設(shè)計的WEB站點。
6、對一個WEB站點而言，不斷更新是很重要的。
7、隨著站點的成長，維護站點的工作量會越來越大。
8、建立站點可能很快，但是如果沒有這6種視圖的幫助，維護起來就很困難了。
9、 這些視圖的使用不用一下就全部掌握，只要知道有這些視圖就可以了。
10、 2.視圖與模式(二) 下面看一看同一個WEB站點在不同視圖中是怎樣顯示的。
11、 (1)單擊“網(wǎng)頁”按鈕，切換到網(wǎng)頁視圖，再單擊工具欄上的“文件夾列表”按鈕 ，窗口中增加了一個文件夾列表框[圖2-2]。
12、網(wǎng)頁視圖是用來顯示選中的網(wǎng)頁的，雙擊文件夾列表中的某一個HTM文件，在最右方的工作區(qū)中就會顯示該網(wǎng)頁的內(nèi)容。
13、 注意，此時工作區(qū)的左下角有三個切換顯示模式的選項卡[圖2-3]。
14、單擊“普通”選項卡，就切換到了普通模式。
15、在普通模式可以編輯網(wǎng)頁的內(nèi)容以及設(shè)置各種格式。
16、單擊“預(yù)覽”選項卡就到了預(yù)覽模式。
17、如果要看一看當(dāng)前編輯的文件在瀏覽器中的顯示情況，就使用預(yù)覽模式，在預(yù)覽模式下，是不能編輯網(wǎng)頁的。
18、也可以切換到HTML模式直接對網(wǎng)頁對應(yīng)的HTML文本文件進行編輯，從而為網(wǎng)頁作一些特殊的設(shè)置，前提是你要懂一點HTML語言(在教程附錄中有相關(guān)說明)。
19、 (2)文件夾視圖以列表的形式給出了當(dāng)前WEB站點的文件夾和文件夾里包含的文件[圖2-4]。
20、由于一個WEB站點要涉及到許多文件，因此將這些文件分類并分別放到不同的文件夾就很有必要。
21、比如，可以把所有的圖形文件放入IMAGES文件夾。
22、FrontPage還提供了一個_PRIVATE文件夾，用來存放一些對網(wǎng)絡(luò)瀏覽者不可見的信息。
23、下面為當(dāng)前站點再添加一個SOUND文件夾，用來存放WEB站點用到的聲音文件：選中站點的根目錄，然后單擊“文件”菜單的“新建”項，在彈出的子菜單中選擇“文件夾”命令。
24、在輸入SOUND，新文件夾就建立好了[圖2-5]。
25、 其實一個站點實際上就是一個目錄，在這個目錄下可以建立許多子目錄，并將站點的各種文件放在這些目錄里。
26、 (3)報表視圖給出了當(dāng)前站點的一些統(tǒng)計信息。
27、這里可以知道在站點的目錄中哪些文件被鏈接進站點了，哪些沒有。
28、 (4)導(dǎo)航視圖可以方便地組織站點中各網(wǎng)頁的層次關(guān)系，在本視圖中，每一個頁框代表一個網(wǎng)頁。
29、如果站點設(shè)置了導(dǎo)航功能，就可以先在這里設(shè)置好各網(wǎng)頁的層次關(guān)系，然后用導(dǎo)航欄把這種層次關(guān)系表現(xiàn)出來。
30、 (5)超鏈接視圖是用來察看選中網(wǎng)頁中設(shè)置的超鏈接的。
31、通過它可以方便地知道在網(wǎng)頁中設(shè)置了多少超級鏈接，以及是什么類型的鏈接。
32、 (6)任務(wù)視圖里放著關(guān)于站點維護的任務(wù)列表，如果站點大到由許多人共同維護，他們就可以通過任務(wù)列表知道工作的進展情況了。
33、 3.創(chuàng)建網(wǎng)頁 這一節(jié)我們討論怎樣創(chuàng)建頁面。
34、 創(chuàng)建頁面最簡單的方法就是單擊FrontPage“常用”工具欄的“新建”按鈕。
35、它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。
36、默認狀態(tài)下是新建網(wǎng)頁。
37、 如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。
38、不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。
39、 單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FrontPage提供的許多網(wǎng)頁模板[圖2-6]，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。
40、在右下角的預(yù)覽框里可以看到選中模板的外觀。
41、選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。
42、然后點確定。
43、 使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。
44、 4.修飾文本 怎樣使文字更豐富、活潑呢?一個簡單的方法就是使用“格式”工具欄。
45、 字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。
46、如果瀏覽網(wǎng)頁的人使用的計算機沒有設(shè)置的字體?瀏覽器會用系統(tǒng)默認的字體代替你設(shè)置的字體。
47、不過，使用常用字體是一個好習(xí)慣。
48、 字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了。
49、 工具欄上的B、I、U圖標(biāo)的作用是： 按下B按鈕，被選中的文字就會變?yōu)榇煮w. 按下I按鈕，被選中的文字就會變?yōu)樾斌w. 按下u按鈕，被選中的文字就會帶下畫線. 字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭[圖2-9]，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>
50、 還可以對字體進行一些其他設(shè)置。
51、選擇“格式”菜單的“字體”命令，在這里我們還可以作進一步的設(shè)置。
52、這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。
53、 “字符間距”選項卡：它是用來設(shè)置文字的間距的。
54、單擊“間距”下拉列表，可以選擇字符的間距是普通、擴充還是緊縮的。
55、選擇擴充，這時預(yù)覽框的文字間距就變大了。
56、也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。
57、 “定位”下拉列表：在FrontPage中每一行都有一個底線，定位就是指文字相對于底線的距離。
58、也就是把文字上下移動，現(xiàn)在選擇“上移”，文字就向上移動了。
59、預(yù)覽框中的黑線就是行的底線。
60、 5.項目符號和編號 設(shè)計網(wǎng)頁應(yīng)該層次分明，結(jié)構(gòu)清晰。
61、這可以通過FrontPage的列表功能解決。
62、 選中要列表的內(nèi)容，單擊“格式”工具欄上的“項目符號”按鈕 ，默認情況下，項目符號是一個小黑點。
63、你也可以選擇其它的項目符號，單擊“格式”菜單，選擇“項目符號和編號”命令。
64、選擇“圖片項目符號”選項卡，單擊“瀏覽”按鈕，點“剪貼畫”，再點Web符號按鈕，選擇合適的圖片，單擊“確定”按鈕。
65、 對有順序的內(nèi)容列表可以使用編號。
66、單擊“格式”菜單的“編號”按鈕 。
67、現(xiàn)在有一個問題，“站點的主題”、“站點的共享邊框”兩行是屬于“設(shè)計站點風(fēng)格”的內(nèi)容，可是也編號了。
68、解決的方法是把這兩項選中，單擊工具欄上的“增加縮進”按鈕 ，再次單擊“增加縮進”按鈕，這樣就可以了[圖2-12]。
69、要把這兩項改為其他編號方式，可以選擇“格式”菜單的“項目符號和編號按鈕”，在編號框里選擇合適的編號形式，單擊“確定”按鈕。
70、 怎樣解決列表分級太多而顯得不簡潔的問題?方法是把子列表折疊起來，稱為“折疊大綱”。
71、將鼠標(biāo)光標(biāo)移到要折疊的列表的上一級處，單擊鼠標(biāo)右鍵，選擇“列表屬性”命令，將“啟用折疊大綱”和“開始時折疊復(fù)選框”選中，單擊“確定”按鈕。
72、 打開它時只要單擊它就打開了。
73、 6.插入水平線 在網(wǎng)頁中適時的插入水平線可以使層次分明。
74、最簡單的方法是插入水平線使需要分隔的部分分開。
75、把插入點調(diào)整到插入水平線的位置，選擇“插入”菜單的“水平線”命令。
76、 雙擊插入的線條，在彈出的“水平線屬性”對話框里單擊“顏色”下拉列表， 選擇相應(yīng)的顏色，可以改變線條顏色。
77、在對話框中有“窗口寬度百分比”和“像素”選項，它們的作用是通過調(diào)整寬度數(shù)值設(shè)置線條的寬度，但是這個數(shù)值的單位卻是由它后面的選擇決定，調(diào)整“高度”的數(shù)值，可以改變線條高度。
78、 單擊水平線，選中它。
79、按ALT+ENTER鍵，也可直接進入水平線對話框。
80、 水平線變化有限，裝飾性不強。
81、我們還可以插入更豐富的線條來修飾頁面，那就是線條圖像。
82、 線條圖像就是一個特別狹長的圖像。
83、將水平線選中，按DEL鍵，將水平線刪除，選擇“插入”菜單的“圖片”命令，單擊“剪貼畫”選項。
84、選擇“圖片”選項卡，這里把FrontPage提供的剪貼畫按類別放在了下面的列表框中，選擇“WEB框架”，選擇小石頭圖像，單擊“插入剪輯”按鈕。
85、由小石頭構(gòu)成的線條就插入完成了。
86、 如果想把線條縮短一點，可以在線條上單擊鼠標(biāo)右鍵，選擇“圖像屬性”命令，打開“圖片屬性”對話框，選擇“外觀”選項卡，選擇“指定大小”，將寬度的單位設(shè)置為百分比，將寬度調(diào)整為80，單擊“確定”按鈕。
87、 7.插入時間標(biāo)記 在Internet上我們經(jīng)?？吹皆S多網(wǎng)頁上都有一個最新更新日期，用來告訴用戶頁面上一次更新是什么時候，這是怎么做的呢?看完下面的部分你就知道了。
88、 時間標(biāo)記當(dāng)活動網(wǎng)頁被重新編輯或自動更新之后，會自動改變。
89、設(shè)置起來也很容易：在頁面末尾輸入：“更新時間”，執(zhí)行“插入”菜單的“日期與時間”命令，在“日期時間屬性”對話框中選擇“該網(wǎng)頁上次編輯日期”，如果要改變?nèi)掌诘母袷?，可以單擊“日期格式”下拉列表，選擇合適的格式。
90、 8.插入注釋 怎么在網(wǎng)頁里插入注釋呢?(在我們創(chuàng)建編輯和修改網(wǎng)頁的過程中，經(jīng)常需要插入一些文字，表明設(shè)計的意圖和方法，在編輯網(wǎng)頁時作為參考和提示，這就是注釋。
91、) 插入注釋的方法是：普通模式下單擊當(dāng)前網(wǎng)頁要插入注釋的位置，把插入點設(shè)置到那里。
92、選擇“插入菜單”的“注釋”命令，這樣就會彈出“注釋”對話框，在“注釋”文本框中輸入注釋的內(nèi)容，單擊“確定”按鈕。
93、 在指定的位置注釋出現(xiàn)了。
94、現(xiàn)在單擊“預(yù)覽”選項卡，切換到預(yù)覽模式，注釋沒有出現(xiàn)。
95、 實際上注釋并不是在瀏覽器中顯示的網(wǎng)頁的一部分，瀏覽者通過瀏覽器是看不到網(wǎng)頁里的注釋的。
96、 9.預(yù)覽新建頁面 設(shè)計好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
97、 方法是，一般只要切換到預(yù)覽模式就可以了。
98、單擊“預(yù)覽”選項卡，在這個預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。
99、但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。
100、因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。
101、比如在Internet Explorer中是這樣顯示的，但是在Netscape中又是那樣顯示的。
102、所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網(wǎng)頁的兼容性。
103、 怎么用不同的瀏覽器來檢查呢?選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項，在瀏覽器列表框中選擇不同的瀏覽器[圖2-18]。
104、(以Internet Explorer 5.0為例)單擊“確定”按鈕。
105、就可以看到新建頁面在瀏覽器中的效果了。
106、 這一部分內(nèi)容很簡單，但是這些內(nèi)容在制作網(wǎng)頁的過程中幾乎每次都會用到，“萬丈高樓平地起”，不要小看這些最基本的操作呀。
本文就為大家分享到這里，希望小伙伴們會喜歡。