13996527831
詳細

利用Dreamweaver標簽工具改變網頁屬性的方法

發表日期:2021-02-16 09:32:12   作者來源:米卓網絡   瀏覽:    

  在用戶與瀏覽器進行某些交互時,需要改變網頁上某些對象的樣式,這可以通過改變網頁上這些對象的屬性來實現。Dreamweaver CS6中利用標簽工具可以很方便地實現網頁屬性的更改。

利用Dreamweaver標簽工具改變網頁屬性的方法

  (1)打開Dreamweaver CS6,選擇“文件”│“新建”命令,在彈出的“新建文檔”對話框中新建一個HTML網頁。

  (2)選擇“文件”l“保存”命令,將文件保存在“E:leg14\”文件夾下,文件名為eg13.html。(3)選擇“插入”Ⅰ“圖像”命令,在網頁中插入圖像a1.gif,然后選擇插入的圖像,在圖像的“屬性”面板的“圖像”文本框中輸入圖像的名稱“myimg”。用同樣的方法再次插入圖像a1.gif,圖像的名稱設置為myimg1。

  (4)選擇“插入”│“表單”對象│“按鈕”命令,在網頁中插入一個按鈕。選擇這個按鈕,在按鈕的“屬性”面板的“值”文本框中輸入“更改高度”,在“動作”欄中選中“無”單選按鈕。用同樣的方法插入“更改寬度”按鈕。

  (5)在插入的兩個按鈕中,“更改高度”按鈕用于更改圖片的height屬性,“更改寬度”按鈕用于更改圖片的 width 屬性。設計視圖中的圖片和按鈕如圖14-33所示。

  (6)單擊“更改高度”按鈕,選擇“窗口”|“行為”命令,打開“行為”面板,在其中單擊“添加行為”按鈕土,添加一個行為,在彈出的菜單中選擇“改變屬性”選項,彈出“改變屬性”對話框。

  (7)如圖14-34所示,在“元素類型”下拉列表框中選擇IMG選項,表示要控制圖片的屬性;在“元素ID”下拉列表框中選擇“圖像‘myimg’”選項,表示要控制網頁中的myimg圖片;在“屬性”欄中選中“輸入”單選按鈕,在其后面的文本框中輸入“height”,表示要控制圖片的高度;在“新的值”文本框中輸入“200”,表示要把圖片的高度更改為200。單擊“確定”按鈕,完成設置。

  (8)用同樣的方法,設置“更改寬度”按鈕動作,然后選擇“文件”l“保存”命令,保存網頁。

  (9)按F12鍵在瀏覽器中運行網頁。在網頁的初始狀態中,兩個圖片是相同的。

  (10)在網頁中單擊“更改高度”按鈕,第一張圖片的高度會發生改變。單擊“更改寬度”按鈕,圖片中的寬度會發生改變。。

  (11)在 Dreamweaver CS6 的代碼區中查看網頁的代碼。在網頁中,兩個按鈕調用了MM_changeProp(函數來更改網頁對象的屬性。網頁的代碼如下:

午夜时刻毛片免费观看