FrontPage XP網頁的編輯

來源:互聯網
上載者:User
frontpage|網頁   經過上次的學習,想必讀者朋友們已經基本掌握了使用FrontPage XP建立和管理網站的方法,那麼建立好一個網站以後,接下來的工作就是讀者朋友們最為關心的網頁的製作和編輯了。我們知道,一個網站是由多個網頁組成,一個網頁又是由文字、映像、聲音、視頻、超連結等多種對象構成,這次我們就圍繞網頁元素的製作,來使用FrontPage XP一步步完成。

網頁的建立

  網頁的建立有兩種方法,一種是基於空白網頁建立,另外一種就是基於FrontPage XP提供的網頁模板快速建立。前者需要作者自己構造網頁布局格式,後者無需自己構造網頁布局,而只需修改網頁模板中的元素即可。

  基於空白網頁建立網頁時,點擊“檔案/建立”,再單擊“網頁或網站”命令,彈出“建立網頁或網站”任務視窗,在“建立”之下,單擊“空白網頁”即可。

  基於網頁模板快速建立網頁時,點擊“檔案/建立”,再單擊“網頁或網站”命令,在“建立網頁或網站”任務視窗中,在“根據模板建立”下單擊“網頁模板”命令。在“網頁模板”對話方塊中,單擊要使用的模板選項卡,比如“常規”選項卡,然後再單擊需要使用的模板,同時在“預覽”視圖中會顯示該模板的縮圖。最後單擊“確定”按鈕完成,FronPage XP就會根據模板開啟一個新網頁了。

添加搜尋引擎關鍵字

  剛才已經建立好了一個網頁,下面需要向網頁中添加關鍵字,以使得那些能夠識別關鍵字的搜尋引擎更容易找到這個網頁,從而增加瀏覽率。

  單擊“檔案/屬性”命令,開啟“網頁屬性”對話方塊,單擊“自訂”選項卡,在“使用者變數”中單擊“添加”按鈕,會開啟一個“系統變數”設定對話方塊,然後在“名稱”文字框中,輸入關鍵字的名稱,比如“xword”,然後在“值”文字框中,輸入網站的搜尋索引鍵,並使用逗號作為關鍵字之間的分隔字元,最後單擊“確定”按鈕,如圖1所示。


圖1 在此設定搜尋索引鍵

設定邊距與標題列

  如果自訂網頁邊距,按右鍵網頁,選擇捷徑功能表上的“網頁屬性”命令,進入“網頁屬性”對話方塊,然後單擊“邊距”選項卡,在這裡可以設定網頁的上、下邊距,選中“指定上邊距”複選框,然後在下面輸入邊距的高度值,如果選中“指定左邊距”複選框,還需要在下面的數值框中輸入網頁左側的距離值,如圖2所示。


圖2 網頁邊距的設定在此完成

  在此對話方塊中的“常規”選項中,還可以設定網頁的標題,標題可以與檔案名稱不同,比如一個頁面的檔案名稱為Default.htm,其標題可以是“我的首頁”。此時在“標題”文字框中,輸入要顯示在網頁橫幅或連結列中的檔案標題文字,然後單擊“確定”按鈕即可,如圖3所示。


圖3 設定一個有特色的網頁標題

應用網頁主題

  在“網頁”視圖中,開啟要應用主題的網頁,然後單擊“格式/主題”命令,開啟主題對話方塊。如果要將當前主題應用到當前被選網頁,可以選擇“所選的網頁”選項,然後在主題列表中選擇要應用的主題名稱後,即可在“主題樣本”之下預覽,完成後單擊“確定”按鈕即可將當前被選主題應用到網頁了。

  當前網頁應用主題後,網頁將不再使用Web網站的預設主題設定,也就是說,應用到當前網站的任何主題更改都不會影響此網頁主題。

插入圖片

  網頁的製作是離不開圖片的,我們來看一下如何在網頁中添加圖片。

  在“網頁”視圖中,將插入點放在要插入圖形的位置,然後點擊“插入/圖片/來自檔案”命令,在開啟的對話方塊中,選擇需要的影像檔,然後單擊“插入”按鈕即可將圖片插入到網頁的當前位置。

  選中剛才插入的圖片,單擊並拖動圖形上的控點來調整其大小至合適。調整好圖片的大小後,需要進行圖片的環繞方式設定,在“網頁”視圖中,按右鍵圖片,然後單擊捷徑功能表上的“圖片屬性”,並選擇“外觀”選項卡,然後在“環繞樣式”中,選擇文本在圖形周圍的流動方式,然後在“布局”中選擇圖片的對齊,最後在“水平間距”和“垂直間距”框中,輸入要在圖形邊緣的顯示的間距,如圖4所示。


圖4 在此設定插入圖片的屬性

超連結的設定

  建立超連結的方法比較簡單,首先可以選擇需要製作連結的文本或圖片,然後在工具列單擊“插入超連結”工具按鈕,在開啟的對話方塊中選擇需要連結的網頁或者檔案即可,或者直接輸入連結網址,比如http://www.tongyi.net,如圖5所示。


圖5 超連結的設定是最簡單的

  此外,在網頁中還有一種超連結方式,就是指向電子郵件,比如一些網頁上經常有“給我寫信”之類的連結,首先選中需要連結的文本或圖片,然後單擊“插入超連結”按鈕,在開啟的對話方塊中,選擇“電子郵件地址”按鈕,在“電子郵件地址”框中輸入電子郵件地址,然後在“主題”框中,輸入電子郵件郵件的主題。

經過以上幾個步驟,一個網頁就基本製作好了。

  到站提示:經過以上幾個步驟,對網頁中的基本元素都進行了適當的編輯,使其更加符合你的風格。網頁在製作過程中還有很多技巧,下次我們將從網頁的布局講起,介紹如何規劃一個網頁。

相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。