程式AdobeDreamweaverCS4-网路资源运用.ppt

* 套用工作區 要套用不同的工作區, 只要按下視窗右上方的工作區切換鈕 (按鈕名稱以目前使用中的工作區為主), 即可從中選擇欲使用的工作區 * 儲存網頁 空白網頁編輯好之後, 只要執行『檔案/儲存檔案』命令 (或直接按 Ctrl + S 鍵(Windows), 就會跳出如下的另存新檔交談窗, 讓你指定存檔的名稱和路徑 * 儲存網頁 * 儲存網頁 若是已經存檔過的檔案, 執行『檔案/儲存檔案』命令則可直接存檔 如果想要另外存成其他檔名, 或是要存到其他地方, 則必須執行『檔案/另存新檔』命令 * 關閉網頁及結束 Dreamweaver 要關閉已經開啟的網頁, 只要按下檔案標籤上的 × 鈕即可 如果要關閉的網頁有經過修改但尚未存檔, 則會出現如下交談窗, 詢問你是否要先存檔再關閉： * 關閉網頁及結束 Dreamweaver 如果想要一次關閉所有開啟的網頁, 但不要關閉 Dreamweaver, 請執行『檔案/全部關閉』命令, 或是在任意一個檔案標籤上按右鈕, 也可執行『全部關閉』命令 * 關閉網頁及結束 Dreamweaver * 關閉網頁及結束 Dreamweaver 想要結束 Dreamweaver, 只要直接按下軟體視窗右上方的關閉鈕就可以了 * 關閉網頁及結束 Dreamweaver * 屬性面板 另外, 屬性面板可分為上下 2 截, 下半截通常是比較進階的設定 按一下面板右下方的箭頭符號 (若看不到箭頭, 也可在面板空白處雙按滑鼠左鈕), 可顯示/隱藏下半截的面板 * 其他各種面板 除了剛剛介紹最常用的插入面板及屬性面板外, 還有各式各樣的功能面板, 例如：CSS 樣式面板、檔案面板、…等, 大多數都放在工作區的右側 為了有效地運用空間, 面板會被區分成多個群組, 並以索引標籤的形式分頁, 只要按下索引標籤就可以切換到該面板 * 其他各種面板 在下一節中, 將會說明如何開啟與關閉這些面板, 至於各種面板的用途, 待各章節實際應用到時, 會再深入講解 * 改變編輯區的分割方式 想要同時檢視設計畫面及程式碼, 除了將編輯區水平分割成上、下兩塊外, 也可以視需求改分割成左、右兩半, 或是對調設計畫面及程式碼的顯示位置 * 垂直分割編輯區 大部分的網頁的設計會呈現長條式, 因此若覺得水平分割讓編輯區變得過於狹隘時, 你可以按下功能表的版面鈕 , 執行『垂直分割』命令 (必須先切換成分割檢視模式才可作用), 讓編輯區分割成左、右兩半 * 垂直分割編輯區 * 垂直分割編輯區 若想恢復成上、下分割, 只要再按下版面鈕 , 取消勾選『垂直分割』命令即可 * 對調設計檢視與程式碼檢視的顯示位置 分割後的設計畫面與程式碼也可交換顯示位置 例如剛剛垂直分割後的編輯區, 希望設計畫面在左邊, 程式碼在右邊, 則可按下功能表的版面鈕 , 執行『設計檢視在左方』命令 (若是水平分割, 則會顯示『設計檢視在上方』命令) * 對調設計檢視與程式碼檢視的顯示位置 * 對調設計檢視與程式碼檢視的顯示位置 * 對調設計檢視與程式碼檢視的顯示位置 按下版面鈕 , 取消勾選『設計檢視在左方』命令 (或『設計檢視在上方』命令) 即可恢復原狀 按下文件工具列的檢視選項鈕也可執行『設計檢視在左方』命令(或『設計檢視在上方』命令) * 調整 Dreamweaver 的面板配置 Dreamweaver 將製作網頁所需的各項控制功能區分成多個面板, 可視需求自由調整面板的配置, 以讓出更大的編輯空間 * 展開與收合面板 大部分的面板會開啟在工作區的右側, 按下右上方的 鈕, 可收合所有開啟的面板 按下後會變成 鈕, 若按一下則可再度展開面板 若於編輯區及面板交接處按住左鈕並往右拉曳, 還可再進一步收合成只剩圖示按鈕, 以騰出更多編輯網頁的空間 * 展開與收合面板 * 展開與收合面板 按下收合後的面板標籤鈕, 可開啟單一面板群組來使用, 再按一下即可收合 * 用 鍵快速隱藏所有面板 若想獲得最大的編輯空間, 可以按下鍵盤上的 鍵, 則目前工作區中所有的面板都會隱藏, 只留下編輯區而已, 這樣在製作或檢視網頁內容時就不會有視覺干擾了 再按一次 鍵, 各面板又會再度出現在原本的位置上, 是個很好用的快速鍵 * 調整面板的高度與寬度 工作區右側的面板是以直式堆疊排列, 當同時展開 3、4 個面板時, 單一面板可得到的高度勢必會減少, 導致無法完整呈現面板內容, 此時可將暫時不需使用的面板折疊到只剩下索引標籤, 以騰出更多的空間給其他面板使用 * 調整面板的高度與寬度 * 調整面板的高度與寬度 除了將面板群組暫時折疊起來外, 也可以自行拉曳調整面板群組的高度 當然, 若覺得面板群組寬度太窄時, 同樣也可用拉曳的方式調整寬度 * 調整面板的高度與寬度