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