可以使用預定義的模板創建網頁,也可以在沒有模板的空白頁上設計網頁。創建新頁面的步驟如下:
在Web視圖中,選擇文件菜單中的新建命令,然後從其子菜單中選擇Web命令,打開新建對話框,如圖所示。
如果用戶要創建的網頁是框架,從“框架網頁”選項卡中選擇壹種框架樣式;否則,從“常規”選項卡中選擇所需的樣式,然後單擊“確定”。如果要創建空白網頁,可以在對話框的“常規”選項卡中選擇“普通網頁”項,或者直接單擊常用工具欄中的“新建網頁”按鈕。
建議逐壹試用FrontPage提供的各種模板,以便熟悉。以後可以自由使用模板創建常規網頁,可以節省很多時間。
1.將圖形插入網頁
圖片往往比大量的文字更有吸引力和說服力。在網頁中適當添加圖片會豐富網頁,但是添加過多的圖片會減慢頁面的下載速度,尤其是對於通過調制解調器訪問網頁的用戶。大部分圖形都是壓縮格式,有些調制解調器沒有壓縮功能,比較慢。因此,用戶在添加圖片時要慎重選擇和規劃。雖然圖形可以使網頁更有趣,但要適度使用(使用較少的顏色,減少圖形的高度和寬度或裁剪圖形,降低圖形的分辨率,盡可能減小圖形文件的大小,如使用壓縮文件類型)。
網頁中使用的兩種圖片格式分別是GIF和JPEG。用戶可以在“插入”菜單中選擇“圖片”命令,然後從子菜單中選擇“來自文件”命令來打開“圖片”對話框,該對話框提供掃描、使用Web瀏覽器選擇網頁或文件、剪貼畫以及在計算機上選擇壹個。
對於壹些非GIF和JPEC格式的圖片,FrontPage可以自動將這些文件轉換為GIF或JPEG格式。
2.在網頁中插入壹條水平線。
水平線可以在網頁上清晰地定義邊界,在用戶網頁的布局中起著重要的作用。添加壹條水平線,可通過從“插入”菜單中選擇“水平線”來添加。默認情況下,水平線是灰色的,用戶可以像更改文本顏色壹樣更改水平線的顏色。有兩種方法可以改變水平線的顏色(沒有主題):
(1)雙擊水平線以顯示“水平線特性”對話框。在對話框的“顏色”項中,選擇下拉列表,選擇合適的顏色,然後單擊“確定”按鈕。
(2)用鼠標右鍵單擊這條水平線,從快捷菜單中選擇“水平線屬性”命令,然後從對話框中選擇合適的顏色。
使用框架
框架將Web瀏覽器的窗口分成幾個部分,每個部分都是壹個獨立的網頁,這樣就可以同時顯示多個頁面。
您可以使用FrontPage輕松創建多框架網頁。要創建帶框架的網頁,可以從“文件”菜單的“新建”子菜單中選擇“網頁”命令,彈出“新建”對話框,選擇“帶框架的網頁”選項卡。
您可以從左側列表中選擇不同類型的框架模板。選擇模板後,單擊“確定”創建帶有框架的網頁。
創建框架網頁時,需要註意的是有些瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶很少,但是為了保證這些用戶仍然可以瀏覽網站上的內容,妳可以填寫文字告訴低版本瀏覽器的用戶,比如要求他們更換瀏覽器。
在新建框架的窗口中,點擊“設置初始頁面”按鈕會彈出“創建超鏈接”對話框,可以鏈接到指定的頁面;單擊“新建網頁”按鈕將創建壹個新頁面,然後在其中編輯頁面。在編輯頁面時,如果覺得頁面在狹窄的框架中過於擁擠,可以選擇框架菜單中的“在新窗口中打開網頁”命令,這樣會打開壹個新的全屏窗口,您可以自由地向頁面添加內容。
利用FrontPage的框架頁面模板引入網頁上的框架布局,可以在此基礎上根據需要進壹步設計。
1,添加新框架
要在框架頁面中添加新的框架,就要像拆分表格中的單元格壹樣,將壹個框架分成兩個框架。其操作如下:
(1)按住Ctrl鍵並將鼠標放在框架邊框上。當鼠標變為上下箭頭時,您可以將框架拖動到新位置。釋放鼠標按鈕時,會形成壹個包含空白內容的新框架。
(2)也可以通過命令操作:首先點擊要拆分的框架內部,在框架菜單中選擇拆分框架命令,在彈出的拆分框架對話框中點擊拆分框架單選按鈕,然後點擊確定即可。
2.刪除框架
如果框架頁面看起來太亂,可以刪除壹些框架。要刪除框架,請單擊選擇它,然後從“框架”菜單中選擇“刪除框架”。
3.更改框架屬性
設置好框架的整體布局後,我們還可以設置每個框架的具體屬性,如下:
(1)單擊要設置屬性的框架,然後在“框架”菜單中選擇“框架屬性”以打開“框架屬性”對話框。
(2)可以在對話框的名稱文本框中輸入框架名稱,方便識別不同的框架;在“選項”區域,如果選擇了“可以在瀏覽器中調整大小”復選框,客戶可以在瀏覽網站時重新定義框架大小,您可以通過在“顯示滾動條”下拉列表框中選擇不同的描述項來設置是否顯示滾動條。
(3)在“框架大小”區域,您可以設置框架大小,您可以定義絕對像素值或相對於瀏覽器窗口的百分比。如果要使用瀏覽器設置相對於本頁面中框架的大小,可以選擇“相對”;在邊距區域中,您可以設置內容頁面與框架邊框之間的間隔像素數。
(4)要更改起始頁,您可以在“起始頁”文本框中輸入新的頁面名稱或URL。
(5)單擊“框架頁面”按鈕,打開“頁面屬性”對話框。
(6)在對話框的框架選項卡中,在框架間距文本框中,可以輸入以像素為單位的邊框寬度;若要使框架邊框消失,請不要選中“顯示邊框”復選框。
(7)單擊“確定”關閉“網頁屬性”對話框,然後單擊“確定”關閉“框架附件”對話框,完成框架屬性設置。
動態網頁
DHTML的意思是動態網頁,但不是壹個標準術語。其實沒有叫DHTML的技術。DHTML是壹個可以利用CSS(層疊樣式表)、JavaScript、HTML等技術與訪問者進行交互的網頁。比如在動態網頁中,當訪問者點擊壹張圖片時,圖片會自動移動,這就是DHTML效應。換句話說,當網頁被下載時,它可以在不連接服務器的情況下改變。FrontPage2000提供了壹套輕松制作動態網頁的方法,您可以創建具有自己特色的動態網頁。
1.使用DHTML的基本步驟
1).點擊頁面上需要使用DHTML的對象,如文本、圖片等。您需要拖動鼠標來選擇文本;
2).在DHTML工具欄中,從“打開”下拉列表中選擇壹個事件。文字和圖片有不同的事件;然後應用下拉列表選擇壹種效果;最後選擇了這種效果的實現方法;
3).當妳對對象使用DHTML時,保存頁面預覽,妳會發現選中的對象是按照妳設置的DHTML的效果出現的;
4).如果要刪除某個對象的DHTML效果,請先選擇該對象,然後單擊DHTML工具欄上的刪除效果圖標。
2.DHTML事件
在DHTML制作中,我們聽到最多的就是“事件”這個術語。什麽是“事件”?顧名思義,就是發生的事情。例如,如果妳用手開門,那麽它就是壹個事件。在網頁制作中,開門變成了點擊,也就是說,訪問者點擊壹個鏈接,然後事件的結果出現,門被打開。
在FrontPage2000中,當我們打開DHTML效果工具欄時,點擊文本或圖片會產生不同的事件。但是它們的應用方法是壹樣的。讓我們以課文為例:
我們先在編輯器中輸入壹段文字,比如:網頁淘吧,然後繼續下面三個步驟:
選擇壹段需要產生DHTML效果的文字,這裏是:網頁陶吧。從DHTML效果工具欄的“打開”下拉列表中選擇壹個事件。我們這裏只有文本的“網頁加載”事件。“網頁加載”是第壹次加載網頁時發生的事件。它不需要用戶用鼠標觸發,只需要訪問者用瀏覽器打開,就會產生預設的動態效果。
選擇壹個事件後,我們需要在應用下拉列表中選擇該事件的壹個應用效果。這個列表下有七個可用的效果,我們選擇飛進。
有不同的方法來產生應用效果。比如妳選擇的應用效果是“飛入”的時候,文字可以從底部飛入,可以從左邊飛入,也可以從右邊飛入。這些就是方法。此下拉列表中未顯示該術語。有些應用效果沒有方法,比如波動。我們選擇從底部飛入。
最後,保存頁面並預覽。妳會發現在頁面第壹次加載後,淘吧這個詞從底部飛了進來。當然也可以嘗試其他DHTML效果。對於選中的圖片,妳會在DHTML效果工具欄的打開下拉列表中看到新的事件,它們會有自己的應用效果和實現方法。妳可以嘗試每壹個,這樣妳就可以了解這些事件與應用效果和方法之間的關系。
3、DHTML提示
DHTML兼容性
FrontPage2000制作的DHTML網頁,只有InternetExplorer4.0或以上版本才能完整瀏覽。圖片的DHTML效果,也可以查看NetscapeCommunicator4.0或以上版本。
禁止DHTML
如果要禁用DHTML效果,單擊菜單工具/網頁選項,在打開的對話框中選擇兼容性選項卡,取消選中動態HTML前面的框,這樣DHTM效果就被禁用了。
快速使用DHTML
壹般在沒有選中對象的時候,只需要將鼠標移動到對象的左邊或者右邊,點擊就可以使用DHTML效果了。
4.網頁過渡
網頁轉場是指當妳進入或離開壹個網頁時產生效果的過程。比如從壹個頁面到另壹個頁面,會發現當前頁面慢慢向中間靠近,同時出現另壹個新頁面,直到當前頁面關閉消失,最後出現新頁面。如果您想使用web transition,您可以遵循以下步驟:
1).打開要使用過渡效果的頁面,或創建壹個新頁面。單擊菜單格式/Web過渡以打開Web過渡對話框;
2).在事件下拉列表中選擇壹個事件,我們選擇進入網頁。大家要註意的是,當妳為頁面和站點設置過渡效果時,網頁會優先於站點過渡效果;
3).在“周期”文本框中輸入持續時間,然後在“過渡效果”列表框中單擊壹種效果,並單擊“確定”。用瀏覽器打開頁面,因為我們選擇的網頁過渡是進入網頁,所以打開頁面就能看到過渡效果。
使用DHTML效果的確是吸引訪客的有力武器,但是如果妳不想處理復雜的代碼,那麽FrontPage2000為妳預設了很多DHTML效果。妳要做的就是選擇需要動態效果的對象,比如文字、圖片,然後用“忽悠”操作讓妳的網頁動起來。
網頁有自己的屬性集。您可以打開“頁面屬性”對話框,方法是在“文件”菜單中選擇“屬性”,或者用鼠標右鍵單擊頁面上的任意位置,然後在快捷菜單中選擇“頁面屬性”命令。在“常規”選項卡中,設置的含義如下:
Location:表示頁面的完整URL。
標題:顯示的頁面標題,即顯示在
基本位置:可以在這個位置輸入壹個URL,這個頁面中使用的相對URL的超鏈接可以始終指向同壹個正確的目標。通過描述壹個URL,您可以移動該頁面,而無需移動相對URL中的所有目標。
默認目標框架:定義未指定框架的頁面中所有超鏈接的默認框架。
背景音樂:添加背景音樂,瀏覽器打開頁面時會同時播放音樂。
諸如頁邊距和語言等系統參數也可以在其他選項卡中設置。
創建超鏈接
-
超鏈接的出現使網上瀏覽更加方便。只需輕點鼠標,妳就可以輕松地從壹個頁面跳到另壹個頁面,從壹個網站跳到另壹個網站,從壹個國家跳到另壹個國家。超鏈接是壹些特殊的文字或圖片,是其他頁面的入口。
1.用當前網站的網頁創建超鏈接。
(1)在FrontPage中打開要超鏈接的頁面(如果是新頁面,確保已經保存),選擇超鏈接來源,可以是字符、單詞、句子或圖片。
(2)選擇“插入”菜單中的“超鏈接”命令,或單擊“常用”工具欄中的“超鏈接”按鈕,打開“創建超鏈接”對話框(如圖所示),其中列出了當前在FrontPage中打開的網站中的文件夾和文件。
(3)在對話框的文件列表中,選擇要建立鏈接的目標文件。
(4)單擊確定完成超鏈接。
2.與本機中的其他文件建立超鏈接。
(1)選擇超鏈接源,打開“創建超鏈接”對話框。
(2)單擊對話框中的“制作指向您計算機上的文件的超鏈接”按鈕,然後從彈出的對話框中找到您要鏈接的文件並選中它。
(3)單擊確定完成超鏈接。
3.與萬維網上的網站建立超鏈接。
(1)在FrontPage中打開帶有超鏈接的網頁,選擇超鏈接的來源。
(2)選擇“插入”菜單中的“超鏈接”或單擊常用工具欄中的“超鏈接”按鈕,彈出“創建超鏈接”對話框。
(3)在URL文本框中,輸入超鏈接目標的URL。
(4)點擊“確定”按鈕。
格式化文本
1.輸入文本
壹般來說,文本仍然是壹個網頁的主要內容,在FrontPage中輸入文本和在Word中輸入文本非常相似。
(1).僅當需要空行或段落分隔符時,才使用回車鍵。當輸入文本到達定義的右邊界時,它將自動換行。如果輸入的文本有錯誤,按退格鍵清除錯誤並重新輸入。
(2)可以在文本中的任意位置插入新的文本內容,將鼠標指針定位在想要添加文本的地方即可添加文本。
(3)疊加輸入可用,即先用鼠標選中要替換的文字,然後直接輸入文字。
(4)點擊常用工具欄中的“全部顯示”按鈕,可以顯示或隱藏屏幕上的段落標記,借助段落標記可以清楚地看到段落之間的空行。
2.文本選擇
(1).選擇壹個單詞或多個單詞:要選擇壹個單詞,只需在該單詞上雙擊鼠標,按住鼠標左鍵並在所選單詞上拖動即可選擇多個單詞。選擇壹個單詞與選擇多個單詞是壹樣的。
(2)選擇壹行文字:壹行文字是在屏幕上占據壹行空間的文字。將鼠標箭頭移動到直線的最左側。當光標箭頭變為指向左側時,單擊鼠標左鍵以選擇該線。
(3)選擇壹個段落:將鼠標箭頭移動到段落的最左邊。當光標箭頭變為指向左側時,雙擊鼠標左鍵,或按ALT鍵,然後用鼠標單擊所需段落以選擇該段落。
3.刪除、復制和移動文本或圖片
(1).刪除:刪除插入點左邊的壹個字符,按退格鍵;刪除插入點右側的壹個字符,然後按Delete鍵;刪除插入點右側的壹個單詞,按CTRL+de 1ETE;剪切所選內容並保存到剪貼板,按CTRL+X;要刪除所選內容,請按De1e1e鍵或從“編輯”菜單中選擇“刪除”。
(2)復制:通過選擇文本或圖形,然後按Ctrl+C或選擇編輯菜單中的復制菜單命令,或直接單擊工具欄中的復制按鈕,將選定的文本或圖形復制到剪貼板。
(3)移動文字或圖片:選中要移動的文字或圖片,然後拖動到要插入的位置,松開鼠標,將選中的對象移動到目的地。如果先“剪切”選定的文本或圖片,然後將其“粘貼”到指定區域,也可以移動它。
(4)通過“取消”取消誤操作:如果用戶不小心誤操作了某項操作,點擊工具欄上的“取消”命令按鈕,取消用戶已經執行的操作,或者從菜單欄中選擇“編輯”菜單中的“取消”菜單命令,或者按CIR 1+Z鍵。
添加標題
因為頁面內容層次的需要,有時候頁面要加壹些字幕。HTML語言規範采用六級標題,各級標題以不同字號區分,其中1為大標題,其他依次為中小標題。要設置標題級別,可以從FrontPage格式工具欄的樣式下拉列表中選擇標題級別,然後在光標處輸入標題文本。或者,先輸入文本,選擇它,然後在樣式下拉列表中選擇壹個標題。標題完成後,將下拉列表中的格式改回原來的“正常”,然後輸入其他內容。
5.更改字體並設置字體效果
壹般情況下,FrontPage的字體是“TimesNewRoman”。如果用戶的操作系統是中文Windows 95/98或WindowsNT,則默認中文字體為“宋體”,文字大小采用默認字號。要設置不同的字體,可以先選擇要更改的文本,然後從格式工具欄的字體下拉菜單中選擇壹種字體,或者從菜單欄的格式菜單中選擇字體菜單命令,通過字體對話框進行設置,也可以設置字體樣式和大小。當字體改變時,表單將保持不變,直到用戶重新設置新的字體。
(2)設置字體樣式:要對所需文本進行加粗、斜體和下劃線,只需選擇要處理的文本,然後單擊格式工具欄中的加粗、斜體或下劃線按鈕。要消除這種效果,您可以選擇文本並再次按下相應的按鈕來消除這種效果並恢復正常字體。制作網頁時,壹般不采用“下劃線”效果,因為下劃線表示某些網頁中存在超鏈接。
(3)字體增線效果:有兩種:“下劃線”可以在選中的文字下面畫壹條線;刪除線在文本中間畫壹條線。
(4)特殊文本樣式:選中的文本需要使用壹些特殊的樣式,比如“閃爍”樣式。可以在字體對話框中的字體選項卡(如圖)的“效果”區域選擇需要的選項,但是有些特殊的文字效果只能在瀏覽器中體現。
6.文本縮進
文本縮進是為了使文本的左右兩邊顯示空白,有利於加強對關鍵段落的解釋。要縮進現有段落,請先選定段落,然後單擊“格式”工具欄上的“增加縮進量”按鈕。段落左右兩邊縮進壹定距離,連續按“增加縮進”按鈕會進壹步增加縮進。這種同時縮進文本兩側的方式也稱為雙向縮進。如果縮進空間太大,可以通過單擊“減少縮進”按鈕來減少縮進空間。
7.文本對齊
如果輸入的文字從頁面左邊距開始,逐漸向右延伸,行滿後又轉回左邊(左邊距)重新開始,這就是左對齊。有些詞需要居中,比如標題;而有些文字需要放在右邊,可以通過格式工具欄上的“左對齊”、“居中”和“右對齊”按鈕來實現:不同的對齊方式可以使文字呈現不同的顯示風格,可以清晰地顯示用戶想要說明的問題,從而保持整個頁面的和諧。要設置文本的居中、左對齊或右對齊,您必須首先選擇要設置的文本,然後單擊相應的按鈕。如果用戶希望返回原始對齊方式,他應該首先選擇文本,然後單擊格式工具欄上相應的對齊按鈕。
8.添加項目符號或列表編號。
有些列表前面有帶點的符號,用來說明列表內容,在專業排版中稱為項目符號。在網頁中加入項目符號或列表編號,可以使內容有條理,更加清晰,大量內容可以通過列表簡要描述,便於讀者抓住重點。還有壹種形式,列表號,可以用來描述壹個問題的處理步驟和順序。這兩種處理形式在FrontPage中使用非常方便。
添加項目符號或列表編號類似於Word中的操作。首先選擇文本,用戶可以按格式工具欄中相應的按鈕,或者選擇格式菜單中的項目符號和編號,打開項目符號和編號對話框(如圖所示),從中可以選擇不同格式的列表項。
FrontPage中的兩個新文本行之間有壹個空行。如果用戶在輸入或添加項目時不希望每兩行之間有壹個空行,可以單擊“格式”工具欄上的“項目符號”或“編號”按鈕。當按鈕凹陷時,第壹個項目符號將同時出現。輸入所需文本後,按Enter鍵,下壹個項目符號自動出現後繼續輸入。
FrontPage還可以通過提供列表編號或項目符號來排列列表項目。操作方法與前段所述相同。
如果輸入完所有項目後不想給後面的內容添加編號或項目符號,並且可以按兩次回車鍵,則停止編號或添加項目符號。如果要更改編號形式或從1開始,可以右鍵單擊列表符號,在彈出的快捷菜單上選擇“列表屬性”命令,在彈出的“列表屬性”對話框中選擇“編號”選項卡,選擇所需的編號樣式,在右側的“初始編號”微調器中調整起始編號,調整完畢後單擊“確定”。
打字不容易。如果妳滿意,請采納。