用FrontPage2000作動態網頁

來源:互聯網
上載者:User
frontpage|動態|網頁   DHTML是動態網頁的意思,它其實並不是一個標準的術語。事實上沒有一種技術叫作DHTML.DHTML是利用CSS(層疊樣式表),JavaScript,HTML等技術而建立的能與訪問者產生互動的網頁。比如在動態網頁裡,當訪問者單擊了某一張圖片後,這張圖片會自動的移動,這就是DHTML效果。也就是說,當網頁下載完畢後,它無需再與伺服器串連就能產生變化了。FrontPage2000提供了一套容易製作動態網頁的方法,你可以建立起屬於自己特色的動態網頁。

   使用DHTML的基本步驟

  1.在頁面點選需要使用DHTML的對象,比如文本,圖片。對於文本需要拖曳滑鼠選定;

  2.在DHTML工具列,選擇通過開啟的下拉式清單選擇一種事件,文本和圖片所具有的事件是不同的;接下來再應用下拉式清單選擇一種效果;最後選擇該效果的的實現方法;

  3.當你為對象使用了DHTML後,儲存該頁面並預覽,你會發現你選定的對象按照你設定的DHTML的效果出現;

  4.如果想刪除某一個對象的DHTML效果,先選定該對象,然後單擊DHTML工具列上的刪除效果表徵圖即可。(圖1)


圖1

  DHTML的事件

  在DHTML製作中,我們聽得最多的是“事件”這個術語。什麼是“事件”呢,顧名思義,就是發生的一件事情,比如你用手開啟門,那麼這就是一個事件。換到網頁製作中,開門變成了單擊,也就是說,訪問者單擊了一個連結,那麼出現了事件的結果,門被開啟了。

  在FrontPage2000中,當我們開啟DHTML效果工具列後,點選文本或者圖片會產生不同事件。但它們的施用方法是一樣的,下面我們以文本舉例:

  我們先在編輯器裡輸入一段文本,比如:網頁陶吧,然後繼續下面的三個步驟:

  事件-(圖2)

圖2

  選定一段需要產生DHTML效果的文本,這裡是:網頁陶吧。從DHTML效果工具列的開啟下拉式清單選擇一個事件。這裡對於文本我們只有“網頁載入”這個事件。“網頁載入”就是當網頁第一次裝入的時侯發生的事件,它不需要使用者利用滑鼠去觸發它,而只需要訪問者利用瀏覽器開啟它的時侯就會產生預設的動態效果。

  應用-(圖3)

圖3

  選擇好事件後,我們要在應用下拉式清單裡選擇一個該事件的應用效果。在該列表下有七種可以採用的效果,我們選擇飛入。
方法-(圖4)

圖4

  對於應用效果會有不同的方法產生。比如當你選擇的應用效果是“飛入”的時侯,文本可以從底部飛入,可以從左邊飛入,也可以從右邊飛入,這些就是方法。在這個下拉式清單裡並沒有註明這個術語。有的應用效果是沒有方法的,比如波動。我們這裡選擇從底部飛入。

  最後儲存該頁面並預覽,你會發現網頁陶吧這個四個字在網頁第一次載入後從底部飛入。當然,你也可以嘗試其它DHTML效果。對於選定圖片,你會在DHTML效果工具列的開啟下拉式清單看到新的事件,單擊和滑鼠移至上方,它們會有各自的應用效果和實現方法。你可以每一個嘗試一下,這樣你就能明白這些事件和應用效果和方法之間的關係。

  DHTML的小技巧

  DHTML相容性

  利用FrontPage2000製作的DHTML網頁只能被InternetExplorer4.0或以上版本完全正常瀏覽。對於圖片的DHTML效果,Netscape Communicator 4.0或以上版本也可以瀏覽。

  禁止DHTML

  如果想禁用DHTML效果,點選菜單工具/網頁選項,在開啟的對話方塊裡選擇相容性標籤,取消動態HTML前的複選框裡勾,這樣DHTM效果被禁用。

  快速使用DHTML

  一般情況,在你沒有選定某一個對象的情況下,你只需要把滑鼠移動到對象的左邊或者右邊單擊一下就可以使用DHTML效果了。

  網頁過渡

  網頁過渡是指當你進入或者離開一個網頁的時侯所產生的效果的這個過程。比如你從某一頁進入另一頁,你會發現當前頁慢慢向中間合攏,同時出現了另一個新的頁面,直到當前頁合攏消失而最後出現新的頁面。如果你想使用網頁過渡,可以按照以下步驟:

  1.開啟想使用過渡效果的頁面,或者建立立一個頁面。點選菜單格式/網頁過渡,開啟網頁過渡對話方塊;(圖5)

圖5

  2.在事件下拉式清單裡選擇一個事件,我們選擇進入網頁。大家要注意,當你為某頁和網站都設定了過渡效果時,網頁將比網站過渡效果優先;

  3.在周期文字框裡輸入持續的時間,然後在過渡效果列表框裡點選一個效果,單擊確定。利用瀏覽器開啟該頁面,因為我們選擇的網頁過渡是進入網頁,所以當你開啟該頁時你就能看到過渡效果了。

  利用DHTML效果的確是吸引訪問者的有力利器,但如果你不願意和複雜的代碼打交道,那麼FrontPage2000為你預設了許多DHTML的效果。你要做的僅僅是選定需要動態效果的對象,比如文字,圖片,然後利用“傻瓜”式的操作就可以讓你的網頁動起來。



相關文章

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