Frontpage2000教程 第 二 課 編輯網(wǎng)頁(yè).doc

該內(nèi)容由 吃什么可以豐胸 站長(zhǎng)轉(zhuǎn)載上傳Frontpage2000教程 第 二 課編輯網(wǎng)頁(yè)視圖與模式（一）現(xiàn)在進(jìn)入FRONTPAGE。單擊任務(wù)欄“開(kāi)始”按鈕，選擇“程序”選項(xiàng)，單擊“MICROSOFT FRONTPAGE”選項(xiàng)就可以了。 可能你會(huì)發(fā)現(xiàn)FRONTPAGE界面和WORD很相似圖一，這是因?yàn)榫庉媁EB頁(yè)面和編輯WORD文檔有很多同樣的設(shè)置，這些設(shè)置所用的圖標(biāo)和WORD中的是一樣的。 圖一FrontPage2000 界面 視圖中的組框是用來(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è)”按鈕，切換到網(wǎng)頁(yè)視圖，再單擊工具欄上的“文件夾列表”按鈕，窗口中增加了一個(gè)文件夾列表框圖一。網(wǎng)頁(yè)視圖是用來(lái)顯示選中的網(wǎng)頁(yè)的，雙擊文件夾列表中的某一個(gè)HTM文件，在最右方的工作區(qū)中就會(huì)顯示該網(wǎng)頁(yè)的內(nèi)容。圖一網(wǎng)頁(yè)視圖注意，此時(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模式直接對(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)，在彈出的子菜單中選擇“文件夾”命令。在輸入SOUND，新文件夾就建立好了圖四。圖三文件列表圖四文件列表其實(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)系表現(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è)。如果要新建網(wǎng)頁(yè)，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過(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)始編輯，這樣就省力很多。修飾文本怎樣使文字更豐富、活潑呢？一個(gè)簡(jiǎn)單的方法就是使用“格式”工具欄。字體設(shè)置：選上文字，打開(kāi)格式工具欄的“字體”下拉列表框圖一，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁(yè)的人使用的計(jì)算機(jī)沒(méi)有設(shè)置的字體？瀏覽器會(huì)用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過(guò)，使用常用字體是一個(gè)好習(xí)慣。圖一字體設(shè)置下拉列表字號(hào)設(shè)置：在“格式”工具欄“字號(hào)”下拉列表框中選擇相應(yīng)字體就可以了圖二。工具欄上的B、I、U圖標(biāo)的作用是：按下B按鈕，被選中的文字就會(huì)變?yōu)榇煮w按下I按鈕，被選中的文字就會(huì)變?yōu)樾斌w按下u按鈕，被選中的文字就會(huì)帶下畫(huà)線字的顏色：?jiǎn)螕簟案袷健惫ぞ邫凇白煮w顏色”按鈕旁的向下箭頭圖三，選擇適當(dāng)?shù)念伾?，字的顏色就改變了。圖二字號(hào)設(shè)置圖三字的顏色還可以對(duì)字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果?！白址g距”選項(xiàng)卡圖四：它是用來(lái)設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來(lái)改變間距，輸入10，文字的間距就更大了?！岸ㄎ弧毕吕斜恚涸贔RONTPAGE中每一行都有一個(gè)底線，定位就是指文字相對(duì)于底線的距離。也就是把文字上下移動(dòng)，現(xiàn)在選擇“上移”，文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。圖四字符間距選項(xiàng)卡項(xiàng)目符號(hào)和編號(hào)設(shè)計(jì)網(wǎng)頁(yè)應(yīng)該層次分明，結(jié)構(gòu)清晰。這可以通過(guò)FRONTPAGE的列表功能解決。選中要列表的內(nèi)容，單擊“格式”工具欄上的“項(xiàng)目符號(hào)”按鈕，默認(rèn)情況下，項(xiàng)目符號(hào)是一個(gè)小黑點(diǎn)。你也可以選擇其它的項(xiàng)目符號(hào)，單擊“格式”菜單，選擇“項(xiàng)目符號(hào)和編號(hào)”命令。選擇“圖片項(xiàng)目符號(hào)”選項(xiàng)卡圖一，單擊“瀏覽”按鈕，點(diǎn)“剪貼畫(huà)”，再點(diǎn)Web符號(hào)按鈕，選擇合適的圖片，單擊“確定”按鈕。圖一圖片項(xiàng)目符號(hào)選項(xiàng)卡設(shè)置縮進(jìn)：?jiǎn)螕艄ぞ邫谏系摹翱s進(jìn)”按鈕。對(duì)有順序的內(nèi)容列表可以使用編號(hào)。單擊“格式”菜單的“編號(hào)”按鈕?，F(xiàn)在有一個(gè)問(wèn)題，“站點(diǎn)的主題”、“站點(diǎn)的共享邊框”兩行是屬于“設(shè)計(jì)站點(diǎn)風(fēng)格”的內(nèi)容，可是也編號(hào)了。解決的方法是把這兩項(xiàng)選中，單擊“增加縮進(jìn)”按鈕，再次單擊“增加縮進(jìn)”按鈕，這樣就可以了圖二。要把這兩項(xiàng)改為其他編號(hào)方式，可以選擇“格式”菜單的“項(xiàng)目符號(hào)和編號(hào)按鈕”，在編號(hào)框里選擇合適的編號(hào)形式，單擊“確定”按鈕。圖二怎樣解決列表分級(jí)太多而顯得不簡(jiǎn)潔的問(wèn)題？方法是把子列表折疊起來(lái)，稱為“折疊大綱”。將鼠標(biāo)光標(biāo)移到要折疊的列表的上一級(jí)處，單擊“設(shè)計(jì)站點(diǎn)風(fēng)格”，單擊鼠標(biāo)右鍵，選擇“列表屬性”命令，將“啟用折疊大綱”和“開(kāi)始時(shí)折疊復(fù)選框”選中，單擊“確定”按鈕。 打開(kāi)它時(shí)只要單擊它就打開(kāi)了。插入水平線在網(wǎng)頁(yè)中適時(shí)的插入水平線可以使層次分明。最簡(jiǎn)單的方法是插入水平線使需要分隔的部分分開(kāi)。把插入點(diǎn)調(diào)整到插入水平線的位置，選擇“插入”菜單的“水平線”命令。改變線條顏色，雙擊插入的線條，在彈出的“水平線屬性”對(duì)話框里單擊“顏色”下拉列表圖一， 選擇相應(yīng)的顏色，單擊“確定”按鈕。圖一水平線屬性在對(duì)話框中有“窗口寬度百分比”和“像素”選項(xiàng)圖一，它們的作用是通過(guò)調(diào)整寬度數(shù)值設(shè)置線條的寬度，但是這個(gè)數(shù)值的單位卻是由它后面的選擇決定。比如現(xiàn)在選擇的是窗口寬度百分比，就表示線條的寬度就是由它占所在瀏覽器窗口的寬度的百分比來(lái)決定的。如果我們選擇像素就表示線條寬度是100像素。單擊水平線，選中它。按ALT+ENTER鍵，直接進(jìn)入水平線對(duì)話框，調(diào)整“線條高度”為5個(gè)象素，單擊“確定”按鈕。線條高度就變高了。水平線變化有限，裝飾性不強(qiáng)。我們還可以插入更豐富的線條來(lái)修飾頁(yè)面，那就是線條圖像。 線條圖像就是一個(gè)特別狹長(zhǎng)的圖像。將水平線選中，按DEL鍵，將水平線刪除，選擇“插入”菜單的“圖片”命令，單擊“剪貼畫(huà)”選項(xiàng)。選擇“圖片”選項(xiàng)卡，這里把FRONTPAGE提供的剪貼畫(huà)按類(lèi)別放在了下面的列表框中，選擇“WEB框架”圖二，選擇小石頭圖像，單擊“插入剪輯”按鈕。由小石頭構(gòu)成的線條就插入完成了。圖二剪貼畫(huà)庫(kù)如果想把線條縮短一點(diǎn)，可以在線條上單擊鼠標(biāo)右鍵，選擇“圖像屬性”命令，打開(kāi)“圖片屬性”對(duì)話框，選擇“外觀”選項(xiàng)卡圖三，選擇“指定大小”，將寬度的單位設(shè)置為百分比，將寬度調(diào)整為80，單擊“確定”按鈕。圖三圖片屬性插入時(shí)間標(biāo)記在INTERNET上我們經(jīng)?？吹皆S多網(wǎng)頁(yè)上都有一個(gè)最新更新日期，用來(lái)告訴用戶頁(yè)面上一次更新是什么時(shí)候，這是怎么做的呢？看完下面的部分你就知道了。時(shí)間標(biāo)記當(dāng)活動(dòng)網(wǎng)頁(yè)被重新編輯或自動(dòng)更新之后，會(huì)自動(dòng)改變。設(shè)置起來(lái)也很容易：在頁(yè)面末尾輸入：“更新時(shí)間”，執(zhí)行“插入”菜單的“日期與時(shí)間”命令，在“日期時(shí)間屬性”對(duì)話框中選擇“該網(wǎng)頁(yè)上次編輯日期”圖一，如果要改變?nèi)掌诘母袷?，可以單擊“日期格式”下拉列表，選擇合適的格式。圖一時(shí)間日期屬性插入注釋怎么在網(wǎng)頁(yè)里插入注釋呢？（在我們創(chuàng)建編輯和修改網(wǎng)頁(yè)的過(guò)程中，經(jīng)常需要插入一些文字，表明設(shè)計(jì)的意圖和方法，在編輯網(wǎng)頁(yè)時(shí)作為參考和提示，這就是注釋。）插入注釋的方法是：普通模式下單擊當(dāng)前網(wǎng)頁(yè)要插入注釋的位置，把插入點(diǎn)設(shè)置到那里。選擇“插入菜單”的“注釋”命令，這樣就會(huì)彈出“注釋”對(duì)話框圖二，在“注釋”文本框中輸入注釋的內(nèi)容，單擊“確定”按鈕。圖二注釋對(duì)話框在指定的位置注釋出現(xiàn)了。現(xiàn)在單擊“預(yù)覽”選項(xiàng)卡，切換到預(yù)覽模式，注釋沒(méi)有出現(xiàn)。 實(shí)際上注釋并不是在瀏覽器中顯示的網(wǎng)頁(yè)的一部分，瀏覽者通過(guò)瀏覽器是看不到網(wǎng)頁(yè)里的注釋的。預(yù)覽新建頁(yè)面設(shè)計(jì)好的頁(yè)面，應(yīng)該檢查它在瀏覽器中是否顯示正常。方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡，在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來(lái)檢查編輯的網(wǎng)頁(yè)了。因?yàn)榧词故峭粋€(gè)頁(yè)面，可能在不同的瀏覽器中顯示會(huì)不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NE