<address id="ousso"></address>
<form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
  1. 網頁設計

    Dreamweaver窗口如何布局的方法

    時間:2025-02-21 03:46:35 志鎧 網頁設計 我要投稿

    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窗口布局方法08-23

    Dreamweaver窗口如何布局09-17

    Dreamweaver窗口如何設置08-20

    Dreamweaver文檔窗口使用的方法技巧08-01

    Dreamweaver如何利用層布局網頁07-19

    Dreamweaver文檔窗口簡介10-27

    Dreamweaver怎么利用層布局網頁06-26

    Dreamweaver的技巧方法08-15

    Dreamweaver鏈接的方法09-28

    <address id="ousso"></address>
    <form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
    1. 日日做夜狠狠爱欧美黑人