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