DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver網頁制作超級技巧36則
Dreamweaver網頁制作超級技巧36則
編輯:Dreamweaver相關     

  1. 用Dreamweaver 4.0輕松設計會自動彈性調整的網頁

  首先需要保證的是你的頁面內容采用了表格的格式,然後打開你要編輯的頁面,按“Ctrl+F6”或者菜單“View→TableView→Layout?View”轉換到布局視圖。這時可以看到單元格的列寬,在列寬數字的旁邊還有一個小小的下拉式箭頭,點擊你要設定彈性顯示的列上方的小箭頭,接著選擇“將列設為彈性顯示”(Make Column Autostretch)。該列方框上方就會出現一條波浪形的線,而不是剛才表示列寬的數字。完成後你的頁面就變成了一個具有彈性的頁面了。此外,需要注意頁面中不要有尺寸過大的圖片。

  2. 用Dreamweaver 4.0制作有閃動效果的Flash按鈕

  選擇菜單Insert→Interactive?Images→Flash?Button就可看到有哪些內嵌按鈕。在彈出的對話框裡,你可以在“Style”列表裡選擇自己想要的按鈕樣式,在預覽(Sample)窗口裡可以看到這種樣式的效果如何。選擇好之後,在“Button?Text”窗口輸入按鈕上面的文字,在“Font”窗口選擇字體,在“Size”窗口輸入文字的大小,在“Link”窗口輸入鏈接的目標,在“Target”窗口選擇鏈接打開的方式,在“BgColor”選擇按鈕背景顏色,在“Save?As”窗口輸入保存的文件名。完成這些後,按下“OK”按鈕,你就完成了一個Flash按鈕啦。這個按鈕還會自動插入你的網頁中,然後在Dreamweaver編輯窗口選中你剛才制作的按鈕,屬性窗口就會顯示出這個按鈕的屬性,單擊上面的“Play”按鈕,你就可直接在編輯窗口預覽這個按鈕的閃動效果。需要注意的是Dreamweaver?4.0的這個功能不支持中文字體。

  3. 在Dreamweaver 4.0中自定義鍵盤快捷鍵

  選擇菜單“Edit→Keyboard?Shortcuts”,在對話框中會列出目前已經啟用的以及可以更改的快捷鍵一覽表,你可以在這裡把快捷鍵改成自己習慣用的。如果要更改快捷鍵,首先要選取你要更改的命令,接著選取目前的快捷鍵,這個快捷鍵就會出現在“Shortcuts”列表中,然後在“Press Key”窗口輸入你想要使用的快捷鍵,然後點擊“Change”按鈕更改即可完畢。你還可以利用“+”、“-”按鈕增加或者刪除當前的快捷鍵。

  4. 讓DreamweaverMX4.0和Fireworks整合

  如果你的電腦裡同時安裝了Dreamweaver/Fireworks,那麼你就可以使用Dreamweaver?4.0提供的整合Fireworks的功能。利用這個功能你可以把你的GIF圖片修改得更加動人,輕松地實現動畫效果。在Dreamweaver編輯窗口選擇好你要修改的GIF圖片,然後在圖片屬性窗口單擊“編輯(Edit)”按鈕,這時系統會自動啟動Fireworks軟件編輯這個圖片。仔細看,你會發現Fireworks的圖片編輯窗口已出現Editing-From-Dreamweaver這樣的文字和圖樣,也就是說這個圖片是為Dreamweaver頁面進行圖片編輯的。現在我們在Fireworks裡選擇要編輯的圖片,選擇菜單“Modify→Animate→Animate?Selection”。在彈出的窗口裡設置動畫的屬性:選定動畫的幀數、動畫移動的方向、透明度等等。然後把修改好的文件導出即可。這樣,在Dreamweaver編輯窗口會自動更新剛才修改好的文件,使你的頁面圖片動起來。

  5. 巧用網站報告器

  在Dreamweaver?4.0裡提供了一個網站報告器,利用這個網站報告器可以幫助你在你的網站眾多文件中快速找到和修復錯誤。單擊菜單“Site→Reports”即可啟動報告器,選擇你要檢查的項目,然後單擊“Run”按鈕即可查出你網站上的一般問題。你也可以自己編寫報告器來查出網站上的一些特殊問題 (一般問題通常是一些文本丟失或文檔未命名) 。

  6. 快速恢復多次操作

  在制作頁面時,我們可能需要不停地修改頁面,有時還要恢復過去的操作,我們可以使用“Edit”菜單裡的“Undo”命令,可是這個命令每次只能恢復一次,如果我們需要恢復多次操作,那就要不停地“Undo”,實在太煩。在Dreamweaver?4.0裡提供了一個History窗口,可以讓我們輕松地恢復多次操作。在“Windows”菜單裡選擇“History”即可開啟這個歷史窗口。在這個窗口把你每一次的操作都保留下來了,利用窗口左邊那個滑動指針,就可以不停地恢復,還可以撤銷每一次操作,包括已經存盤的。而且還可以把這個歷史紀錄保存下來共享。

  7. 隱藏浮動面板

  打開Dreamweaver,給人的第一印象是一堆浮動面板,往往弄得你眼花缭亂,雖然它可以拖開,但畢竟占據著本來就很有限的屏幕,若把它關閉了,等一下用它時又要去打開。其實你只要按一下F4鍵,所有浮動面板都不見,再按F4他們又都重現於屏幕上了。

  8. 快速預覽網頁

  初學Dreamweaver,往往找不到預覽菜單,不得不另外啟動IE浏覽器來預覽網頁的實際效果。其實Dreamweaver的預覽菜單放到File菜單下了,要預覽正在編輯的網頁,按F12鍵就可以了,方便得很呢!而且還可設置在不同的浏覽器中預覽,在File菜單下的Preview in Browser中選擇Edit Browser List就可選擇不同的浏覽器進行預覽。以測試你的網頁對不同浏覽器的適應性。

  9. 在HTML檢示窗中顯示行號和自動換行

  雖然Dreamweaver的Behaviors是一個javascript小程序的巨集,許多實現特殊網頁效果的javascript程序都不用動手編程,但有時需要編寫一點小程序時,顯示程序行號顯得尤為必要,特別是在程序發生錯誤時,往往都有是提示在“XX行有錯誤”,若一行一行地去數行號不僅太累而且還容易數錯,在FrontPage中老是為數錯行號而煩惱。在Dreamweaver中可方便了,只要在HTML源代碼檢視器窗口中,選中“Line Numbers”(行號)復選框,則會在源代碼檢視器窗口中對每條HTML語句自動顯示行號,一目了然。同樣有時一行代碼較長,只要在HTML源代碼檢視器窗口中,選中“Warp”(自動換行)復選框,則會激活窗口的自動換行特性,過長的代碼會自動從窗口的邊緣繞回。

  10. 如何獲

12345下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved