Dreamweaver網(wǎng)頁(yè)制作超級(jí)技巧36則_Dreamweaver教程
1. 用Dreamweaver 4.0輕松設(shè)計(jì)會(huì)自動(dòng)彈性調(diào)整的網(wǎng)頁(yè)
首先需要保證的是你的頁(yè)面內(nèi)容采用了表格的格式,然后打開你要編輯的頁(yè)面,按“Ctrl F6”或者菜單“View→TableView→Layout?View”轉(zhuǎn)換到布局視圖。這時(shí)可以看到單元格的列寬,在列寬數(shù)字的旁邊還有一個(gè)小小的下拉式箭頭,點(diǎn)擊你要設(shè)定彈性顯示的列上方的小箭頭,接著選擇“將列設(shè)為彈性顯示”(Make Column Autostretch)。該列方框上方就會(huì)出現(xiàn)一條波浪形的線,而不是剛才表示列寬的數(shù)字。完成后你的頁(yè)面就變成了一個(gè)具有彈性的頁(yè)面了。此外,需要注重頁(yè)面中不要有尺寸過大的圖片。
2. 用Dreamweaver 4.0制作有閃動(dòng)效果的Flash按鈕
選擇菜單Insert→Interactive?Images→Flash?Button就可看到有哪些內(nèi)嵌按鈕。在彈出的對(duì)話框里,你可以在“Style”列表里選擇自己想要的按鈕樣式,在預(yù)覽(Sample)窗口里可以看到這種樣式的效果如何。選擇好之后,在“Button?Text”窗口輸入按鈕上面的文字,在“Font”窗口選擇字體,在“Size”窗口輸入文字的大小,在“Link”窗口輸入鏈接的目標(biāo),在“Target”窗口選擇鏈接打開的方式,在“BgColor”選擇按鈕背景顏色,在“Save?As”窗口輸入保存的文件名。完成這些后,按下“OK”按鈕,你就完成了一個(gè)Flash按鈕啦。這個(gè)按鈕還會(huì)自動(dòng)插入你的網(wǎng)頁(yè)中,然后在Dreamweaver編輯窗口選中你剛才制作的按鈕,屬性窗口就會(huì)顯示出這個(gè)按鈕的屬性,單擊上面的“Play”按鈕,你就可直接在編輯窗口預(yù)覽這個(gè)按鈕的閃動(dòng)效果。需要注重的是Dreamweaver?4.0的這個(gè)功能不支持中文字體。
3. 在Dreamweaver 4.0中自定義鍵盤快捷鍵
選擇菜單“Edit→Keyboard?Shortcuts”,在對(duì)話框中會(huì)列出目前已經(jīng)啟用的以及可以更改的快捷鍵一覽表,你可以在這里把快捷鍵改成自己習(xí)慣用的。假如要更改快捷鍵,首先要選取你要更改的命令,接著選取目前的快捷鍵,這個(gè)快捷鍵就會(huì)出現(xiàn)在“Shortcuts”列表中,然后在“Press Key”窗口輸入你想要使用的快捷鍵,然后點(diǎn)擊“Change”按鈕更改即可完畢。你還可以利用“ ”、“-”按鈕增加或者刪除當(dāng)前的快捷鍵。
4. 讓DreamweaverMX4.0和Fireworks整合
假如你的電腦里同時(shí)安裝了Dreamweaver/Fireworks,那么你就可以使用Dreamweaver?4.0提供的整合Fireworks的功能。利用這個(gè)功能你可以把你的GIF圖片修改得更加動(dòng)人,輕松地實(shí)現(xiàn)動(dòng)畫效果。在Dreamweaver編輯窗口選擇好你要修改的GIF圖片,然后在圖片屬性窗口單擊“編輯(Edit)”按鈕,這時(shí)系統(tǒng)會(huì)自動(dòng)啟動(dòng)Fireworks軟件編輯這個(gè)圖片。仔細(xì)看,你會(huì)發(fā)現(xiàn)Fireworks的圖片編輯窗口已出現(xiàn)Editing-From-Dreamweaver這樣的文字和圖樣,也就是說這個(gè)圖片是為Dreamweaver頁(yè)面進(jìn)行圖片編輯的。現(xiàn)在我們?cè)贔ireworks里選擇要編輯的圖片,選擇菜單“Modify→Animate→Animate?Selection”。在彈出的窗口里設(shè)置動(dòng)畫的屬性:選定動(dòng)畫的幀數(shù)、動(dòng)畫移動(dòng)的方向、透明度等等。然后把修改好的文件導(dǎo)出即可。這樣,在Dreamweaver編輯窗口會(huì)自動(dòng)更新剛才修改好的文件,使你的頁(yè)面圖片動(dòng)起來。
5. 巧用網(wǎng)站報(bào)告器
在Dreamweaver?4.0里提供了一個(gè)網(wǎng)站報(bào)告器,利用這個(gè)網(wǎng)站報(bào)告器可以幫助你在你的網(wǎng)站眾多文件中快速找到和修復(fù)錯(cuò)誤。單擊菜單“Site→Reports”即可啟動(dòng)報(bào)告器,選擇你要檢查的項(xiàng)目,然后單擊“Run”按鈕即可查出你網(wǎng)站上的一般問題。你也可以自己編寫報(bào)告器來查出網(wǎng)站上的一些非凡問題 (一般問題通常是一些文本丟失或文檔未命名) 。
6. 快速恢復(fù)多次操作
在制作頁(yè)面時(shí),我們可能需要不停地修改頁(yè)面,有時(shí)還要恢復(fù)過去的操作,我們可以使用“Edit”菜單里的“Undo”命令,可是這個(gè)命令每次只能恢復(fù)一次,假如我們需要恢復(fù)多次操作,那就要不停地“Undo”,實(shí)在太煩。在Dreamweaver?4.0里提供了一個(gè)History窗口,可以讓我們輕松地恢復(fù)多次操作。在“Windows”菜單里選擇“History”即可開啟這個(gè)歷史窗口。在這個(gè)窗口把你每一次的操作都保留下來了,利用窗口左邊那個(gè)滑動(dòng)指針,就可以不停地恢復(fù),還可以撤銷每一次操作,包括已經(jīng)存盤的。而且還可以把這個(gè)歷史紀(jì)錄保存下來共享。
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫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開發(fā)效率
- 在DreamWeaver中編寫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從零開始
- 入門:充分利用Dreamweaver8中的查找替換技巧
- 用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
- DW MX 2004網(wǎng)頁(yè)中文亂碼問題:嘗試解決
- Dreamweaver MX進(jìn)階教程:制作虛線
- Dreamweaver開發(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 中文版輕松入門視頻教程 2CD
- Dreamweaver+Flash+Photoshop網(wǎng)頁(yè)制作教程
- 挑戰(zhàn)DREAMWEAVER MX互動(dòng)網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁(yè)制作超級(jí)技巧36則
。