FrontPage XP樣式表的應用

來源:互聯網
上載者:User
frontpage|樣式表   FrontPage XP可以保證使用者設計網頁與不同的瀏覽器安全色,它所提供的樣式表(CSS)功能就是其中之一。FrontPage XP使用樣式表可以實現網頁元素的加寬或緊縮字型間距、設定段落“縮排”和“段落間距”、設定邊框和底紋等。FrontPage XP可以建立外部和內嵌式階層式樣式表,讓我們一個一個來做。

建立外部CSS

  這是一種可以應用於多個網頁的樣式表,也就是說,使網站內的頁面連結一個外部的樣式表檔案,其副檔名為CSS,這樣就可以使多個頁面使用同一個樣式表檔案,從而保持了整個頁面的主題風格,編輯CSS檔案可以在任意的文本處理常式中進行。在FrontPage XP中,提供了CSS檔案的建立模板,可以根據需要定製自己感興趣的模板樣式。

1、建立樣式

  執行“檔案/建立/網頁或網站”命令,在“建立網頁或網站”任務視窗中,在“根據模板建立”之下,單擊“網頁模板”,開啟“網頁模板”對話方塊。單擊“樣式表”選項卡,再單擊要建立的CSS類型,比如垂柳樣式,然後單擊“確定”按鈕。

  此時,FrontPage XP會建立一個副檔名為CSS的新網頁,並在“網頁”視圖模式中將其開啟以供編輯,必須儲存該網頁才能在以後應用這個樣式表檔案。

  建立CSS後會顯示“樣式”工具列,如圖1。在此工具列上單擊可以啟用“樣式”對話方塊。如果要修改已經儲存的樣式表檔案,可以單擊菜單“視圖/檔案夾”,然後在“檔案夾”列表中雙擊要開啟的 CSS檔案即可。


圖1 樣式工具

2、編輯樣式

  我們再來看看如何編輯樣式。單擊“樣式”工具列上的“樣式”按鈕或者在“格式”菜單上單擊“樣式”命令,進入“樣式”對話方塊,如圖2所示。


圖2 在此編輯樣式表

  在樣式列表中,包含了多個樣式,其中“a:link”表示對連結文本有效,“a:active”表示對啟用連結有效,“a:visited”對已訪問文本有效,“a:hover”表示當滑鼠處於懸停狀態時有效。

  首先在左側的“樣式”框中,單擊要修改的樣式類型,比如“a:link”,然後在下方的“列表”中選擇“使用者定義樣式”選項,需要注意的是,如果此時要修改標準HTML標記,可以選擇“HTML 標籤”。接著在樣式列表中雙擊“a:link”樣式,開啟“修改樣式”對話方塊,如圖3。如果要設定對齊、縮排或段落間距,可以選擇“段落”,設定邊框和底紋可以選擇“邊框”,設定項目符號和編號的樣式,可以選擇“編號”。完成設定後,關閉所有對話方塊返回到CSS檔案。這樣我們就完成了一個樣式的設定,可以將設定好的樣式直接應用到網頁檔案指定的文字、段落中。


圖3 在此設定樣式的格式

  返回主介面後,執行菜單“檔案/儲存”命令,將此樣式儲存為link.css備用。

建立內嵌式CSS

  在“網頁”視圖中,執行“格式/樣式”命令,開啟樣式對話方塊,然後單擊“建立”按鈕,在“名稱”框中輸入新樣式的名稱為“.pal”,然後在“樣式類型”下樣式選擇為“段落”。然後單擊“格式”,再按照前面介紹的方法設定新樣式的格式特徵,比如字型、段落等。

應用樣式

  首先我們在“網頁”視圖中,開啟需要應用樣式表(CSS)的網頁,然後在“格式”菜單上,單擊“樣式表連結”,開啟“連結樣式表”對話方塊,單擊“添加”按鈕,在開啟的“選擇樣式表”對話方塊中,選擇剛才建立的CSS樣式檔案,單擊“確定”後,即可將其添加在“URL”列表中。如果選中“所有網頁”選項,可以將樣式檔案應用到網站所有網頁中,選擇“當前網頁”只會在當前編輯網頁中使用。另外,如果要將樣式應用於網頁上段落或者文字,首先可以選擇要應用樣式的文字,然後在工具列的樣式列表框中選擇要應用的樣式名稱即可。

  到站提示:樣式在網頁設計過程中比較常見,巧妙地使用樣式不但可以使網頁更加美觀,而且還可以很好地規範網站中網頁的顯示效果。下一站,我們將利用FrontPage XP給我們的網頁設計表單。

相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。