adobedreamweavercs5（30页）.docVIP

Adobe Dreamweaver CS5.5網頁設計課程講義 Adobe Dreamweaver 是用於設計網頁與網路應用程式的專業編輯軟體，也是目前眾多網頁設計師一致的選擇，在年推出最新版本Adobe Dreamweaver CS5，除了軟體的操作界面更新，同時加入多種新的主流技術，與 Photoshop、Flash 等軟體的整合性也較以往的版本更強。 Dreamweaver 提供人性化的操作環境與視覺化編輯方式，即使初次接觸網頁設計者也能輕鬆上手。Dreamweaver 提供了人性化的網站管理功能，即使是製作複雜的網站專案也可以得心應手，若專案是由設計團隊的成員同時作業，也能掌控網站的建置進度。 Dreamweaver CS4 仍然保有可擴充的設計，可依您的需求另行安裝 Extension 擴充程式，無限擴充 Dreamweaver 的功能。 Dreamweaver 使用視覺化的編輯方式，無需撰寫任何程式碼即可快速建立網頁。不過若是您習慣手動撰寫 HTML 程式碼的控制感， Dreamweaver 也可以讓您在視覺化設計與程式碼編輯的環境間快速切換，並提供您必要的輔助工具（例如程式碼色彩標示、程式碼行數顯示、程式碼收合、原始碼自動格式化等）。您可以使用 Photoshop 或是 Fireworks 等軟體建立或編輯影像，或使用 Flash 製作動畫，再匯入 Dreamweaver 編輯的網頁中。您可以藉由 Dreamweaver 的工具面板檢視與管理所有網站的資源，需要置入網頁時僅需以滑鼠直接拖曳到文件的適當位置。 Dreamweaver 提供互動式網頁製作的環境，即使不熟悉程式語法也能在短時間設計 ASP、PHP、 JSP、ASP.NET、ColdFusion 互動式網頁，並整合Access、SQL Server、MySQL、Oracle 等資料庫，開發結合資料庫的網路應用程式。第一次啟動 Dreamweaver 時，會出現預設編輯器的對話框，若您在工作上有需要撰寫 ASP、ASP.NET、PHP、JSP 動態網頁，可以將 Dreamweaver 設定為預設編輯器，請按下「確定」按鈕。 Dreamweaver 操作介面 標籤選取器 編輯網頁時經常需要修改特定的 HTML 標籤，或刪除指定的標籤，使用一般的編輯方式，有時不一定會選到正確的標籤，除了編輯原碼以外，使用標籤選取器可以增加編輯的效率，並且能快速的修改 CSS 樣式的套用範圍。 屬性面板 屬性面板可讓您檢視與設定選取物件的屬性，例如選取文字時可以設定字體、大小，與文 顏色，而選取影像時，可檢視檔案的路徑、影像的寬度、高度，以及對齊的方式。屬性面板的內容會隨著選取的物件而顯示不同的屬性，讓使用者以直覺的方式進行編輯。 工作區版面Dreamweaver 提供了一個全方位視窗整合式版面。整合式工作區中的所有視窗和面板，都整合成一個較大的單一應用程式視窗。 文件視窗 設計檢視是可供開發視覺頁面版面、視覺編輯及快速應用程式的一種設計環境。在這種檢視中，顯示文件的完全可編輯、視覺的表示法，類似您在瀏覽器中檢視頁面時所看到的。 程式碼檢視是一個手動撰寫程式碼的環境，用來撰寫及編輯 HTML、JavaScript、伺服器語言程式碼，如 PHP 、 ASP 、 JSP 以及各種其他的程式碼。 程式碼和設計檢視可讓您在單一視窗中同時檢視同一個文件的「程式碼」檢視和「設計」檢視。編輯區的標題列會顯示頁面標題以及檔案路徑和檔案名稱。如果您對該檔案進行過變更而尚未儲存的話，Dreamweaver 會在檔案名稱之後顯示一個星號。 文件視窗狀態列 標籤選取器會顯示目前選取範圍左右標籤的階層。按一下階層中的任何標籤就能選取該標籤及其所有內容。按一下 body 以選取整個文件的內文。若要在標籤選取器中設定標籤的 class 或 id 屬性，請按一下右鍵 (Windows) 或 Control + 按一下 (Macintosh) 該標籤，並從快顯選單中選取類別或 ID。要選取標籤時，標籤選取器是較好的方法，因為它會確保您一定能準確選取標籤。「手掌」工具可讓您按一下文件並在「文件」視窗中拖曳它。按一下「選取」工具停用「手掌」工具。「縮放」工具和「設定顯示比例」彈出式選單可讓您設定文件的顯示比例等級。「視窗大小」彈出式選單 (只有「設計」檢視中看得到) 可讓您將「文件」視窗的大小調整為預先決定或自訂的尺寸。如需詳細資訊，請參閱「使用 Dreamweaver」中的調整文件視窗大小。「視窗大小」彈出式選單的右邊是估計的文件大小和估計的頁面下載時間，包括所有相關檔案，如影像和其他媒體檔。 插入列 ( Insert ) 「插入」列包含建立及插入物件所用的按鈕。在將指標滑過按鈕時，工具提示