- 相關(guān)推薦
Dreamweaver窗口如何布局的方法
dreamweaver編輯網(wǎng)頁(yè) 的時(shí)候，經(jīng)常需要 插入一些圖象什么的，假設(shè)要插入的圖象很多，按照常規(guī)方法來(lái)操作就顯得非常麻煩。今天，小編為大家搜索整理了Dreamweaver窗口如何布局，希望大家能有所收獲!
1、巧妙調(diào)用STYLE
熟悉網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)友就知道，調(diào)用STYLE的方法很多，我們可以單擊鼠 標(biāo)右鍵選擇CUSTON STYLE來(lái)調(diào)用STYLE標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表 上單擊右鍵來(lái)調(diào)用STYLE。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上 產(chǎn)生的HTML代碼則完全不同。比如用CUSTON STYLE來(lái)調(diào)用STYLE標(biāo)準(zhǔn)，在網(wǎng) 頁(yè)代碼中就生成一個(gè)〈SPAN〉標(biāo)簽，這樣的標(biāo)簽一多就會(huì)使文件十分臃腫 而且影響瀏覽器的解析速度，所以我們應(yīng)盡量使用狀態(tài)欄中的元素列表來(lái) 調(diào)用STYLE。
2、使字體適應(yīng)不同的分辨率
我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候，經(jīng)常有這種體會(huì)， 那就是制作好的網(wǎng)頁(yè)在本地計(jì)算機(jī)上瀏覽時(shí)很正常，但在另外一臺(tái)計(jì)算機(jī) 上瀏覽時(shí)發(fā)現(xiàn)原本漂亮的網(wǎng)頁(yè)變得歪歪扭扭了，這是為什么呢?原來(lái)各個(gè) 計(jì)算機(jī)的分辨率要使你的主頁(yè)在不同的分辨率下都能正常顯示，在 DREAMWEAVER中得到了較好的解決。在文檔窗口的右下角，DREAMWEAVER 顯示當(dāng)前文檔被設(shè)計(jì)成的分辨率大小。單擊哪個(gè)數(shù)字，在彈出式菜單中可 以為當(dāng)前的頁(yè)面指定顯示分辨率，通過(guò)修改可以使你的主頁(yè)更具靈活性。 使不同分辨率的顯示器都能較好地顯示。
3、善用拖放技術(shù)我們?cè)谑褂肈REAMWEAVER編輯網(wǎng)頁(yè)
插入一些圖象什么的，假設(shè)要插入的圖象很多，按照常規(guī)方法來(lái)操作就顯 得非常麻煩。我們可以利用拖放技巧來(lái)很好地解決這個(gè)問(wèn)題。首先我們把 DREAMWEAVER的操作窗口變成活動(dòng)窗口，以騰出空間來(lái)顯示EXPLORER窗口， 找到要插入的圖象文件后，把它們一一用鼠標(biāo)拖動(dòng)到網(wǎng)頁(yè)的適當(dāng)部位， DREAMWEAVER將自動(dòng)把這些圖象的URL添加到文件的HTML代碼中，當(dāng)然這里 要求被拖動(dòng)的圖象文件必須是GIF、JPG等WEB圖象格式的文件。對(duì)于已經(jīng)在 網(wǎng)頁(yè)中的圖象也是一樣，直接拖過(guò)來(lái)就可以了。但如果被拖動(dòng)的圖象上有 超級(jí)鏈接，就不可以再使用拖動(dòng)技術(shù)了，因?yàn)槟菚r(shí)拖過(guò)來(lái)的僅僅是超級(jí)鏈 接地址。
拓展：Adobe Dreamweaver常用快捷鍵大全
1 文件菜單
新建文檔 Ctrl+N
打開(kāi)一個(gè)HTML文件 Ctrl+O 或者將文件從[文件管理器]或[站點(diǎn)]窗口拖動(dòng)到[文檔]窗口中
在框架中打開(kāi) Ctrl+Shift+O
關(guān)閉 Ctrl+W
保存 Ctrl+S
另存為 Ctrl+Shift+S
檢查鏈接 Shift + F8
退出 Ctrl+Q
2 編輯菜單
撤消 Ctrl+Z
重復(fù) Ctrl+Y 或 Ctrl+Shift+Z
剪切 Ctrl+X 或Shift+Del
拷貝 Ctrl+C 或Ctrl+Ins
粘貼 Ctrl+V 或Shift+Ins
清除 Delete
全選 Ctrl+A
選擇父標(biāo)簽 Ctrl+Shift+<
選擇子標(biāo)簽 Ctrl+Shift+>
查找和替換 Ctrl+F
查找下一個(gè) F3
縮進(jìn)代碼 Ctrl+Shift+]
左縮進(jìn)代碼 Ctrl+Shift+[
平衡大括弧 Ctrl+’
啟動(dòng)外部編輯器 Ctrl+E
參數(shù)選擇 Ctrl+U
3 頁(yè)面視圖
標(biāo)準(zhǔn)視圖 Ctrl+Shift+F6
布局視圖 Ctrl+F6
工具條 Ctrl+Shift+T
4 查看頁(yè)面元素
可視化助理 Ctrl+Shift+I
標(biāo)尺 Ctrl+Alt+R
顯示網(wǎng)格 Ctrl+Alt+G
靠齊到網(wǎng)格 Ctrl+Alt+Shift+G
頭內(nèi)容 Ctrl+Shift+W
頁(yè)面屬性 Ctrl+J
5 代碼編輯
切換到下一個(gè)設(shè)計(jì)頁(yè)面 Ctrl+Tab
打開(kāi)快速標(biāo)簽編輯器 Ctrl+T
選擇父標(biāo)簽 Ctrl+Shift+<
平衡大括弧 Ctrl+’
全選 Ctrl+A
拷貝 Ctrl+C
查找和替換 Ctrl+F
查找下一個(gè) F3
替換 Ctrl+H
粘貼 Ctrl+V
剪切 Ctrl+X
重復(fù) Ctrl+Y
撤消 Ctrl+Z
切換斷點(diǎn) Ctrl+Alt+B
向上選擇一行 Shift+Up
向下選擇一行 Shift+Down
選擇左邊字符 Shift+Left
選擇右邊字符 Shift+Right
向上翻頁(yè) Page Up
向下翻頁(yè) Page Down
向上選擇一頁(yè) Shift+Page Up
向下選擇一頁(yè) Shift+Page Down
選擇左邊單詞 Ctrl+Shift+Left
選擇右邊單詞 Ctrl+Shift+Right
移到行首 Home
移到行尾 End
移動(dòng)到代碼頂部 Ctrl+Home
移動(dòng)到代碼尾部 Ctrl+End
向上選擇到代碼頂部 Ctrl+Shift+Home
向下選擇到代碼頂部 Ctrl+Shift+End
6 編輯文本
創(chuàng)建新段落 Enter
插入換行 Shift+Enter
插入不換行空格 Ctrl+Shift+Spacebar
拷貝文本或?qū)ο竦巾?yè)面其他位置 Ctrl+拖動(dòng)選取項(xiàng)目到新位置
將選定項(xiàng)目添加到庫(kù) Ctrl+Shift+B
在設(shè)計(jì)視圖和代碼編輯器之間切換 Ctrl+Tab
打開(kāi)和關(guān)閉[屬性]檢查器 Ctrl+Shift+J
檢查拼寫(xiě) Shift+F7
7 格式化文本
縮進(jìn) Ctrl+]
左縮進(jìn) Ctrl+[
格式>無(wú) Ctrl+0 (零)
段落格式 Ctrl+Shift+P
應(yīng)用標(biāo)題1到6到段落 Ctrl+1 到 6
對(duì)齊>左對(duì)齊 Ctrl+Shift+Alt+L
對(duì)齊>居中 Ctrl+Shift+Alt+C
對(duì)齊>右對(duì)齊 Ctrl+Shift+Alt+R
加粗選定文本 Ctrl+B
傾斜選定文本 Ctrl+I
編輯樣式表 Ctrl+Shift+E
8 查找和替換文本
查找 Ctrl+F
查找下一個(gè)/再查找 F3
替換 Ctrl+H
9 處理表格
選擇表格(光標(biāo)在表格中) Ctrl+A
移動(dòng)到下一單元格 Tab
移動(dòng)到上一單元格 Shift+Tab
插入行(在當(dāng)前行之前) Ctrl+M
在表格末插入一行 在最后一個(gè)單元格 Tab
刪除當(dāng)前行 Ctrl+Shift+M
插入列 Ctrl+Shift+A
刪除列 Ctrl+Shift+ - (連字符)
合并單元格 Ctrl+Alt+M
拆分單元格 Ctrl+Alt+S
更新表格布局(在“快速表格編輯”模式中強(qiáng)制重繪) Ctrl+Spacebar
10 處理框架
選擇框架 框架中Alt+點(diǎn)擊
選擇下一框架或框架頁(yè) Alt+右方向鍵
選擇上一框架或框架頁(yè) Alt+左方向鍵
選擇父框架 Alt+上方向鍵
選擇子框(網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn))架或框架頁(yè) Alt+下方向鍵
添加新框架到框架頁(yè) Alt+從框架邊界拖動(dòng)
使用推模式添加新框架到框架頁(yè) Alt+Ctrl+從框架邊界拖動(dòng)
11 處理層
選擇層 Ctrl+Shift+點(diǎn)擊
選擇并移動(dòng)層 Shift+Ctrl+拖動(dòng)
從選擇中添加或刪除層 Shift+點(diǎn)擊層
以像素為單位移動(dòng)所選層 上方向鍵
按靠齊增量移動(dòng)所選層 Shift+方向鍵
以像素為單位調(diào)整層大小 Ctrl+方向鍵
以靠齊增量為單位調(diào)整層大小 Ctrl+Shift+方向鍵
將所選層與最后所選層的頂部/底部/左邊/右邊對(duì)齊 Ctrl+上/下/左/右方向鍵
統(tǒng)一所選層寬度 Ctrl+Shift+[
統(tǒng)一所(網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn))選層高度 Ctrl+Shift+]
創(chuàng)建層時(shí)切換嵌套設(shè)置 Ctrl+拖動(dòng)
切換網(wǎng)格顯示 Ctrl+Shift+Alt+G
靠齊到網(wǎng)格 Ctrl+Alt+G
12 處理時(shí)間軸,圖像
添加對(duì)像到時(shí)間軸 Ctrl+Alt+Shift+T
添加關(guān)鍵幀 Shift+F9
刪除關(guān)鍵幀 Delete
改變圖像源文件屬性 Double+點(diǎn)擊圖像
在外部編輯器中編輯圖像 Ctrl+雙擊圖像
13 管理超鏈接
創(chuàng)建超鏈接(選定文本) Ctrl+L
刪除超鏈接 Ctrl+Shift+L
拖動(dòng)并投放以從文檔創(chuàng)建超鏈接 (網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn))選取文本，圖像或?qū)ο�，然后Shift+拖動(dòng)選擇到[站點(diǎn)]窗口中的文件
拖動(dòng)并投放以使用[屬性]檢查器創(chuàng)建超鏈接 選取文本，圖像或?qū)ο瘢缓笸蟿?dòng)[屬性]檢查器的指向文件圖表到[站點(diǎn)]窗口的文件
在Dreamweaver打開(kāi)鏈接文檔 Ctrl+雙擊鏈接
檢查選定鏈接 Shift+F8
檢查整個(gè)站點(diǎn)中的鏈接 Ctrl+F8
14 在瀏覽器中定位和預(yù)覽
在主瀏覽器中預(yù)覽 F12
在次要瀏覽器中預(yù)覽 Ctrl+F12
15 在瀏覽器中調(diào)試
在主瀏覽器中調(diào)試 Alt+F12
在次要瀏覽器中調(diào)試 Ctrl+Alt+F12
16 站點(diǎn)管理和FTP
創(chuàng)建新文件 Ctrl+Shift+N
創(chuàng)建新文件夾 Ctrl+Shift+Alt+N
打開(kāi)選定 Ctrl+Shift+Alt+O
從遠(yuǎn)程FTP站點(diǎn)下載選定文件或文件夾 Ctrl+Shift+D或?qū)⑽募䦶腫站點(diǎn)]窗口的[遠(yuǎn)程]欄拖動(dòng)到[本地]欄
將選定文件或文件夾上載到遠(yuǎn)程FTP站點(diǎn) Ctrl+Shift+U或?qū)⑽募䦶腫站點(diǎn)]窗口的[本地]欄拖動(dòng)到[遠(yuǎn)程]欄
取出 Ctrl+Shift+Alt+D
存回 Ctrl+Shift+Alt+U
查看站點(diǎn)地圖 Alt+F8
刷新遠(yuǎn)端站點(diǎn) Alt+F5
17 站點(diǎn)地圖
查看站點(diǎn)文件 F8
刷新本地欄 Shift+F5
設(shè)為根 Ctrl+Shift+R
鏈接到現(xiàn)存文件 Ctrl+Shift+K
改變鏈接 Ctrl+L
刪除鏈接 Delete
顯示/隱藏鏈接 Ctrl+Shift+Y
顯示頁(yè)面標(biāo)題 Ctrl+Shift+T
重命名文件 F2
放大站點(diǎn)地圖 Ctrl+ + (plus)
縮小站點(diǎn)地圖 Ctrl+ - (hyphen)
18 播放插件
播放插件 Ctrl+Alt+P
停止插件 Ctrl+Alt+X
播放所有插件 Ctrl+Shift+Alt+P
停止所有插件 Ctrl+Shift+Alt+X
19 處理模板
創(chuàng)建新的可編輯區(qū)域 Ctrl+Alt+V
20 插入對(duì)像
任何對(duì)像(圖像，Shockwave影片等) 文件從[資源管理器]或[站點(diǎn)]窗口拖動(dòng)到[文檔]窗口
圖像 Ctrl+Alt+I
表格 Ctrl+Alt+T
Flash影片 Ctrl+Alt+F
Shockwave和Director影片 Ctrl+Alt+D
命名錨記 Ctrl+Alt+A
21 歷史紀(jì)錄面板
打開(kāi)[歷史紀(jì)錄](méi)面板 Shift F10
開(kāi)始/停止錄制命令 Ctrl+Shift+X
播放錄制好的命令 Ctrl+P
22 打開(kāi)和關(guān)閉面板
對(duì)像 Ctrl+F2
屬性 Ctrl+F3
站點(diǎn)文件 F5
站點(diǎn)地圖 Ctrl+F5
資源 F11
CSS樣式 Shift+F11
HTML樣式 Ctrl+F11
行為 Shift+F3
歷史紀(jì)錄 Shift+F10
時(shí)間軸 Shift+F9
代碼檢查器 F10
框架 Shift+F2
層 F2
參考 Ctrl+Shift+F1
顯示/隱藏浮動(dòng)面板 F4
最小化所有窗口 Shift+F4
最大化所有窗口 Alt+Shift+F4
23 獲得幫助
使用Dreamweaver[幫助主題] F1
參考 Shift+F1
Dreamweaver支持中心 Ctrl+F1
【Dreamweaver窗口如何布局的方法】相關(guān)文章：
Dreamweaver如何添加超鏈接04-26
在Dreamweaver中如何使用模板10-26
Dreamweaver如何制作錨點(diǎn)鏈接09-14
Dreamweaver用屬性面板創(chuàng)建鏈接的方法12-23
Dreamweaver制作圖像熱點(diǎn)鏈接的方法04-14
教你如何在Dreamweaver移動(dòng)或?qū)RAP Div11-09