DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver8.0教程 >> Dreamweaver8.0的操作環境
Dreamweaver8.0的操作環境
編輯:Dreamweaver8.0教程     

第一天的內容可能讓你覺得枯燥乏味,不過,“工欲善其事,必先利其器”,讓我們一起來了解Dreamweaver8的操作環境,完成站點的創建。

一、Dreamweaver8 的操作環境

在首次啟動Dreamweaver8時會出現一個“工作區設置”對話框,在對話框左側是Dreamweaver8的設計視圖,右側是Dreamweave 8的代碼視圖。Dreamweaver8設計視圖布局提供了一個將全部元素置於一個窗口中的集成布局。我們選擇面向設計者的設計視圖布局。

在Dreamweave 8 中首先將顯示一個起始頁,可以勾選這個窗口下面的“不在顯示此對話框”來隱藏它。在這個頁面中包括“打開最近項目”、“創建新項目”“從范例創建”3個方便實用的項目,建議大家保留。

新建或打開一個文檔,進入Dreamweaver8的標准工作界面。Dreamweaver8的標准工作界面包括:標題顯示、菜單欄、插入面板組、文檔工具欄、標准工具欄、文檔窗口、狀態欄、屬性面板和浮動面板組。

1、標題顯示欄  

啟動Macromedia Dreamweave 8後,標題欄將顯示文字Macromedia Dreamweave 8.0,新建或打開一個文檔後,在後面還會顯示該文檔所在的位置和文件名稱。

 

2、菜單欄

Dreamweave 8的菜單共有10個,即文件、編輯、視圖、插入、修改、文本、命令、站點、窗口和幫助。其中,編輯菜單裡提供了對Dreamweaver菜單中[首選參數]的訪問。

文件:用來管理文件。例如新建,打開,保存,另存為,導入,輸出打印等。

編輯:用來編輯文本。例如剪切,復制,粘貼,查找,替換和參數設置等。

查看:用來切換視圖模式以及顯示、隱藏標尺、網格線等輔助視圖功能。

插入:用來插入各種元素,例如圖片、多媒體組件,表格、框架及超級鏈接等。

修改:具有對頁面元素修改的功能,例如在表格中插入表格,拆分、合並單元格,對其對象等。

文本:用來對文本操作,例如設置文本格式等。

命令:所有的附加命令項

站點:用來創建和管理站點

窗口:用來顯示和隱藏控制面板以及切換文檔窗口

幫助:聯機幫助功能。例如按下F1鍵,就會打開電子幫助文本

3、插入面板組

插入面板集成了所有可以在網頁應用的對象包括“插入”菜單中的選項。插入面板組其實就是圖像化了的插入指令,通過一個個的按鈕,可以很容易的加入圖像、聲音、多媒體動畫、表格。圖層、框架、表單、Flash和ActiveX等網頁元素。

4、文檔工具欄

“文檔”工具欄包含各種按鈕,它們提供各種“文檔”窗口視圖(如“設計”視圖和“代碼”視圖)的選項、各種查看選項和一些常用操作(如在浏覽器中預覽)。

5、標准工具欄

“標准”工具欄包含來自“文件”和“編輯”菜單中的一般操作的按鈕:“新建”、“打開”、“保存”、“保存全部”、“剪切”、“復制”、“粘貼”、“撤消”和“重做”。

6、文檔窗口

當我們打開或創建一個項目,進入文檔窗口,我們可以在文檔區域中進行輸入文字、插入表格和編輯圖片等操作。

“文檔”窗口顯示當前文檔。可以選擇下列任一視圖:“設計”視圖是一個用於可視化頁面布局、可視化編輯和快速應用程序開發的設計環境。在該視圖中,Dreamweaver 顯示文檔的完全可編輯的可視化表示形式,類似於在浏覽器中查看頁面時看到的內容。“代碼”視圖是一個用於編寫和編輯 HTML、JavaScript、服務器語言代碼以及任何其他類型代碼的手工編碼環境。“代碼和設計”視圖使您可以在單個窗口中同時看到同一文檔的“代碼”視圖和“設計”視圖。

7、狀態欄

“文檔”窗口底部的狀態欄提供與你正創建的文檔有關的其它信息。標簽選擇器顯示環繞當前選定內容的標簽的層次結構。單擊該層次結構中的任何標簽以選擇該標簽及其全部內容。單擊 <body> 可以選擇文檔的整個正文。

8、屬性面板

屬性面板並不是將所有的屬性加載在面板上,而是根據我們選擇的對象來動態顯示對象的屬性屬性面板的狀態完全是隨當前在文檔中選擇的對象來確定的。例如,當前選擇了一幅圖像,那麼屬性面板上就出現該圖像的相關屬性;如果選擇了表格,那麼屬性面板會相應的變化成表格的相關屬性。

9、浮動面板

其它面板可以同稱為浮動面板,這些面板都浮動於編輯窗口之外。在初次使用Dreamweave 8的時候,這些面板根據功能被分成了若干組。在窗口菜單中,選擇不同的命令可以打開基本面板組、設計面板組、代碼面板組、應用程序面板組、資源面板組和其它面板組。

終於把Dreamweave 8的基本工作界面介紹完了,你是否已經了解它?從現在開始,讓我們一起來建造一座小房子。

查看全套“dreamweaver8.0教程”

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved