Dreamweaver CS4工作区与基本操作.ppt

Dreamweaver CS4工作區與基本操作 啟動 Dreamweaver 建立新網頁 建立新網頁 Dreamweaver 工作區 重新設定工作區 功能表 文件視窗 檔案標籤 關聯檔案列 關聯檔案列 文件工具列 文件工具列可切換網頁編輯模式、預覽檢視網頁在瀏覽器中的呈現結果、設定文件標題、…等, 是用來檢視、管理檔案的好幫手。 如果沒有看到文件工具列, 請執行『檢視/工具列/文件』命令即可。 編輯區 編輯區 插入面板 插入面板將網頁常用的元素, 分門別類地放在不同的頁次中, 按下插入面板上方的頁次按鈕, 即可進行切換。 屬性面板 屬性面板可設定文字、圖片及各網頁元素的屬性樣式 (如：文字大小、圖片尺寸、…等),當你在編輯區選擇了不同的元件時, 屬性面板就會自動變成對應的設定欄位, 夠聰明吧！ 屬性面板 另外, 屬性面板可分為上下 2 截, 下半截通常是比較進階的設定。按一下面板右下方的箭頭符號 (若看不到箭頭, 也可在面板空白處雙按滑鼠左鈕), 可顯示/隱藏下半截的面板。 調整面板的高度與寬度 調整面板的高度與寬度 移動與組合面板 Dreamweaver 的面板群組預設都是固定在視窗的邊緣, 你也可以將面板拉曳出來,成為浮動的形式, 放到你習慣的位置上： 將「插入」面板拉曳到文件視窗的上方 接觸過 Dreamweaver CS3 (含以前版本) 的使用者, 應該知道插入面板原本是位於文件視窗上方的位置。不過在 Dreamweaver CS4 中, 插入面板合併到右側面板群組中了。 若覺得新的位置操作不太順手, 你也可以將插入面板恢復到文件視窗的上方喔！ 將「插入」面板拉曳到文件視窗的上方 開啟與關閉面板 Dreamweaver 預設並不會顯示所有的面板, 如果在目前開啟的面板中找不到欲使用的面板, 可執行視窗功能表從中做選擇。 若想關閉用不到的面板, 連索引標籤也不要出現, 只要在面板的索引標籤上按右鈕, 執行『關閉』命令關閉單一面板, 或執行『關閉索引標籤群組』命令關閉整個面板群組。 開啟與關閉面板 結束程式 關閉網頁及結束 Dreamweaver 要關閉已經開啟的網頁, 只要按下檔案標籤上的 × 鈕即可；如果要關閉的網頁有經過修改但尚未存檔, 則會出現如下交談窗, 詢問你是否要先存檔再關閉： 關閉網頁及結束 Dreamweaver 關閉網頁及結束 Dreamweaver 教材來源 Dreamweaver CS4 魔法書、施威銘研究室、旗標出版、2009.01 網頁製作 – YuYing Wu