Dreamweaver網(wǎng)頁制作超級技巧36則(2)_Dreamweaver教程
7. 隱藏浮動面板
打開Dreamweaver,給人的第一印象是一堆浮動面板,往往弄得你眼花繚亂,雖然它可以拖開,但究竟占據(jù)著本來就很有限的屏幕,若把它關(guān)閉了,等一下用它時(shí)又要去打開。其實(shí)你只要按一下F4鍵,所有浮動面板都不見,再按F4他們又都重現(xiàn)于屏幕上了。
8. 快速預(yù)覽網(wǎng)頁
初學(xué)Dreamweaver,往往找不到預(yù)覽菜單,不得不另外啟動IE瀏覽器來預(yù)覽網(wǎng)頁的實(shí)際效果。其實(shí)Dreamweaver的預(yù)覽菜單放到File菜單下了,要預(yù)覽正在編輯的網(wǎng)頁,按F12鍵就可以了,方便得很呢!而且還可設(shè)置在不同的瀏覽器中預(yù)覽,在File菜單下的Preview in Browser中選擇Edit Browser List就可選擇不同的瀏覽器進(jìn)行預(yù)覽。以測試你的網(wǎng)頁對不同瀏覽器的適應(yīng)性。
9. 在HTML檢示窗中顯示行號和自動換行
雖然Dreamweaver的Behaviors是一個(gè)javascript小程序的巨集,許多實(shí)現(xiàn)非凡網(wǎng)頁效果的javascript程序都不用動手編程,但有時(shí)需要編寫一點(diǎn)小程序時(shí),顯示程序行號顯得尤為必要,非凡是在程序發(fā)生錯誤時(shí),往往都有是提示在“XX行有錯誤”,若一行一行地去數(shù)行號不僅太累而且還輕易數(shù)錯,在FrontPage中老是為數(shù)錯行號而煩惱。在Dreamweaver中可方便了,只要在HTML源代碼檢視器窗口中,選中“Line Numbers”(行號)復(fù)選框,則會在源代碼檢視器窗口中對每條HTML語句自動顯示行號,一目了然。同樣有時(shí)一行代碼較長,只要在HTML源代碼檢視器窗口中,選中“Warp”(自動換行)復(fù)選框,則會激活窗口的自動換行特性,過長的代碼會自動從窗口的邊緣繞回。
10. 如何獲得顏色的十六進(jìn)制代碼
在設(shè)計(jì)網(wǎng)頁時(shí),有時(shí)要用到16進(jìn)制的顏色代碼,以前經(jīng)常為這事頭痛,在Dreamweaver中只要按屬性面板上“bg”邊上小方框右下角的小三角形,在彈出的顏色板上,鼠標(biāo)指到哪兒,馬上就能顯示出相應(yīng)顏色的16進(jìn)制代碼,真方便。
11. 制作背景音樂
在Dreamweaver中插入背景音樂是非常輕易實(shí)現(xiàn)的,這里介紹兩種方法,由大家選擇。
(1)在頁面不顯眼的地方插入一空層 ,并在層內(nèi)放入一個(gè)ActivX對象 ,雙擊該對象,在打開的對話框中選擇一個(gè)MIDI音樂文件,然后在層對象屬性面板中設(shè)定其可視性為“Hidden”,保存變動后按F12預(yù)覽網(wǎng)頁,聽聽是否有音樂聲。
(2)另一種方法是利用Dreamweaver的“Behaviors”行為編輯器 ,單擊“+”按鈕,選擇其中“Play Sound”選項(xiàng),在彈出的對話框中選擇一個(gè)音樂文件即可。自己動手試一試吧!
12. 讓背景圖不滾動
與FrontPage不同,Dreamweaver中插入的背景圖是會隨文字滾動的。有的時(shí)候我們需要制作固定的背景圖,怎么辦呢?先定義一張背景圖,按“F10”打開HTML源文件,找到定義背景圖片的語句,例如background=″images/background.JPG″,在它的后面空一格加上一句bgproperties=″fixed″。預(yù)覽一下,是不是有點(diǎn)小小的成就感。
13. 定義大小不變的文字
為什么別人網(wǎng)頁上的文字那么漂亮,不管你怎么按瀏覽器字體按鈕上的大小,他們的字體尺寸都不會發(fā)生變化。其實(shí)他們使用了網(wǎng)頁中的“CSS”樣式表技術(shù),在Dreamweaver中要實(shí)現(xiàn)這一功能是非常簡單的。首先按“F7”或者選擇“窗口”菜單中的“樣式表”選項(xiàng)打開樣式表編輯器,在窗口中單擊鼠標(biāo)右鍵選擇“新建”,在彈出的對話框中輸入需要定義的樣式表名稱,按“確定”,然后在列表中選擇第一項(xiàng)“類型”,并給具體的文字屬性定義參數(shù)(一般來說文字的大小在800×600的屏幕中選擇10.5較為適宜),按“確定”后,定義好的樣式表就出現(xiàn)了。選擇網(wǎng)頁編輯窗中的文本,單擊新的樣式表名,可以看到選中的文本發(fā)生的變化。預(yù)覽一下,試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver 8 輕松制作漂亮的Flash像冊
- 玩轉(zhuǎn) Dreamweaver8.0:速記 CSS 屬性
- Dreamweaver MX進(jìn)階教程(一)可視化操作iframe
- 玩轉(zhuǎn)Dreamweaver 8.0之設(shè)置段落格式
- Dreamweaver MX 2004從零開始
- 入門:充分利用Dreamweaver8中的查找替換技巧
- 用Dreamweaver進(jìn)行數(shù)據(jù)庫操作
- DW MX 2004網(wǎng)頁中文亂碼問題:嘗試解決
- Dreamweaver MX進(jìn)階教程:制作虛線
- Dreamweaver開發(fā)ASP實(shí)例視頻教程建立數(shù)據(jù)庫
猜你也喜歡看這些
- Dreamweaver MX 2004 官方簡體中文版教程
- Dreamweaver 8.0網(wǎng)頁設(shè)計(jì)
- Dreamweaver 8 完美網(wǎng)頁設(shè)計(jì)—CSS網(wǎng)頁設(shè)計(jì)篇
- 呂聰賢dreamweaver視頻教程下載
- 精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程
- Dreamweaver 8完美網(wǎng)頁設(shè)計(jì):商業(yè)網(wǎng)站篇
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- Dreamweaver+Flash+Photoshop網(wǎng)頁制作教程
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作超級技巧36則(2)
。